1<!DOCTYPE html> 2<html lang="en"> 3 4<head> 5 <!-- Google tag (gtag.js) -->
vendor: 66 bytes, lines 5-6
5 6 <script async src="https://www.googletagmanager.com/gtag/js?id=
6G-ZFNTDTFMWW
vendor: 14 bytes, lines 6-7
6"></script> 7
7<script> 8
vendor: 154 bytes, lines 8-15
8window.dataLayer = window.dataLayer || []; 9 10 function gtag() { 11 dataLayer.push(arguments); 12 } 13 gtag('js', new Date()); 14 15 gtag('config', '
15G-ZFNTDTFMWW
vendor: 6 bytes, lines 15-16
15'); 16
16</script>
16 17 18 <meta charset="utf-8"> 19 <meta name="viewport" content="width=device-width,initial-scale=1.0"> 20 21 <title>gotomedia | UX Strategies, User Experience Consultancy, Product Design</title> 22 23 <link href="https://fonts.googleapis.com/css?family=Montserrat:300,500,600,700" rel="stylesheet"> 24 25 26 <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/tiny-slider/2.9.4/tiny-slider.css"> 27 28 <link href="https://gotomedia.com/assets/css/prism.css" rel="stylesheet"> 29<link href="https://gotomedia.com/assets/css/lightbox.css" rel="stylesheet"> 30<link href="https://gotomedia.com/assets/css/index.css" rel="stylesheet"> 31<link href="https://gotomedia.com/assets/css/menu.css" rel="stylesheet"> 32<link href="https://gotomedia.com/assets/css/custom-fonts.css" rel="stylesheet"> 33<link href="https://gotomedia.com/assets/css/plugins.css" rel="stylesheet"> 34<link href="https://gotomedia.com/assets/css/modules.css" rel="stylesheet"> 35<link href="https://gotomedia.com/assets/css/index.dev.css" rel="stylesheet"> 36<link href="https://gotomedia.com/assets/css/templates/home.css" rel="stylesheet"> 37
37<script src="https://code.jquery.com/jquery-3.7.1.min.js" integrity="sha256-/JqT3SQfawRcv/BIHPThkBvs0OEvtFFmqPF/lYI/Cxo=" crossorigin="anonymous"></script>
37 38 39 <link rel="shortcut icon" type="image/x-icon" href="https://gotomedia.com/favicon.ico"> 40 41 <!-- temporary Scale page fix --> 42 43</head> 44 45<body class="home"> 46 <a href="#main" class="skip-link">Skip to main content</a> 47 48 <style> 49.main-logo { 50 position: fixed; 51 top: 20px; left: 20px; 52 z-index: 999; 53} 54.main-logo, 55.main-logo svg { width: 44px; height: 44px; } 56 57.saf-logo { display: none; } 58 59/* Fixed square that never moves; wipe happens INSIDE it */ 60.logoBG { 61 position: fixed; 62 top: 0; left: 0; 63 width: 85px; height: 85px; 64 z-index: 10; 65 overflow: hidden; 66 pointer-events: none; 67 background: #f5d600; /* fallback */ 68} 69 70/* two stacked color layers filling the square */ 71.logoBG .lbg-layer { 72 position: absolute; 73 inset: 0; 74 will-change: clip-path; 75} 76/* .lbg-next sits above and is clipped to reveal from the boundary downward */ 77 78.scrolled .main-logo, 79.scrolled .logoBG { 80 opacity: 0; 81 transition: opacity 0.2s ease-in-out; 82} 83 84@media screen and (min-width: 991px) { 85 .scrolled .main-logo, 86 .scrolled .logoBG { 87 opacity: 1; 88 } 89 .main-logo { top: 26px; left: 26px; } 90 .main-logo, 91 .main-logo svg { width: 60px; height: 60px; } 92 .logoBG { width: 112px; height: 112px; } 93} 94 95 96 97 </style> 98
99<script type="text/javascript"> 100(function () { 101 var stale = document.querySelectorAll('.logoBG'); 102 for (var i = 0; i < stale.length; i++) stale[i].parentNode.removeChild(stale[i]); 103 104 var box = document.createElement('div'); 105 box.className = 'logoBG'; 106 var cur = document.createElement('div'); 107 var next = document.createElement('div'); 108 cur.className = 'lbg-layer lbg-cur'; 109 next.className = 'lbg-layer lbg-next'; 110 box.appendChild(cur); 111 box.appendChild(next); 112 document.body.appendChild(box); 113 114 115 function docTop(el) { var y = 0; while (el) { y += el.offsetTop; el = el.offsetParent; } return y; } 116 117 function colorSourceEl(section) { 118 var p = section.parentElement; 119 if (p && p.className && p.className.indexOf('parallaxie') !== -1) return p; 120 var bg = getComputedStyle(section).backgroundColor; 121 if (bg === 'rgba(0, 0, 0, 0)' && p && p.nodeName === 'DIV') return p; 122 return section; 123 } 124 125 function colorFor(section) { 126 if (location.pathname !== '/' && location.pathname !== '/g2newsite/') return '#fff'; 127 var bg = getComputedStyle(section).backgroundColor; 128 if (section.className.indexOf('smartthink-sec') !== -1) bg = 'rgb(255, 255, 255)'; 129 else if (section.className.indexOf('themission-sec') !== -1) bg = 'rgb(245, 214, 0)'; 130 else if (bg === 'rgba(0, 0, 0, 0)' && section.parentElement && section.parentElement.nodeName === 'DIV') { 131 bg = getComputedStyle(section.parentElement).backgroundColor; 132 } 133 if (bg === 'rgb(245, 214, 0)') return '#fff'; 134 if (bg === 'rgb(255, 255, 255)') return '#efefef'; 135 return '#f5d600'; 136 } 137 138 var bands = []; 139 function buildBands() { 140 var secs = document.querySelectorAll('section'); 141 var out = [], seen = []; 142 for (var i = 0; i < secs.length; i++) { 143 var s = secs[i]; 144 if (s.className.indexOf('logo-panel') !== -1) continue; 145 var p = s.parentElement, pc = p ? p.className : ''; 146 if (pc.indexOf('module--grid') !== -1 || pc.indexOf('module--layout') !== -1 || pc.indexOf('module--carousel') !== -1) continue; 147 var src = colorSourceEl(s); 148 if (seen.indexOf(src) !== -1) continue; 149 seen.push(src); 150 out.push({ srcEl: src, color: colorFor(s), top: docTop(src) }); 151 } 152 out.sort(function (a, b) { return a.top - b.top; }); 153 return out; 154 } 155 function refresh() { bands = buildBands(); } 156 157 var ticking = false; 158 function update() { 159 ticking = false; 160 document.body.classList.toggle('scrolled', window.scrollY > 0); 161 if (!bands.length) return; 162 163 var sq = box.getBoundingClientRect(); 164 var sqTop = sq.top, sqBottom = sq.bottom; 165 var scrollY = window.scrollY || window.pageYOffset; 166 167 var curIdx = 0; 168 for (var i = 0; i < bands.length; i++) { 169 if ((bands[i].top - scrollY) <= sqTop) curIdx = i; else break; 170 } 171 cur.style.backgroundColor = bands[curIdx].color; 172 173 var nextIdx = curIdx + 1; 174 if (nextIdx < bands.length) { 175 var edge = bands[nextIdx].top - scrollY; 176 if (edge > sqTop && edge < sqBottom) { 177 next.style.backgroundColor = bands[nextIdx].color; 178 next.style.clipPath = 'inset(' + (edge - sqTop) + 'px 0 0 0)'; 179 next.style.display = 'block'; 180 } else { 181 next.style.display = 'none'; 182 } 183 } else { 184 next.style.display = 'none'; 185 } 186 } 187 188 function onScroll() { if (!ticking) { requestAnimationFrame(update); ticking = true; } } 189 190 window.addEventListener('scroll', onScroll, { passive: true }); 191 window.addEventListener('resize', function () { refresh(); update(); }); 192 window.addEventListener('load', function () { refresh(); update(); }); 193 if (document.fonts && document.fonts.ready) document.fonts.ready.then(function () { refresh(); update(); }); 194 setTimeout(function () { refresh(); update(); }, 800); 195 if (document.readyState !== 'loading') { refresh(); update(); } 196 else document.addEventListener('DOMContentLoaded', function () { refresh(); update(); }); 197})(); 198</script>
198 199 200 201 202 203 204 <header class="header"> 205 <div class="main-logo"> 206 <a href="https://gotomedia.com" aria-label="gotomedia home"> 207 <svg width="60" height="60" viewBox="0 0 60 60" fill="none" xmlns="http://www.w3.org/2000/svg" role="img" aria-hidden="true"> 208 <path fill-rule="evenodd" clip-rule="evenodd" d="M15.8058 15.9645C12.1375 19.6749 10.0772 24.6801 10.0704 29.8977C10.0704 29.9148 10.0721 29.9318 10.0738 29.9489C10.0755 29.9659 10.0772 29.983 10.0772 30H2.04541V29.8977C2.05407 22.5524 4.96047 15.5071 10.1333 10.2921C15.3061 5.07716 22.3276 2.11371 29.6727 2.04547V10.0705C24.4555 10.1368 19.4741 12.2541 15.8058 15.9645ZM29.6727 25.9159H57.4636C57.6647 27.2338 57.7696 28.5646 57.7772 29.8977C57.7682 37.283 54.83 44.3632 49.6071 49.5847C44.3843 54.8063 37.3034 57.7428 29.9182 57.75H29.6727V49.725H29.9182C34.4188 49.7161 38.7829 48.1782 42.295 45.3636C45.807 42.5491 48.2585 38.6248 49.2477 34.2341H29.6727V25.9159Z" fill="#282828" /> 209 </svg></a> 210 </div> 211 212 213 214<p class="main-menu-btn" style="background-color: #f5d600;"><button class="menu-button" id="open-button" aria-controls="menu-main" aria-haspopup="true" aria-expanded="false" aria-label="Menu" tabindex="0">Menu</button></p> 215 216<div class="menu-container" role="region" aria-label="Main Menu Container"> 217 <div class="menu-wrap"> 218 <div class="close-menu"> 219 <div id="header-menu"> 220 <i class="gtm gtm-logo" aria-hidden="true"></i> 221</div> 222 <button class="close-button" id="close-button" aria-label="Close Main Menu"><i class="gtm gtm-close" aria-hidden="true"></i></button> 223 </div> 224 225 <div id="menu-nav-logo"> 226 <a href="https://gotomedia.com"><img class="menu-logo" src="https://gotomedia.com/assets/images/menu-nav-logo.svg" alt="Home" /></a> 227 </div> 228 229 <nav class="menu menu-main" id="menu-main" aria-label="Main"> 230 231 <ul class="menu-list"> 232 <li> 233 <a href="https://www.gotoresearch.com/" target="_blank"><span>Research Services</span></a> 234 </li> 235 <li> 236 <a href="https://gotomedia.com/design-services"><span>Design Services</span></a> 237 </li> 238 <li> 239 <a href="https://gotomedia.com/our-work"><span>Our Work</span></a> 240 </li> 241 <li> 242 <a href="https://gotomedia.com/our-focus"><span>Our Focus</span></a> 243 </li> 244 <li> 245 <a href="https://gotomedia.com/gotoblog"><span>gotoblog</span></a> 246 </li> 247 </ul> 248 </nav> 249 250 <div class="menu-footer" role="navigation" aria-label="Contact Menu"> 251 <div> 252 <p class="footer-mail"> 253 <a href="/cdn-cgi/l/email-protection#cceaefb4faf4f7eaeffdfcfdf7eaeffdfcf4f7eaefb4faaff7eaefb4faaaf7eaefb4f8fcf7eaefb4fafbf7eaeffdfdfdf7eaefb4fbf8f7eaefb4faaaf7eaeffdfcf5f7eaefb4faf9f7eaefb4faf8f7eaefb4faf5f7eaefb4fafdf7eaefb4fea9f7eaefb4fafff7eaeffdfdfdf7eaeffdfcf5f7">hello@gotomedia.com</a> </p> 254 <p class="footer-mail"> 255 <a href="https://www.uxfellows.com"><span>UX Fellows</span></a> 256 </p> 257 </div> 258 259 <ul class="menu-footer-icons"> 260 </ul> 261 </div> 262 263 <ul class="menu-hover-content"> 264 <li> 265 <p class="menu-panel-subhead">Research Services</p> 266 <p class="menu-panel-head">Providing actionable insights so you can learn, innovate and scale the right ideas</p> <p class="menu-panel-desc">Whether launching or evolving a new product or service, weâll put a strategic eye to your consumer research, gather reliable quantitative and qualitative data, identify the right opportunities, and provide you with scalable strategies.</p> 267 <div> 268 <a class="button" href="https://www.gotoresearch.com/" target="_blank">Learn More On Gotoresearch.com</a> 269 </div> 270 271 </li> 272 <li> 273 <p class="menu-panel-subhead">Design Services</p> 274 <p class="menu-panel-head">Creating simplified digital product design and engaging experiences</p> <p class="menu-panel-desc">The gotomedia UX Design Team uses a range of disciplines within the UX umbrella to create effective products, including user interface design, interaction design and visual design.</p> 275 <div> 276 <a class="button" href="https://gotomedia.com/design-services" target="_blank">Learn More</a> 277 </div> 278 279 </li> 280 <li> 281 <p class="menu-panel-subhead">Featured Work</p> 282 283 <ul> 284 <li> 285 <div class="client-name"><a href="https://gotomedia.com/our-work/inclusive-co-creation">Inclusive Co-Creation</a></div> 286 <p class="menu-card-title">designing with the blind community</p> 287 </li> 288 <li> 289 <div class="client-name"><a href="https://gotomedia.com/our-work/8x8-digital-workflow">8x8 Digital Workflow</a></div> 290 <p class="menu-card-title">buyer journeys & customer personas</p> 291 </li> 292 <li> 293 <div class="client-name"><a href="https://gotomedia.com/our-work/arm-website-redesign">ARM Website Redesign</a></div> 294 <p class="menu-card-title">building cohesive enterprise strategy & design</p> 295 </li> 296 <li> 297 <div class="client-name"><a href="https://gotomedia.com/our-work/bhi-dashboard">BHI Dashboard</a></div> 298 <p class="menu-card-title">
298accessible and extensible UX for complex data</p> 299 </li> 300 </ul> 301 <div> 302 <a class="button" href="https://gotomedia.com/our-work" target="_blank">See All Case Studies</a> 303 </div> 304 305 </li> 306 <li> 307 <p class="menu-panel-subhead">Our Focus</p> 308 <p class="menu-panel-head">Redefining the future of user experience</p> <p class="menu-panel-desc">At gotomedia, we create memorable experiences across technology, medical devices, healthcare, and accessibility â with deep expertise in AI-integrated design, enterprise transformation, and inclusive design.</p> 309 <ul> 310 <li> 311 <div class="client-name"><a href="/our-focus/mapping-the-customer-journey">Journey Mapping</a></div> 312 <p class="menu-card-title">reimagining the customer journey</p> 313 </li> 314 <li> 315 <div class="client-name"><a href="/our-focus/joyful-accessibility">Joyful Accessibility</a></div> 316 <p class="menu-card-title">creating inclusive digital experiences</p> 317 </li> 318 </ul> 319 <div> 320 <a class="button" href="https://gotomedia.com/our-focus" target="_blank">Learn More</a> 321 </div> 322 323 </li> 324 <li> 325 <p class="menu-panel-subhead">The Latest From Gotoblog</p> 326 327 328 <ul> 329 <li> 330 331<article class="note-excerpt"> 332 <header> 333 <figure style="--w: 16; --h:9"> 334 <a href="https://gotomedia.com/notes/rapid-ux-research-with-ai-support"> 335 <img 336 src="https://gotomedia.com/media/pages/notes/rapid-ux-research-with-ai-support/9c4e7eecdd-1783748512/human-led-ai-assited-ux-research-640x320-crop-0-0-0-0.png" 337 alt="Rapid UX Research with AI Support" 338 style="object-position: 0.0% 0.0%;" 339 > 340</a> 341 342 343 </figure> 344 345 <div class="note-text"> 346 <div class="meta-info"> 347 <div class="author">Felicia Van Every</div> 348 <time class="note-excerpt-date" datetime="2026-05-26T21:00:00+00:00"> 349 May 26 2026</time> 350 <div class="reading-time"> 351 7 min </div> 352 </div> 353 <p class="note-excerpt-title"> 354 <a href="https://gotomedia.com/notes/rapid-ux-research-with-ai-support">Rapid UX Research with AI Support</a> 355 </p> 356 357 <div class="reading-time"> 358 7 minute read </div> 359 360 <ul class="note-excerpt-tags note-tags"> 361 <li> 362 <a href="https://gotomedia.com/notes/tag:UX Research">UX Research</a> 363 </li> 364 <li> 365 <a href="https://gotomedia.com/notes/tag:Rapid UX Research">Rapid UX Research</a> 366 </li> 367 <li> 368 <a href="https://gotomedia.com/notes/tag:AI LLMs">AI LLMs</a> 369 </li> 370 <li> 371 <a href="https://gotomedia.com/notes/tag:AI Qual Research">AI Qual Research</a> 372 </li> 373 <li> 374 <a href="https://gotomedia.com/notes/tag:AI">AI</a> 375 </li> 376 </ul> 377 </div> 378 </header> 379 </article> </li> 380 <li> 381 382<article class="note-excerpt"> 383 <header> 384 <figure style="--w: 16; --h:9"> 385 <a href="https://gotomedia.com/notes/make-design-fun-again"> 386 <img 387 src="https://gotomedia.com/media/pages/notes/make-design-fun-again/782a8afffe-1783748511/banner-lean-forward-640x320-crop.png" 388 alt="Make Design Fun Again" 389 style="object-position: 50% 50%;" 390 > 391</a> 392 393 394 </figure> 395 396 <div class="note-text"> 397 <div class="meta-info"> 398 <div class="author">Jeffrey Chiang</div> 399 <time class="note-excerpt-date" datetime="2026-03-31T03:20:00+00:00"> 400 March 31 2026</time> 401 <div class="reading-time"> 402 4 min </div> 403 </div> 404 <p class="note-excerpt-title"> 405 <a href="https://gotomedia.com/notes/make-design-fun-again">Make Design Fun Again</a> 406 </p> 407 408 <div class="reading-time"> 409 4 minute read </div> 410 411 <ul class="note-excerpt-tags note-tags"> 412 <li> 413 <a href="https://gotomedia.com/notes/tag:AI">AI</a> 414 </li> 415 <li> 416 <a href="https://gotomedia.com/notes/tag:UX Design">UX Design</a> 417 </li> 418 </ul> 419 </div> 420 </header> 421 </article> </li> 422 </ul> 423 <div> 424 <a class="button" href="https://gotomedia.com/gotoblog" target="_blank">Read the Blog</a> 425 </div> 426 427 </li> 428 </ul> 429 </div> 430</div> 431 432 </header> 433 434 <main class="main" id="main" tabindex="-1"> 435 <section class="section-full main-sec experience-sec" id="experience" aria-labelledby="experience-title"> <!--experience sec start--> 436 <div class="content"> 437 <div class="container"> 438 <div class="row experience-sec-row"> 439 440 <div class="col-12 col-lg-7 float-right"> 441 <div class="section-image"> 442 <div class="lottie" id="lt-experience"></div> 443 </div> 444 </div> 445 446 <div class="col-12 col-lg-5 float-left"> 447 <h1 class="head-level1 build-title" id="experience-title">experi-<br>ence</h1> 448 <p class="head-level5">complexity, simplified by design.</p> 449 <p><p><strong>gotomedia</strong> partners with enterprise organizations to solve complex experience challenges through research, UX strategy, experience design, accessibility, and AI. We become an extension of your team, bringing senior expertise from discovery through deliver â creating experiences that evolve with your organization.</p></p> 450 <!-- drop into kirby backend once php is fixed --><div class="cta"> 451 <a href="our-work" ><i class="gtm gtm-right-black-circular"></i> <span class="head-label"><p>Explore Our Work</p></span></a> 452 </div> 453 </div> 454 </div> 455 </div> 456 </div> 457</section><!-- experience sec end --> 458<section class="section-full main-sec services-sec" id="services" aria-labelledby="services-title"> <!--services sec start--> 459 <div class="content"> 460 <div class="container"> 461 <div class="services-sec-row"> 462 <div class="service-head"> 463 <p class="head-label title-color1 appear">Our Expertise</p> 464 <h2 class="head-level2 white build-title" id="services-title">Research. Strategy. Design. Partnership.</h2> 465 </div> 466 <div class="services"> 467 468 <div class="service serv-appear"> 469 <img class="service-icon" src="https://gotomedia.com/media/pages/home/9de5b73b42-1785176468/insight-icon.svg" alt="" /> 470 <p class="head-level5 white">Research & Insights</p> 471 <p>Customer insights that drive better decisions.</p> 472 </div> 473 <div class="service serv-appear"> 474 <img class="service-icon" src="https://gotomedia.com/media/pages/home/a4bc6a8245-1785176563/ux-strat.svg" alt="" /> 475 <p class="head-level5 white">UX Strategy</p> 476 <p>Journey mapping, information architecture, and AI-enabled strategy.</p> 477 </div> 478 <div class="service serv-appear"> 479 <img class="service-icon" src="https://gotomedia.com/media/pages/home/ce0fe261de-1785176587/exp-des.svg" alt="" /> 480 <p class="head-level5 white">Experience Design</p> 481 <p>Interfaces, design systems, and prototypes.</p> 482 </div> 483 <div class="service serv-appear"> 484 <img class="service-icon" src="https://gotomedia.com/media/pages/home/9cde4b7c36-1785176615/access.svg" alt="" /> 485 <p class="head-level5 white">Accessibility</p> 486 <p>Inclusive design, testing, compliance, and advocacy.</p> 487 </div> 488 <div class="service serv-appear"> 489 <img class="service-icon" src="https://gotomedia.com/media/pages/home/fe83a63c50-1785176639/embed-rel.svg" alt="" /> 490 <p class="head-level5 white">Embedded Partnership</p> 491 <p>Senior expertise that evolves with your organization.</p> 492 </div> 493 </div> 494 <div class="serv-cta cta serv-appear"> 495 <a href="our-focus"><i class="gtm gtm-right-black-circular"></i> <span class="head-label">learn about our areas of focus</span></a> 496 </div> 497 </div> 498 </div> 499 </div> 500</section><!-- services sec end --> 501 <div id="case-study" role="region" aria-label="Our Work" 502 style="background: #efefef"> 503 <section class="section-full"> 504 <div class="module module--layout text" id="arm-case-study" style="color:; background-color:;"> 505 <!-- <h1>Layout</h1> --> 506 507<div class="section-holder" style=""> 508 <section class="grid margin-xl parallaxie case-study margin-xxl link-dark cnt-2" style="--gutter: 1.5rem; background-image: url('https://gotomedia.com/media/pages/our-work/modules/symantec-case-study/21342100a8-1783748491/arm-feature-image.jpg');" 509 data-parallaxie='{"pos_x":"0", "speed":"-0.2", "offset":40}' > 510 <div class="scrim light"> 511 <div class="column" style="--columns:6"> 512 <div class="appear text container "> 513 <h2 514 515 > 516 ARM Website Redesign</h2><a class="btn" href="https://gotomedia.com/our-work/arm-website-redesign"> 517 building cohesive enterprise strategy & design</a> </div> 518 </div> 519 <div class="column" style="--columns:6"> 520 <div class="appear text container "> 521 </div> 522 </div> 523 </div> 524 </section> 525</div> 526</div> 527<div class="module module--layout text" id="kasisto-case-study" style="color:; background-color:;"> 528 <!-- <h1>Layout</h1> --> 529 530<div class="section-holder" style=""> 531 <section class="grid margin-xl parallaxie case-study margin-xxl link-yellow cnt-2" style="--gutter: 1.5rem; background-image: url('https://gotomedia.com/media/pages/our-work/modules/kasisto-case-study/1e7887c655-1783748492/sc-bg1.png');" 532 data-parallaxie='{"pos_x":"0", "speed":"-0.2", "offset":40}' > 533 <div class="scrim dark"> 534 <div class="column" style="--columns:6"> 535 <div class="appear text container "> 536 </div> 537 </div> 538 <div class="column" style="--columns:6"> 539 <div class="appear text container "> 540 <h2 541 542 > 543 Kasisto for DBS India</h2><a class="btn" href="https://gotomedia.com/our-work/kasisto-for-dbs-india"> 544 conversational design for an international audience</a> </div> 545 </div> 546 </div> 547 </section> 548</div> 549</div> 550<div class="module module--layout text" id="iha-case-study" style="color:; background-color:;"> 551 <!-- <h1>Layout</h1> --> 552 553<div class="section-holder" style=""> 554 <section class="grid margin-xl parallaxie case-study margin-xxl link-dark cnt-2" style="--gutter: 1.5rem; background-image: url('https://gotomedia.com/media/pages/our-work/modules/iha-case-study/c26a3458c5-1783748492/sc-bg2.png');" 555 data-parallaxie='{"pos_x":"0", "speed":"-0.2", "offset":40}' > 556 <div class="scrim light"> 557 <div class="column" style="--columns:6"> 558 <div class="appear text container "> 559 <h2 560 561 > 562 IHA Healthcare Atlas</h2><a class="btn" href="https://gotomedia.com/our-work/iha-atlas"> 563 designing data for public good</a> </div> 564 </div> 565 <div class="column" style="--columns:6"> 566 <div class="appear text container "> 567 </div> 568 </div> 569 </div> 570 </section> 571</div> 572</div> 573<div class="module module--layout text" id="pearson-case-study" style="color:; background-color:;"> 574 <!-- <h1>Layout</h1> --> 575 576<div class="section-holder" style=""> 577 <section class="grid margin-xl parallaxie case-study margin-xxl link-yellow cnt-2" style="--gutter: 1.5rem; background-image: url('https://gotomedia.com/media/pages/our-work/modules/pearson-case-study/eb842d1c09-1783748492/show-sec3.png');" 578 data-parallaxie='{"pos_x":"0", "speed":"-0.2", "offset":40}' > 579 <div class="scrim dark"> 580 <div class="column" style="--columns:6"> 581 <div class="appear text container "> 582 </div> 583 </div> 584 <div class="column" style="--columns:6"> 585 <div class="appear text container "> 586 <h2 587 588 > 589 Pearson Education</h2><a class="btn" href="https://gotomedia.com/our-work/pearson-education"> 590 changing education with research-backed design</a> </div> 591 </div> 592 </div> 593 </section> 594</div> 595</div> 596 </section> 597 </div> 598 <div id="smart-thinking" class="parallax dot" role="region" aria-labelledby="smartthink-title" style="background: url('https://gotomedia.com/media/pages/home/3d61f8e750-1783748477/dotpattern.svg'), #f5d600; background-size: 300% 300%"> 599 <section class="section-full smartthink-sec"> <!--smart think sec starts--> 600 <div class="content"> 601 <div class="container">
602 <div class="row smartthink-row"> 603 604 <div class="smartthink-content" id="sc-sec1"> 605 606 <div class="heading-height"> 607 <div class="col-12"> 608 <p class="head-label mt_100 appear">The Process</p> 609 <div class="heading-opacity"> 610 <h2 class="head-level1 build-title" id="smartthink-title">smart <br>thinking</h2> 611 </div> 612 </div> 613 614 <div class="col-12 col-lg-5 col-xl-6 float-right desktop-block"> 615 <div class="smartthink_placeholder"> 616 <div class="lottie" id="lt-smart"></div> 617 </div> 618 </div> 619 620 <div class="col-12 col-lg-7 col-xl-6 float-left"> 621 <div class="col-12 col-lg-6 mobile-block"> 622 <div class="smartthink_placeholder"> 623 <div class="lottie" id="lt-smart-2"></div> 624 </div> 625 </div> 626 <div class="text-level1"> <h3 class="head-level2 mt_10 appear">smart UX solutions</h3> 627 <span class="appear"><p>We're redefining the future of user experience. From managing daily meds to simplifying complex data, we research, prototype and envision product interfaces in new and novel ways. By using voice and AI-enabled interactions in context-aware environments, our human centered methodology goes beyond the screen and into real solutions for messy problems. </p> 628 <ul class="smart-sec-list"> 629 <li><span></span>Context-Aware Product Design</li> 630 <li><span></span>Co-Creation, Protoyping & Envisioning</li> 631 <li><span></span>Voice UX Solutions for Every Generation</li> 632 </ul> 633<div class="cta"> 634 <a href="our-work/kasisto-for-dbs-india" ><i class="gtm gtm-right-black-circular"></i> <span class="head-label">See how we did it with Kasisto</span></a> 635 </div></span> 636 </div> 637 </div> 638 </div> 639 </div> 640 641 </div> 642 </div> 643 </div> 644 </section> <!--smart think sec end--> 645 646 <section class="section-full smartthink-sec" id="sc-sec2"> <!--smart think sec starts--> 647 <div class="content"> 648 <div class="container"> 649 <div class="row smartthink-row"> 650 651 <div class="col-12 col-lg-5 col-xl-6 float-right"> 652 <div class="smartthink_placeholder"> 653 <div class="lottie" id="lt-knowing"></div> 654 </div> 655 </div> 656 657 <div class="col-12 col-lg-7 col-xl-6 float-left"> 658 <div class="smartthink-content"> 659 <h3 class="head-level2 appear">knowing u(X)</h3> 660 <span class="appear"><p>Our discovery process begins with real people. Our immersive research approach uncovers unmet needs and opens the door to developing truly useful solutions that engage and satisfy customers. But we donât stop there. We visualize research f
660indings so that everyone gets the crucial takeaways, and can move on to the important business of creating great products.</p> 661 662<ul class="smart-sec-list"> 663<li><span></span>Real World Personas & Behavioral Segmentation</li> 664<li><span></span>Interactive Journey Maps & Maturation Timelines</li> 665<li><span></span>Lead Generation for SMB & Enterprise</li> 666<li><span></span>Content Strategy / SEO Strategy</li> 667</ul> 668<div class="cta"> 669<a href="our-work/pearson-education" ><i class="gtm gtm-right-black-circular"></i> <span class="head-label">See how we did it with Pearson</span></a> 670</div></span> 671 </div> 672 </div> 673 674 </div> 675 </div> 676 </div> 677 </section> 678 <section class="section-full smartthink-sec" id="sc-sec3"> <!--smart think sec starts--> 679 <div class="content"> 680 <div class="container"> 681 <div class="row smartthink-row"> 682 683 <div class="col-12 col-lg-5 col-xl-6 float-right"> 684 <div class="smartthink_placeholder"> 685 <div class="lottie" id="lt-system"></div> 686 </div> 687 </div> 688 689 <div class="col-12 col-lg-7 col-xl-6 float-left"> 690 <div class="smartthink-content"> 691 <h3 class="head-level2 appear">smart UX systems</h3> 692 <span class="appear"><p>Deep roots, current practice. Our work with complex B2B systems â from enterprise SaaS to global technology platforms â is built into how we think. We bring big-picture systems thinking to every engagement, build scalable component libraries, design systems, and strategic models that give your teams a shared language and a foundation to build on. 693</p> 694<ul class="smart-sec-list"> 695<li><span></span>Brand & Design System Development</li> 696<li><span></span>Component Libraries & Design Tokens</li> 697<li><span></span>User Flows & Strategic Models</li> 698<li><span></span>Web / App Design & Research</li> 699</ul> 700<!-- 701<div class="cta"> 702<a href="our-work/symantec-website-security" ><i class="gtm gtm-right-black-circular"></i> <span class="head-label">See how we did it with VMware</span></a> 703</div> 704--></span> 705 </div> 706 </div> 707 708 </div> 709 </div> 710 </div> 711 </section> 712 </div> 713<div id="our-culture" role="region" aria-labelledby="themission-title"> 714<section class="section-full themission-sec"> <!--The Mission sec starts--> 715 <img class="full-screen-image" src="https://gotomedia.com/media/pages/home/af39e8eac0-1783748477/img_0432-adjusted-size.jpg" alt="Black and white photo of a street mural in the Mission District in San Francisco. The mural is a stylized depiction of the Mexican Artist Frida Kahlo and other decorative elements." /> 716 <div class="container content-position"> 717 718 <div class="col-12 col-lg-5"> 719 <div class="heading-height"> 720 <p class="head-label white appear">The Company</p> 721 <div class="heading-opacity"> 722 <h2 class="head-level1 title-color1 build-title" id="themission-title">our <br>culture</h2> 723 </div> 724 <div class="text-level1 appear"> 725 <p class="head-level5 white">inspired by smart culture</p> 726 <p style="color: #ffffff">Based in the heart of San Francisco's Mission District for over 20 years, the historic Box Factory is our central office, research facility and collaboration hub. We're part of a vibrant neighborhood of artists, great food and nightlife. Get in touch, we'd love to show you around.</p> 727 </div> 728 </div> 729 </div> 730 731 </div> 732</section> <!--The Mission sec end--> 733</div> 734<div id="our-clients" role="region" aria-labelledby="ourclients-title"> 735<section class="section-full ourclients-sec"> <!--our clients sec starts--> 736 <div class="content"> 737 <div class="tabbed container"> 738 <div class="heading-opacity"> 739 <h2 class="head-level1 title-color1 build-title" id="ourclients-title">our <br>clients</h2> 740 </div> 741 <ul class="tablist appear"> 742 <li> 743 <a class="head-label" href="#tab-section1">General</a> 744 </li> 745 <li> 746 <a class="head-label" href="#tab-section2">B2B</a> 747 </li> 748 <li> 749 <a class="head-label" href="#tab-section3">Healthcare</a> 750 </li> 751 </ul> 752 <section class="logo-panel" id="tab-section1"> 753 <ul class="clients-logos"> 754 <li><img src="https://gotomedia.com/media/pages/logo-index/general/2bf5d2af7f-1783748501/adobe_logo_and_wordmark_-2017.svg" alt="Adobe Logo" style="width: 126.24px; height: auto;"></li> 755 <li><img src="https://gotomedia.com/media/pages/logo-index/general/933541217c-1783748501/amazon_logo.svg" alt="Amazon Logo" style="width: 107.59px; height: auto;"></li> 756 <li><img src="https://gotomedia.com/media/pages/logo-index/general/61639da306-1783748501/a
756ol_logo.svg" alt="Aol Logo" style="width: 83.78px; height: auto;"></li> 757 <li><img src="https://gotomedia.com/media/pages/logo-index/general/6501785473-1783748501/capital_one_logo.svg" alt="Capital One Logo" style="width: 99.75px; height: auto;"></li> 758 <li><img src="https://gotomedia.com/media/pages/logo-index/general/d67f2eac07-1783748501/epson_logo.svg" alt="Epson Logo" style="width: 110.82px; height: auto;"></li> 759 <li><img src="https://gotomedia.com/media/pages/logo-index/general/99fb938239-1783748501/google_2015_logo.svg" alt="Google Logo" style="width: 97.77px; height: auto;"></li> 760 <li><img src="https://gotomedia.com/media/pages/logo-index/general/d266ab1728-1783748501/hilton_worldwide_logo.svg" alt="Hilton Logo" style="width: 107.11px; height: auto;"></li> 761 <li><img src="https://gotomedia.com/media/pages/logo-index/general/d773ca8192-1783748501/hyundai_motor_company_logo.svg" alt="Hyundai Logo" style="width: 142.8px; height: auto;"></li> 762 <li><img src="https://gotomedia.com/media/pages/logo-index/general/3bf12b5db5-1783748501/netflix_2015_logo.svg" alt="Netflix Logo" style="width: 103.52px; height: auto;"></li> 763 <li><img src="https://gotomedia.com/media/pages/logo-index/general/1e7a8bf3d7-1783748501/nokia_wordmark.svg" alt="Nokia Logo" style="width: 125.12px; height: auto;"></li> 764 <li><img src="https://gotomedia.com/media/pages/logo-index/general/c84c5d1085-1783748502/pearson_logo.svg" alt="Pearson Logo" style="width: 117.82px; height: auto;"></li> 765 <li><img src="https://gotomedia.com/media/pages/logo-index/general/09c0925565-1783748502/samsung_logo.svg" alt="Samsung Logo" style="width: 125.12px; height: auto;"></li> 766 <li><img src="https://gotomedia.com/media/pages/logo-index/general/333163b84a-1783748502/sony_logo.svg" alt="Sony Logo" style="width: 122.4px; height: auto;"></li> 767 <li><img src="https://gotomedia.com/media/pages/logo-index/general/054548fbb7-1783748502/target_logo.svg" alt="Target Logo" style="width: 111.91px; height: auto;"></li> 768 <li><img src="https://gotomedia.com/media/pages/logo-index/general/aed448aa92-1783748502/toyota_carlogo.svg" alt="Toyota Logo" style="width: 122.21px; height: auto;"></li> 769 <li><img src="https://gotomedia.com/media/pages/logo-index/general/6acc45374c-1783748502/wells_fargo_bank.svg" alt="Wells Fargo Logo" style="width: 149.6px; height: auto;"></li> 770 </ul> 771 </section> 772 <section class="logo-panel" id="tab-section2"> 773 <ul class="clients-logos"> 774 <li><img src="https://gotomedia.com/media/pages/logo-index/b2b/a67fe74d6b-1783748502/8x8.svg" alt="8x8 Logo" style="width: 70.26px; height: auto;"></li> 775 <li><img src="https://gotomedia.com/media/pages/logo-index/b2b/ed405a9dd9-1783748502/amazon.svg" alt="Amazon Logo" style="width: 107.1px; height: auto;"></li> 776 <li><img src="https://gotomedia.com/media/pages/logo-index/b2b/9e88a585ec-1783748502/arm.svg" alt="Arm Logo" style="width: 86.96px; height: auto;"></li> 777 <li><img src="https://gotomedia.com/media/pages/logo-index/b2b/bf3db0eb83-1783748502/broadcom.svg" alt="Broadcom Logo" style="width: 142.8px; height: auto;"></li> 778 <li><img src="https://gotomedia.com/media/pages/logo-index/b2b/8d6f4a4ae2-1783748503/cisco.svg" alt="Cisco Logo" style="width: 89.81px; height: auto;"></li> 779 <li><img src="https://gotomedia.com/media/pages/logo-index/b2b/8ea4bf7311-1783748503/citrix.svg" alt="Citrix Logo" style="width: 95.44px; height: auto;"></li> 780 <li><img src="https://gotomedia.com/media/pages/logo-index/b2b/76e0b7e704-1783748503/cloudera.svg" alt="Cloudera Logo" style="width: 136px; height: auto;"></li> 781 <li><img src="https://gotomedia.com/media/pages/logo-index/b2b/8e1b0af33e-1783748503/efax.svg" alt="eFax Logo" style="width: 85.44px; height: auto;"></li> 782 <li><img src="https://gotomedia.com/media/pages/logo-index/b2b/07d0a3f7c0-1783748503/everpure.svg" alt="Everpure Logo" style="width: 156.4px; height: auto;"></li> 783 <li><img src="https://gotomedia.com/media/pages/logo-index/b2b/5a40f421b1-1783748503/google.svg" alt="Google Logo" style="width: 100.39px; height: auto;"></li> 784 <li><img src="https://gotomedia.com/media/pages/logo-index/b2b/698002dd1b-1783748503/servicenow.svg" alt="ServiceNow Logo" style="width: 136px; height: auto;"></li> 785 <li><img src="https://gotomedia.com/media/pages/logo-index/b2b/dedce75e96-1783748503/smartsheet.svg" alt="Smartsheet Logo" style="width: 136px; height: auto;"></li> 786 <li><img src="https://gotomedia.com/media/pages/logo-index/b2b/e6a3e4eb5f-1783748503/symantec.svg" alt="Symantec Logo" style="width: 116.84px; height: auto;"></li> 787 <li><img src="https://gotomedia.com/media/pages/logo-index/b2b/c88079a29f-1783748504/vmware.svg" alt="VMware Logo" style="width: 109.62px; height: auto;"></li> 788 <li><img src="https://gotomedia.com/media/pages/logo-index/b2b/8bd64a6b6f-1783748504/x.svg" alt="X Logo" style="width: 40.22px; height: auto;"></li> 789 </ul> 790 </section> 791 <section class="logo-panel" id="tab-section3"> 792 <ul class="clients-logos"> 793 <li><img src="https://gotomedia.com/media/pages/logo-index/healthcare/8aaa21c8ac-1783748504/abbott.svg" alt="Abbott Logo" style="width: 142.8px; height: auto;"></li> 794 <li><img src="https://gotomedia.com/media/pages/logo-index/healthcare/84381d4120-1783748504/acep-logo.png" alt="American College of Emergency Physicians Logo" style="width: 142.08px; height: auto;"></li> 795 <li><img src="https://gotomedia.com/media/pages/logo-index/healthcare/db9
7950cd710c-1783748504/bhi-logo.png" alt="BHI Logo" style="width: 170px; height: auto;"></li> 796 <li><img src="https://gotomedia.com/media/pages/logo-index/healthcare/cb4faeba2c-1783748504/blue-cross-blue-shield-logo.png" alt="Blue Cross Blue Shield Logo" style="width: 160.15px; height: auto;"></li> 797 <li><img src="https://gotomedia.com/media/pages/logo-index/healthcare/c2f84d5423-1783748504/chcf-logo.png" alt="California Health Care Foundations Logo" style="width: 115.9px; height: auto;"></li> 798 <li><img src="https://gotomedia.com/media/pages/logo-index/healthcare/0223ef2adb-1783748504/covered-ca-logo.png" alt="Covered California Logo" style="width: 114.18px; height: auto;"></li> 799 <li><img src="https://gotomedia.com/media/pages/logo-index/healthcare/328c909098-1783748504/healthsource-logo.png" alt="Health Source RI Logo" style="width: 133.04px; height: auto;"></li> 800 <li><img src="https://gotomedia.com/media/pages/logo-index/healthcare/d69643f3d9-1783748504/hope-lab-logo.png" alt="Hope Lab Logo" style="width: 99.24px; height: auto;"></li> 801 <li><img src="https://gotomedia.com/media/pages/logo-index/healthcare/98609bf080-1783748504/iha-logo.png" alt="Integrated Healthcare Logo" style="width: 98.79px; height: auto;"></li> 802 <li><img src="https://gotomedia.com/media/pages/logo-index/healthcare/8d3c591aec-1783748504/livongo-logo.png" alt="Livongo Logo" style="width: 142.29px; height: auto;"></li> 803 <li><img src="https://gotomedia.com/media/pages/logo-index/healthcare/e47ebdb708-1783748504/maryland-exchange-logo.png" alt="Maryland Health Benefit Logo" style="width: 141.76px; height: auto;"></li> 804 <li><img src="https://gotomedia.com/media/pages/logo-index/healthcare/f4dbaeaf12-1783748505/mayo-clinic-logo.png" alt="Mayo Clinic Logo" style="width: 149.81px; height: auto;"></li> 805 <li><img src="https://gotomedia.com/media/pages/logo-index/healthcare/f8e50a9dca-1783748505/mnsure-logo.png" alt="MNsure Logo" style="width: 128.82px; height: auto;"></li> 806 <li><img src="https://gotomedia.com/media/pages/logo-index/healthcare/78e21a9551-1783748505/social-interest-logo.png" alt="Social Interest Logo" style="width: 122.45px; height: auto;"></li> 807 </ul> 808 </section> 809 <!--client subpage link--> 810 </div> 811 812 </div> 813 814</section> <!--our clients sec end --> 815</div> 816 817 818 </main> 819 <footer class="footer"> 820 <img class="full-screen-image" src="https://gotomedia.com/assets/images/footer_map.png" alt="Stylized Map of San Francisco" /> 821 822 <div class="grid"> 823 <div class="column" style="--columns: 12"> 824 <h2>Contact</h2> 825 <h3><a href="/cdn-cgi/l/email-protection#ba9c998b8a8e819c99c28c8f819c998b8a82819c99c28cd9819c998b8b8b819c99c28e8a819c99c28c8d819c99c28cdc819c998b8b8c819c998b8b8b819c99c28cde819c99c28c8f819c99c28c8e819c998b8a8f819c99838d819c99c288df819c99c28c89819c99c28cdc819c998b8a8381">hello@gotomedia.com</a></h3> 826 </div> 827 828 <div class="column partners" style="--columns: 6"> 829 <p>Ph 415.864.7007</p> 830 831 <p><a href="https://www.gotoresearch.com">gotoresearch</a></p> 832 <p><a href="https://www.uxfellows.com">UX Fellows</a></p> 833 </div> 834 835 <div class="column locations" style="--columns: 6"> 836 <p>gotomedia LLC</p> 837 838 <p class="location">San Francisco, CA</p> 839 <p class="location">Boston, MA</p> 840 <p class="location">Seattle, WA</p> 841 </div> 842 843 <div class="column socials" style="--columns: 12"> 844 <p class="social x"><a href="https://x.com/gotomedia" target="_blank"><img src="https://gotomedia.com/assets/icons/x.svg" alt="X" /></a></p> 845 <p class="social facebook"><a href="https://facebook.com/gotoresearch" target="_blank"><img src="https://gotomedia.com/assets/icons/facebook.svg" alt="Facebook" /></a></p> 846 </div> 847 </div> 848 </footer>
vendor: 113 bytes, lines 848-850
848 849 850 <script data-cfasync="false" src="/cdn-cgi/scripts/5c5dd728/cloudflare-static/email-decode.min.js"></script>
850<script src="https://cdnjs.cloudflare.com/ajax/libs/tiny-slider/2.9.2/min/tiny-slider.js"></script>
850 851 852
852<script src="https://gotomedia.com/assets/js/prism.js"></script>
vendor: 1 bytes, line 852
852
853<script src="https://gotomedia.com/assets/js/lightbox.js"></script>
vendor: 1 bytes, line 853
853
854<script src="https://gotomedia.com/assets/js/index.js"></script>
vendor: 1 bytes, line 854
854
855<script src="https://gotomedia.com/assets/js/menu.js"></script>
vendor: 1 bytes, line 855
855
856<script src="https://gotomedia.com/assets/js/parallaxie.js"></script>
vendor: 1 bytes, line 856
856
857<script src="https://gotomedia.com/assets/js/lottie.min.js"></script>
vendor: 1 bytes, line 857
857
858<script src="https://gotomedia.com/assets/js/gsap/gsap.min.js"></script>
vendor: 1 bytes, line 858
858
859<script src="https://gotomedia.com/assets/js/gsap/ScrollTrigger.min.js"></script>
vendor: 1 bytes, line 859
859
860<script src="https://gotomedia.com/assets/js/gsap/ScrollSmoother.min.js"></script>
vendor: 1 bytes, line 860
860
861<script src="https://gotomedia.com/assets/js/gsap/SplitText.min.js"></script>
vendor: 1 bytes, line 861
861
862<script src="https://gotomedia.com/assets/js/scrolling-animations.js"></script>
vendor: 1 bytes, line 862
862
863<script src="https://gotomedia.com/assets/js/lottie-triggers.js"></script>
vendor: 1 bytes, line 863
863
864<script src="https://gotomedia.com/assets/js/parallax-backgrounds.js"></script>
864 865
866<script type="module" src="https://static.cloudflareinsights.com/beacon.min.js/v31edd6df95cf4e85bb4c19e7a9bdbcba1788362987495" integrity="sha512-iIg7k2xntmwu6/uSb5tpc/hySgZc4eoL31yB29W6tJFo2akwjPWcEqnCEdJvGexCL0KEQwVYv5BlowfhVz26hg==" data-cf-beacon='{"version":"2024.11.0","token":"c7f56c0e272d4d598c1f334555cbff6d","r":1,"spa":2}' crossorigin="anonymous"></script>
866 867</body> 868</html> 869 870 871<style> 872 .saf-logo { display: none; } 873</style>
874<script> 875// tab interface script 876(function () { 877 // Get relevant elements and collections 878 const tabbed = document.querySelector('.tabbed'); 879 const tablist = tabbed.querySelector('ul.tablist'); 880 const tabs = tablist.querySelectorAll('a'); 881 const panels = tabbed.querySelectorAll('[id^="tab-section"]'); 882 883 // The tab switching function 884 const switchTab = (oldTab, newTab) => { 885 newTab.focus(); 886 // Make the active tab focusable by the user (Tab key) 887 newTab.removeAttribute('tabindex'); 888 // Set the selected state 889 newTab.setAttribute('aria-selected', 'true'); 890 oldTab.removeAttribute('aria-selected'); 891 oldTab.setAttribute('tabindex', '-1'); 892 // Get the indices of the new and old tabs to find the correct 893 // tab panels to show and hide 894 let index = Array.prototype.indexOf.call(tabs, newTab); 895 let oldIndex = Array.prototype.indexOf.call(tabs, oldTab); 896 panels[oldIndex].hidden = true; 897 panels[index].hidden = false; 898 }; 899 900 // Add the tablist role to the first <ul> in the .tabbed container 901 tablist.setAttribute('role', 'tablist'); 902 903 // Add semantics are remove user focusability for each tab 904 Array.prototype.forEach.call(tabs, (tab, i) => { 905 tab.setAttribute('role', 'tab'); 906 tab.setAttribute('id', 'tab' + (i + 1)); 907 tab.setAttribute('tabindex', '-1'); 908 tab.parentNode.setAttribute('role', 'presentation'); 909 910 // Handle clicking of tabs for mouse users 911 tab.addEventListener('click', e => { 912 e.preventDefault(); 913 let currentTab = tablist.querySelector('[aria-selected]'); 914 if (e.currentTarget !== currentTab) { 915 switchTab(currentTab, e.currentTarget); 916 } 917 }); 918 919 // Handle keydown events for keyboard users 920 tab.addEventListener('keydown', e => { 921 // Get the index of the current tab in the tabs node list 922 let index = Array.prototype.indexOf.call(tabs, e.currentTarget); 923 // Work out which key the user is pressing and 924 // Calculate the new tab's index where appropriate 925 let dir = e.which === 37 ? index - 1 : e.which === 39 ? index + 1 : e.which === 40 ? 'down' : null; 926 if (dir !== null) { 927 e.preventDefault(); 928 // If the down key is pressed, move focus to the open panel, 929 // otherwise switch to the adjacent tab 930 dir === 'down' ? panels[i].focus() : tabs[dir] ? switchTab(e.currentTarget, tabs[dir]) : void 0; 931 } 932 }); 933 }); 934 935 // Add tab panel semantics and hide them all 936 Array.prototype.forEach.call(panels, (panel, i) => { 937 panel.setAttribute('role', 'tabpanel'); 938 panel.setAttribute('tabindex', '-1'); 939 let id = panel.getAttribute('id'); 940 panel.setAttribute('aria-labelledby', tabs[i].id); 941 panel.hidden = true; 942 }); 943 944 // Initially activate the first tab and reveal the first tab panel 945 tabs[0].removeAttribute('tabindex'); 946 tabs[0].setAttribute('aria-selected', 'true'); 947 panels[0].hidden = false; 948})(); 949 // $(window).on("load resize",function(e){ 950 // if ($(window).width() > 767) { 951 // $(function() { 952 // $.scrollify({ 953 // section : ".section-full", 954 // }); 955 // }); 956 // 957 // $.scrollify({ 958 // section : "section", 959 // sectionName : "section-name", 960 // interstitialSection : "", 961 // easing: "easeOutExpo", 962 // scrollSpeed: 1100, 963 // offset : 0, 964 // scrollbars: true, 965 // standardScrollElements: "", 966 // setHeights: true, 967 // overflowScroll: true, 968 // updateHash: false, 969 // touchScroll:true, 970 // before:function() {}, 971 // after:function() {}, 972 // afterResize:function() {}, 973 // afterRender:function() {} 974 // }); 975 // 976 // } 977 // 978 // else{ 979 // 980 // } 981 // }); 982 // 983 // $(window).on("load resize",function(e){ 984 // if ($(window).width() > 767) { 985 // $(function() { 986 // $.scrollify({ 987 // section : ".section-full", 988 // }); 989 // }); 990 // 991 // $.scrollify({ 992 // section : "section", 993 // sectionName : "section-name", 994 // interstitialSection : "", 995 // easing: "easeOutExpo", 996 // scrollSpeed: 1100, 997 // offset : 0, 998 // scrollbars: true, 999 // standardScrollElements: "", 1000 // setHeights: true, 1001 // overflowScroll: true, 1002 // updateHash: false, 1003 // touchScroll:true, 1004 // before:function() {}, 1005 // after:function() {}, 1006 // afterResize:function() {}, 1007 // afterRender:function() {} 1008 // }); 1009 // 1010 // } 1011 // 1012 // else{ 1013 // 1014 // } 1015 // }); 1016</script>
1016 1017
1018<script> 1019// $(document).ready(function() { 1020// $(document).on("click", ".casestudy-2", function (event) { 1021// console.log("here"); 1022// event.preventDefault(); 1023// $(".section-full").css("overflow", "hidden"); 1024// location.href=$(this).attr("href"); 1025// }); 1026// }); 1027 document.addEventListener('DOMContentLoaded', function() { 1028 if( location.hash && location.hash.length ) { 1029 var hash = decodeURIComponent(location.hash.substr(1)); 1030 $('html, body').animate({ 1031 scrollTop: $("#" + hash).offset().top 1032 }, 1000); 1033 } 1034 }); 1035 1036// Lottie Animation 1037let ltExperience = LottieScrollTrigger({ 1038 target: "#lt-experience", 1039 delay: '.5', 1040 path: "assets/animations/00-experience.json", 1041 duration: '3', 1042 title: 'UX Animation', 1043 description: 'Playful typography animation fades in with a U then an X in white script on a yellow background. A black dashed line then fades in and connects the U to the X.', 1044}); 1045 1046let ltSmart = LottieScrollTrigger({ 1047 target: "#lt-smart", 1048 path: "assets/animations/01-smart.json", 1049 duration: '3', 1050 title: 'Smart Thinking Animation', 1051 description: 'Playful animated illustration fades in showing two talk bubbles followed by a checkmark between them. A black dashed line then fades in to connect the two talk bubbles.', 1052}); 1053 1054let ltSmart2 = LottieScrollTrigger({ 1055 target: "#lt-smart-2", 1056 path: "assets/animations/01-smart.json", 1057 duration: '3', 1058 title: 'Smart Thinking Animation', 1059 description: 'Playful animated illustration fades in showing two talk bubbles followed by a checkmark between them. A black dashed line then fades in to connect the two talk bubbles.', 1060}); 1061 1062let ltKnowing = LottieScrollTrigger({ 1063 target: "#lt-knowing", 1064 path: "assets/animations/02-knowing.json", 1065 duration: '3', 1066 title: 'Knowing u (x) Animation', 1067 description: 'Playful animated illustration fades in a white squiggly line. A black dashed line with points along the path then fades in over the white squiggle.', 1068}); 1069 1070let ltSystem = LottieScrollTrigger({ 1071 target: "#lt-system", 1072 path: "assets/animations/03-system.json", 1073 duration: '3', 1074 title: 'Smart UX Systems Animation', 1075 description: 'Playful animated illustration fades in a six varying sized rectangles forming a grid. A black dashed line with points along the path then fades in over the rectangles.', 1076}); 1077 1078</script>
1078 1079 1080</body> 1081</html>
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.