PageSourceSearch

https://www.leendii.com/

html leendii.com collected 2026-10-05 09:36:17 UTC 37,062 bytes, 707 lines download raw bytes

1<!doctype html>
2<html lang="en">
3<head>
4	<title>Product design for SaaS and complex digital products &#124 leendii</title>
5	<meta name="description" content="Product design for SaaS and complex digital products">
6
7	
8		<link rel="canonical" href="https://www.leendii.com/">
9
10	  <!-- Basics -->
11    <meta charset="utf-8">
12    <meta http-equiv="X-UA-Compatible" content="IE=edge">
13    <meta id="myViewport" name="viewport" content="width=480"> <!-- id="myViewport" -->
14    <!-- width=device-width, initial-scale=1.0, minimum-scale=1, maximum-scale=1, user-scalable=no -->
15    
15<script>
16    if (screen.width > 480) {
17    	var viewport = document.querySelector('meta[name="viewport"]');
18    	viewport.setAttribute('content', 'width=device-width, initial-scale=1, user-scalable=yes');
19	}
20    </script>
20
21		
22    <link rel="icon" type="image/png" href="images/icons/leendii-icon-bw.png"/>
23    <!-- Custom Fonts -->
24
25    <link rel="preconnect" href="https://fonts.googleapis.com">
26	<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
27	<link href="https://fonts.googleapis.com/css2?family=Sofia+Sans:ital,wght@0,1..1000;1,1..1000&display=swap" rel="stylesheet">
28    
29	<link rel="preconnect" href="https://fonts.googleapis.com">
30	<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
31	<link href="https://fonts.googleapis.com/css2?family=Sofia+Sans:ital,wght@0,1..1000;1,1..1000&family=Source+Sans+3:ital,wght@0,200..900;1,200..900&display=swap" rel="stylesheet">
32
33    <!-- Bootstrap and Custom CSS -->
34    
34<script>
35    /*!
36		loadCSS: load a CSS file asynchronously.
37		[c]2015 @scottjehl, Filament Group, Inc.
38		Licensed MIT
39		*/
40		(function(w){
41			"use strict";
42			/* exported loadCSS */
43			w.loadCSS = function( href, before, media ){
44				var doc = w.document;
45				var ss = doc.createElement( "link" );
46				var ref;
47				if( before ){
48					ref = before;
49				}
50				else {
51					var refs = ( doc.body || doc.getElementsByTagName( "head" )[ 0 ] ).childNodes;
52					ref = refs[ refs.length - 1];
53				}
54				var sheets = doc.styleSheets;
55				ss.rel = "stylesheet";
56				ss.href = href;
57				ss.media = "only x";
58				ref.parentNode.insertBefore( ss, ( before ? ref : ref.nextSibling ) );
59				var onloadcssdefined = function( cb ){
60					var resolvedHref = ss.href;
61					var i = sheets.length;
62					while( i-- ){
63						if( sheets[ i ].href === resolvedHref ){
64							return cb();
65						}
66					}
67					setTimeout(function() {
68						onloadcssdefined( cb );
69					});
70				};
71				ss.onloadcssdefined = onloadcssdefined;
72				onloadcssdefined(function() {
73					ss.media = media || "all";
74				});
75				return ss;
76			};
77			if( typeof module !== "undefined" ){
78				module.exports = w.loadCSS;
79			}
80		}(this));
81    </script>
81
82    
82<script>
83		loadCSS("https://fonts.googleapis.com/css?family=Roboto+Condensed:400,700");
84		loadCSS("https://fonts.googleapis.com/css?family=Oswald:400,700");
85		loadCSS("https://fonts.googleapis.com/css?family=Neuton:400,700");
86
87
88		loadCSS("/css/bootstrap_glyphicons.css");
89		loadCSS("https://leendii.com/css/bootstrap_forms.css");
90		loadCSS("https://leendii.com/css/bootstrap_tables.css");
91		loadCSS("https://leendii.com/css/accordion.css");
92
93	</script>
93
94    
94<script type="text/javascript">
95		var freeTrial = "";
96	</script>
96
97
98    <!-- <link rel="stylesheet" type="text/css" href="https://leendii.com/css/jquery.fullPage.css" /> -->
99    <link href="https://cdnjs.cloudflare.com/ajax/libs/fullPage.js/2.6.6/jquery.fullPage.css" rel="stylesheet">
100	<link href="https://leendii.com//css/preloader.css" rel="stylesheet">
101    <link href="https://leendii.com/css/bootstrap_grids_responsiveutilities.css" rel="stylesheet">
102    
103    <link href="https://leendii.com/css/set1.css" rel="stylesheet">
104    <link href="https://leendii.com/css/custom.css" rel="stylesheet">
105
106	
107	<style>
108		@font-face {
109	    font-family: SabonLTStd-Roman;
110	    src: url("https://www.leendii.com/fonts/SabonLTStd-Roman.otf");
111		}
112	</style>
113
114    <style type="text/css">
115		#firstClickForm, #firstClickUCForm, #firstClickExample, #firstClickUCExample {
116			display:block !important;
117		}
118	</style>
119
120<style>.async-hide { opacity: 0 !important} </style>
121<script>(function(a,s,y,n,c,h,i,d,e){s.className+=' '+y;h.start=1*new Date;
122h.end=i=function(){s.className=s.className.replace(RegExp(' ?'+y),'')};
123(a[n]=a[n]||[]).hide=h;setTimeout(function(){i();h.end=null},c);h.timeout=c;
124})(window,document.documentElement,'async-hide','dataLayer',4000,
125{'GTM-T9XFQTG':true});</script>
125
126
127<script>
vendor: 338 bytes, lines 127-132
127
128  (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
129  (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
130  m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
131  })(window,document,'script','//www.google-analytics.com/analytics.js','ga');
132  ga('create', '
132UA-67923694-1
vendor: 14 bytes, lines 132-133
132', 'auto');
133  
133ga('require', 'GTM-T9XFQTG');
134  ga('send', 'pageview');
135</script>
135
136<meta name="msvalidate.01" content="9F3716B451A337F031243EE234938010" />
137
138<!-- Hotjar Tracking Code for http://www.leendii.com -->
139<!-- 
139<script>
vendor: 125 bytes, lines 139-142
139
140    (function(h,o,t,j,a,r){
141        h.hj=h.hj||function(){(h.hj.q=h.hj.q||[]).push(arguments)};
142        h._hjSettings={hjid:
142279912
vendor: 252 bytes, lines 142-147
142,hjsv:5};
143        a=o.getElementsByTagName('head')[0];
144        r=o.createElement('script');r.async=1;
145        r.src=t+h._hjSettings.hjid+j+h._hjSettings.hjsv;
146        a.appendChild(r);
147    })(window,document,'//static.hotjar.com/c/hotjar-','.js?sv=');
148</script>
148 -->
149
150<!-- Start Visual Website Optimizer Asynchronous Code
151<script type='text/javascript'>
152var _vwo_code=(function(){
153var account_id=254249,
154settings_tolerance=2000,
155library_tolerance=2500,
156use_existing_jquery=false,
157// DO NOT EDIT BELOW THIS LINE
158f=false,d=document;return{use_existing_jquery:function(){return use_existing_jquery;},library_tolerance:function(){return library_tolerance;},finish:function(){if(!f){f=true;var a=d.getElementById('_vis_opt_path_hides');if(a)a.parentNode.removeChild(a);}},finished:function(){return f;},load:function(a){var b=d.createElement('script');b.src=a;b.type='text/javascript';b.innerText;b.onerror=function(){_vwo_code.finish();};d.getElementsByTagName('head')[0].appendChild(b);},init:function(){settings_timer=setTimeout('_vwo_code.finish()',settings_tolerance);var a=d.createElement('style'),b='body{opacity:0 !important;filter:alpha(opacity=0) !important;background:none !important;}',h=d.getElementsByTagName('head')[0];a.setAttribute('id','_vis_opt_path_hides');a.setAttribute('type','text/css');if(a.styleSheet)a.styleSheet.cssText=b;else a.appendChild(d.createTextNode(b));h.appendChild(a);this.load('//dev.visualwebsiteoptimizer.com/j.php?a='+account_id+'&u='+encodeURIComponent(d.URL)+'&r='+Math.random());return settings_timer;}};}());_vwo_settings_timer=_vwo_code.init();
159</script>
159
160End Visual Website Optimizer Asynchronous Code -->
161
162<!-- 
162<script src="https://cdn.optimizely.com/js/6790331654.js"></script>
162 -->
163</head>
164<body class="notranslate">
165
166
167<div class="wrapper">
168    <header id="aboveNavigation" style="select:none; font-family:'Sofia Sans';"> <!-- Neuton SabonLTStd-Roman -->
169        
170        <!-- logo and utilities -->
171        <div class="outside white2"> 
172            <div>
173                <div class="row"> <!-- height-bluesky-header-template -->
174                    <div>
175                        <a href="/">
176                            <img src="https://www.leendii.com/images/graphic/logoblack/leendii-logox.png" alt="leendii - lean ux consultant (link to homepage)" width="130" height="auto" class="dev-logo-leendii16">
177                        </a>
178                    </div>
179                    <div id="dev-btnHamburger-phone" class="visible-xs visible-sm dev-btnHamburger-phone">
180                        <div id="nav-icon4">
181                          <span></span>
182                          <span></span>
183                          <span></span>
184                          <span></span>
185                        </div>
186                    </div>
187                </div> 
188                
189                <!-- navigation md and lg -->
190                <div class="row visible-md visible-lg" >                 
191                    <div class="col-md-offset-4 col-md-8" style="display:inline-block; text-align:right;">
192                        
193                        <p style="margin-top:40px">
194                            <!-- <a href="/services">services</a>&nbsp;&nbsp;&nbsp;&nbsp; -->
195                            <!-- <a href="/work">portfolio of work</a>&nbsp;&nbsp;&nbsp;&nbsp; -->
196                            <!-- <a href="/contact">contact</a>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; -->
197                        </p>
198
199
200                        <!--<a href="/ui-ux-review-(audit)"><div class="nav-button pricing-tab" style="width:110px;">
201                            <div class="nav-button-text">services</div></div>
202                        </a>
203                        <a href="/work"><div class="nav-button case-studies-tab" style="width:100px; ">
204                            <div class="nav-button-text" style="white-space:nowrap;">portfolio of work</div></div>
205                        </a> 
206                        <a href="/contact-us"><div class="nav-button contact-tab" style="width:120px; ">
207                            <div class="nav-button-text">contact</div></div>
208                        </a> 
209                    </div> -->
210                    
211                        <!--<a href="/eForms/usability_f1"><div class="cta-button" style="width:260px; ">
212                            <div class="cta-button-text">quick ux audit</div></div>
213                        </a> -->
214
215                </div> <!-- close row -->
216
217                <!-- utilities md and lg -->
218                <!-- <div class="row">               
219                    <div class="visible-md visible-lg dev-utilities16">
220                        <a href="/work"><div class="dev-ghost-button-blue16 case-studies-tab" style="width:135px">
221                            <div class="ghost-button-blue-text16" style="white-space:nowrap;">work</div></div>
222                        </a>
223                        <a href="/pricing"><div class="dev-ghost-button-blue16 pricing-tab" style="width:80px">
224                            <div class="ghost-button-blue-text16">pricing</div></div>
225                        </a>    
226                        <a href="/contact-us"><div class="dev-ghost-button-blue16 contact-tab" style="width:120px">
227                            <div class="ghost-button-blue-text16">contact</div></div>
228                        </a> 
229                        <a href="/eForms/usability_f1"><div class="dev-ghost-button-blue16" style="width:260px; border:4px solid #db0a5b">
230                            <div class="ghost-button-blue-text16" style="color:#db0a5b">quick ux audit</div></div>
231                        </a>         
232                    </div>
233                </div> --> <!-- close row -->
234            </div>
235        </div>
236
237
238        <!-- collapsed navigation xs and sm -->
239        <div class="outside visible-xs visible-sm" >    
240            <div class="container collapse white2" id="utilities-phone" style="position:absolute; z-index:11; height:90%; width:100%;"> <!-- 99-->
241                <div class="row flexbox" style="margin-top:20%;"> <!-- collapsed-nav-margin -->
242                    <div style="width:80%;">
243                        
244                        <div class="col-xs-12 col-sm-12">
245                            <a href="about">
246                            <div class="dev-services-tile-nav flexbox">  
247                                <p style="color:#333333"><br>About</p>
248                            </div>
249                            </a>
250                        </div>
251
252                        <!-- <div class="col-xs-12 col-sm-12">
253                            <a href="services">
254                            <div class="dev-services-tile-nav flexbox">  
255                                <p style="color:#333333"><br>services</p>
256                            </div>
257                            </a>
258                        </div> -->
259
260                        <!-- <div class="col-xs-12 col-sm-12">
261                            <a href="work">
262                            <div class="dev-services-tile-nav flexbox" > 
263                                <p style="color:#333333"><br>portfolio of work</p>
264                            </div>
265                            </a>
266                        </div> -->
267
268                        <div class="col-xs-12 col-sm-12">
269                            <a href="contact">
270                            <div class="dev-services-tile-nav flexbox">
271                                <p style="color:#333333"><br>Contact</p>
272                            </div>
273                            </a>
274                        </div>
275
276                        <div class="col-xs-12 col-sm-12">
277                            <a href="privacy">
278                            <div class="dev-services-tile-nav flexbox">
279                                <p style="color:#333333"><br>Privacy</p>
280                            </div>
281                            </a>
282                        </div>
283
284                        <div class="col-xs-12 col-sm-12">
285                            <a href="terms">
286                            <div class="dev-services-tile-nav flexbox">
287                                <p style="color:#333333"><br>Terms of Service</p>
288                            </div>
289                            </a>
290                        </div>
291
292                    </div>
293                </div>
294            </div>
295        </div>        
296    
297        <!-- collapsed nav xs and sm -->
298        <!-- <div class="outside visible-xs visible-sm" >    
299            <div class="container white collapse" id="utilities-phone" style="position:absolute; z-index:11; height:90%; width:100%;">
300                <div class="row flexbox" >
301                    <div style="width:80%;">
302                        
303                        <div class="col-xs-12 col-sm-12">
304                            <a href="work">
305                            <div class="dev-services-tile-nav flexbox" > 
306                                <p style="color:#0e305e">work</p> 
307                            </div>
308                            </a>
309                        </div>                       
310
311                        <div class="col-xs-12 col-sm-12">
312                            <a href="pricing">
313                            <div class="dev-services-tile-nav flexbox">  
314                                <p style="color:#0e305e">pricing</p>
315                            </div>
316                            </a>
317                        </div>
318
319                        <div class="col-xs-12 col-sm-12">
320                            <a href="contact-us">
321                            <div class="dev-services-tile-nav flexbox">
322                                <p style="color:#0e305e">contact</p>
323                            </div>
324                            </a>
325                        </div>
326
327                    </div>
328                </div>
329            </div>
330        </div> -->
331
332
333        <!-- collapsed services md and lg -->
334        <!-- <div class="outside hidden-xs hidden-sm collapse" id="display-services">    
335            <div class="container" style="margin-bottom:-15px"> 
336                <div class="row">               
337                    <div class="col-md-2 col-lg-2">
338                        <div class="free-trial-tile">
339                            <div>
340                                <a href="/ui-ux-review-(audit)">                                
341                                <img src="https://www.leendii.com/images/icons/256/usability-review-icon.png" alt="usability review icon" width="80" height="80" class="free-trial-tile-icon">    
342                                <p>ui/ux review<br>(audit)</p>
343                                </a>
344                            </div>
345                        </div>       
346                    </div>
347                    <div class="col-md-2 col-lg-2">
348                        <div class="free-trial-tile">
349                            <div>
350                                <a href="/usability-testing">                                  
351                                <img src="https://www.leendii.com/images/icons/256/first-click-test-icon.png" alt="user interface testing icon" width="80" height="80" class="free-trial-tile-icon">    
352                                <p>usability<br>testing</p>
353                                </a>
354                            </div>
355                        </div>       
356                    </div> 
357                    <div class="col-md-2 col-lg-2" style="text-align:center">
358                        <div class="free-trial-tile">
359                            <div>
360                                <a href="/wireframing">                                   
361                                <img src="https://www.leendii.com/images/icons/256/interface-iterative-design-icon.png" alt="user interface design icon" width="80" height="80" class="free-trial-tile-icon">
362                                <p>wireframing</p>
363                                </a>
364                            </div>
365                        </div>       
366                    </div>
367                    <div class="col-md-2 col-lg-2">
368                        <div class="free-trial-tile">
369                            <div>
370                                <a href="/user-research">                                   
371                                <img src="https://www.leendii.com/images/icons/256/tree-test-icon.png" alt="information architecture testing icon" width="80" height="80" class="free-trial-tile-icon">
372                                <p>user<br>research</p>
373                                </a>
374                            </div>
375                        </div>       
376                    </div>
377                    <div class="col-md-2 col-lg-2">
378                        <div class="free-trial-tile">
379                            <div>
380                                <a href="/ux-for-virtual-reality">                                   
381                                <img src="https://www.leendii.com/images/icons/256/open-card-sorting-test-icon.png" alt="information architecture design icon" width="80" height="80" class="free-trial-tile-icon">    
382                                <p>ux for<br>virtual reality</p>
383                                </a>
384                            </div>
385                        </div>       
386                    </div>
387                    <div class="col-md-2 col-lg-2">
388                        <div class="free-trial-tile">
389                            <div>
390                                <a href="/at-your-service">                                  
391                                <img src="https://www.leendii.com/images/icons/256/accessibility-review-icon.png" alt="accessibility audit icon" width="80" height="80" class="free-trial-tile-icon">    
392                                <p>at your service<br>(hourly rate)</p>
393                                </a>
394                            </div>
395                        </div>       
396                    </div>
397                </div>
398            </div>
399        </div> -->
400
401    </header> <!-- end of header -->
402
403    <!-- strip -->
404    <!-- <section>
405        <div class="outside blue height-strip alignWrapper1">
406            <div class="container alignWrapper2">  
407                <div class="row" style="text-align:center;">
408                <p class="alignWrapper3">improve the user experience</p>
409                </div>
410            </div>       
411        </div>
412    </section>  -->   
413
414
415
416        <!-- collapsed nav xs and sm -->
417        <!--<div class="outside blue visible-xs">    
418            <div class="container blue collapse" id="utilities-phone">  
419                <div class="row">                
420                    <div class="utilities-phone-template">
421                        
422                        <a href="/mission">
423                        <div class="ghost-button-white-phone" style="margin-right:206px">
424                            <div class="ghost-button-white-phone-text">mission</div></div>
425                        </a>
426                        <a href="/pricing">
427                        <div class="ghost-button-white-phone">
428                            <div class="ghost-button-white-phone-text">pricing</div></div>
429                        </a>
430                        <a href="/case-studies">
431                        <div class="ghost-button-white-phone" style="margin-right:206px; margin-top:120px;">
432                            <div class="ghost-button-white-phone-text" style="white-space:nowrap;">case studies</div></div>
433                        </a>
434                        <a href="/contact-us">
435                        <div class="ghost-button-white-phone" style="margin-top:120px">
436                            <div class="ghost-button-white-phone-text">contact&nbsp;us</div></div>
437                        </a>
438                        <div class="ghost-button-white-phone" style="margin-top:220px; background-color:#0e305e; width:390px;">
439                            <div class="ghost-button-white-phone-text" style="color:#19b5fe; font-size:1.75rem">services</div>
440                        </div>
441                        
442                        <a href="/ui-ux-review-and-design">
443                        <div class="services-tile-nav" style="margin-right:206px; margin-top:300px;">                                
444                            <img src="https://www.leendii.com/images/icons/128/usability-review-icon.png" alt="usability review icon" width="60" height="60">    
445                            <p>ui/ux review<br>and design</p>
446                        </div>
447                        </a>
448
449                        <a href="/real-people-usability-test">
450                        <div class="services-tile-nav" style="margin-top:300px;">                                 
451                            <img src="https://www.leendii.com/images/icons/128/first-click-test-icon.png" alt="user interface testing icon" width="60" height="60">    
452                            <p>real people<br>usability test</p>
453                        </div> 
454                        </a>
455
456                        <a href="/prototype-from-sketches">
457                        <div class="services-tile-nav" style="margin-right:206px; margin-top:435px;">                           
458                            <img src="https://www.leendii.com/images/icons/128/interface-iterative-design-icon.png" alt="user interface design icon" width="60" height="60">    
459                            <p>prototype<br>from sketches</p>
460                        </div> 
461                        </a>
462
463                        <a href="/understand-your-customers">
464                        <div class="services-tile-nav" style="margin-top:435px;">                              
465                            <img src="https://www.leendii.com/images/icons/128/tree-test-icon.png" alt="information architecture testing icon" width="60" height="60">    
466                            <p>understand<br>your customers</p>
467                        </div>
468                        </a>
469
470                        <a href="/rapid-ui-improvements">
471                        <div class="services-tile-nav" style="margin-right:206px; margin-top:570px;">                                
472                            <img src="https://www.leendii.com/images/icons/128/open-card-sorting-test-icon.png" alt="information architecture design icon" width="60" height="60">    
473                            <p>rapid ui<br>improvements</p>
474                        </div>
475                        </a>
476
477                        <a href="/accessibility-audit">
478                        <div class="services-tile-nav" style="margin-right:0px; margin-top:570px;">                                
479                            <img src="https://www.leendii.com/images/icons/128/accessibility-review-icon.png" alt="accessibility audit icon" width="60" height="60">    
480                            <p>accessibility<br>audit</p>
481                        </div>
482                        </a>                        
483
484                    </div>
485                </div>
486            </div>
487        </div>
488        <div class="outside blue visible-sm">    
489            <div class="container blue collapse" id="utilities-phone-sm">  
490                <div class="row">                
491                    <div class="utilities-phone-template">
492                        <a href="/pricing">
493                        <div class="ghost-button-white-phone" style="width:160px;margin-right:360px">
494                            <div class="ghost-button-white-phone-text">pricing</div></div>
495                        </a>
496                        <a href="/case-studies">
497                        <div class="ghost-button-white-phone" style="width:160px;margin-right:180px">
498                            <div class="ghost-button-white-phone-text" style="white-space:nowrap;">case studies</div></div>
499                        </a>
500                        <a href="/contact-us">
501                        <div class="ghost-button-white-phone" style="width:160px;">
502                            <div class="ghost-button-white-phone-text">contact&nbsp;us</div></div>
503                        </a>
504                        <div class="ghost-button-white-phone" style="margin-top:100px; background-color:#0e305e; width:515px;">
505                            <div class="ghost-button-white-phone-text" style="color:#19b5fe; font-size:1.8rem">services</div>
506                        </div>
507                        
508                        <a href="/ui-ux-review-and-design">
509                        <div class="services-tile-nav" style="margin-right:360px; margin-top:170px;">                                
510                            <img src="https://www.leendii.com/images/icons/128/usability-review-icon.png" alt="usability review icon" width="60" height="60">    
511                            <p>ui/ux review<br>and design</p>
512                        </div>
513                        </a>
514
515                        <a href="/real-people-usability-test">
516                        <div class="services-tile-nav" style="margin-right:180px; margin-top:170px;">                                
517                            <img src="https://www.leendii.com/images/icons/128/first-click-test-icon.png" alt="user interface testing icon" width="60" height="60">    
518                            <p>real people<br>usability test</p>
519                        </div>
520                        </a>
521
522                        <a href="/prototype-from-sketches">
523                        <div class="services-tile-nav" style="margin-right:0px;margin-top:170px;">                            
524                            <img src="https://www.leendii.com/images/icons/128/interface-iterative-design-icon.png" alt="user interface design icon" width="60" height="60">    
525                            <p>prototype<br>from sketches</p>
526                        </div>
527                        </a>
528
529                        <a href="/understand-your-customers"> 
530                        <div class="services-tile-nav" style="margin-right:360px; margin-top:322px;">                
531                            <img src="https://www.leendii.com/images/icons/128/tree-test-icon.png" alt="information architecture testing icon" width="60" height="60">    
532                            <p>understand<br>your customers</p>    
533                        </div>
534                        </a>
535
536                        <a href="/rapid-ui-improvements"> 
537                        <div class="services-tile-nav" style="margin-right:180px; margin-top:322px;">                             
538                            <img src="https://www.leendii.com/images/icons/128/open-card-sorting-test-icon.png" alt="information architecture design icon" width="60" height="60">    
539                            <p>rapid ui<br>improvements</p>
540                        </div>
541                        </a>
542
543                        <a href="/accessibility-audit">
544                        <div class="services-tile-nav" style="margin-right:0px; margin-top:322px;">                                
545                            <img src="https://www.leendii.com/images/icons/128/accessibility-review-icon.png" alt="accessibility audit icon" width="60" height="60">    
546                            <p>accessibility<br>audit</p>
547                        </div>
548                        </a>
549                        
550                    </div>
551                </div>
552            </div>
553        </div> -->
554
555     
556
557    <section id="pageTitle">
558        <div class="outside">    
559            <div class="container white2">        
560                <div class="row visible-xs" style="margin-top:350px;">
561                    <div class="col-xs-12" style="display:inline-block; text-align:center;">
562                        <div>
563                            <h1 class="titlebw">Product design for SaaS and complex digital products</h1>
564                        </div>
565                    </div>
566                </div>
567                <div class="row visible-sm" style="margin-top:350px;">
568                    <div class="col-xs-12" style="display:inline-block; text-align:center;">
569                        <div>
570                            <h1 class="titlebw">Product design for SaaS<br>and complex digital products</h1>
571                        </div>
572                    </div>
573                </div>
574                <div class="row visible-md visible-lg" style="margin-top:250px;"> <!-- titlebw-margin -->
575                    <div class="col-xs-12" style="display:inline-block; text-align:center;">
576                        <div>
577                            <h1 class="titlebw">Product design for SaaS<br>and complex digital products</h1>
578                        </div>
579                    </div>
580                </div>
581            </div>
582        </div>
583    </section>   
584    
585    <div style="height:100px"></div> 
586    <div class="push"></div>
587
588</div> <!-- end of wrapper -->
589    
590    
591    <footer class="footer">
592
593        <div class="outside white2" style="padding:9px 0px 4px;  font-family:'Sofia Sans'; ">
594            <div class="container" >
595
596                <div class="row visible-xs visible-sm" style="border-top:1px solid black">
597                    <div class="col-xs-12" style="display:inline-block; text-align:center; margin-top:30px">
598                        <a rel="nofollow" href="https://twitter.com/leendiiux" target="_blank"><img src="https://www.leendii.com/images/icons/x-logo-black.png" alt="X logo" width="20" height="20"></a>
599                    </div>
600                    <div class="col-xs-12" style="display:inline-block; text-align:center; ">
601                        <p><span class="glyphicon glyphicon-copyright-mark" style="font-size:0.7rem;"></span>&nbsp; 2015 - 2024 leendii
602                        </p>
603                    </div>                
604                </div>
605                
606                <div class="row visible-md visible-lg" style="border-top:1px solid black"> <!--height:25%;-->
607                    <div class="col-xs-4" style="display:inline-block; text-align:left; ">
608                        <p><span class="glyphicon glyphicon-copyright-mark" style="font-size:0.7rem;"></span>&nbsp; 2015 - 2024 leendii
609               
609         </p>
610                    </div>                
611                    <div class="col-xs-7" style="display:inline-block; text-align:right; ">
612                        <p><a href="/about">About</a>&nbsp;&nbsp;&nbsp;&nbsp;<a href="/contact">Contact</a>&nbsp;&nbsp;&nbsp;&nbsp;<a rel="nofollow" href="/privacy">Privacy</a>&nbsp;&nbsp;&nbsp;&nbsp;<a rel="nofollow" href="/terms">Terms of Service</a></p>
613                    </div>
614                    <div class="col-xs-1" style="display:inline-block; text-align:right">
615                        <p><a rel="nofollow" href="https://twitter.com/leendiiux" target="_blank"><img src="https://www.leendii.com/images/icons/x-logo-black.png" alt="X logo" width="20" height="20"></a></p>
616                    </div> 
617                </div>
618
619            </div>
620        </div>
621    </footer>
622
623<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.4/jquery.min.js"></script>
vendor: 1 bytes, line 623
623
624<script src="https://cdnjs.cloudflare.com/ajax/libs/fullPage.js/2.6.6/jquery.fullPage.min.js"></script>
vendor: 1 bytes, line 624
624
625<script src="https://www.leendii.com/js/custom16.js"></script>
625    
626
627<!-- javascript. jquery to be loaded before bootstrap.min.js -->
628<!-- alternative for jquery with googleapis-->
629<!-- 
629<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js"></script>
629 -->  
630<!-- 
630<script type="text/javascript" src="/js/jquery.fullPage.js"></script>
630 -->
631<!-- 
631<script src="http://code.jquery.com/jquery-latest.min.js"></script>
631 -->
632<!-- 
632<script src="js/bootstrap.min.js"></script>
632 -->  
633<!-- 
633<script src="https://www.leendii.com/js/accordion.js"></script>
633 -->
634
635
636                <!-- <div class="row visible-xs" style="border-top:1px solid black">
637                    <div class="col-xs-offset-2 col-xs-10 lineheight" style="font-weight:normal;">
638
639                        <div class="row" style="margin-top:50px">
640                            <div class="col-xs-5" style="display:inline-block;">
641                                <p style="font-size:1rem">
642                                    <a href="/work">work</a><br>
643                                    <a href="/pricing">pricing</a><br>
644                                    <a href="/contact-us">contact</a><br>
645                                    <a href="/about">about</a><br>
646                                    <a href="/blog">blog</a><br>
647                                    <a rel="nofollow" href="/privacy">privacy</a><br>
648                                    <a rel="nofollow" href="/terms">terms</a>
649                                </p>
650                            </div>
651                            <div class="col-xs-7" style="display:inline-block;">
652                                <p style="font-size:1rem">
653                                    <a href="/ui-ux-review-(audit)">ui/ux review (audit)</a><br>
654                                    <a href="/usability-testing">usability testing</a><br>
655                                    <a href="/wireframing">wireframing</a><br>
656                                    <a href="/user-research">user research</a><br>
657                                </p>
658                            </div>
659                        </div> 
660
661                    </div>
662                </div> -->
663
664                <!-- <div class="row hidden-xs" style="border-top:1px solid black">
665                    <div class="col-sm-offset-1 col-sm-11 col-md-offset-2 col-md-10 col-lg-offset-2 col-lg-10 lineheight" >
666                        
667
668                        <div class="row" style="margin-top:50px" >
669                            <div class="col-sm-4 col-md-4 col-lg-4" style="display:inline-block;">
670                                <p class="footer-vh-line"><span style="font-size:1.25rem; color:#333333; font-weight:bold">get started</span><br>
671                                    <a href="/work">work</a><br>
672                                    <a href="/pricing">pricing</a><br>
673                                    <a href="/contact-us">contact</a>
674                                </p>
675                            </div>
676                            <div class="col-sm-4 col-md-4 col-lg-4" style="display:inline-block;">
677                                <p class="footer-vh-line"><span style="font-size:1.25rem; color:#333333; font-weight:bold">company</span><br>
678                                    <a href="/about">about</a><br>
679                                    <a href="/blog">blog</a><br>
680                                    <a rel="nofollow" href="/privacy">privacy policy</a><br>
681                                    <a rel="nofollow" href="/terms">terms of service</a>
682                                </p>
683                            </div>
684                            <div class="col-sm-4 col-md-4 col-lg-4" style="display:inline-block;">
685                                <p class="footer-vh-line"><span style="font-size:1.25rem; color:#333333; font-weight:bold">services</span><br>
686                                    <a href="/ui-ux-review-(audit)">ui/ux review (audit)</a><br>
687                                    <a href="/usability-testing">usability testing</a><br>
688                                    <a href="/wireframing">wireframing</a><br>
689                                    <a href="/user-research">user research</a><br>
690                                </p>
691                            </div>
692                        </div> 
693
694                    </div>
695                </div> -->
696    
696<script>
697    $(document).ready(function() {
698    $(".mission-tab").toggleClass('active-tab');
699    });
700    </script>
700
701    
702    
703                                                        
704
705</body>
706</html>
707

Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.