1<!doctype html> 2<html lang="en"> 3<head> 4 <title>Product design for SaaS and complex digital products | 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> --> 195 <!-- <a href="/work">portfolio of work</a> --> 196 <!-- <a href="/contact">contact</a> --> 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 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 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> 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> 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> <a href="/contact">Contact</a> <a rel="nofollow" href="/privacy">Privacy</a> <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.