1 2 3 4 5<!DOCTYPE html> 6<html lang="en" class="job-layout" > 7 <head> 8 <!-- Google tag (gtag.js) -->
vendor: 72 bytes, lines 8-9
8 9 <script async src="https://www.googletagmanager.com/gtag/js?id=
9G-DFPV6HDPDF
vendor: 20 bytes, lines 9-10
9"></script> 10
10<!-- Google tag (gtag.js) -->
vendor: 72 bytes, lines 10-11
10 11 <script async src="https://www.googletagmanager.com/gtag/js?id=
11G-SRQQ8E43DX
vendor: 20 bytes, lines 11-12
11"></script> 12
12<script> 13
vendor: 152 bytes, lines 13-17
13window.dataLayer = window.dataLayer || []; 14 function gtag(){dataLayer.push(arguments);} 15 gtag('js', new Date()); 16 17 gtag('config', '
17G-SRQQ8E43DX
vendor: 12 bytes, lines 17-18
17'); 18
18</script>
18 19 <meta charset="UTF-8"> 20 <meta http-equiv="X-UA-Compatible" content="IE=edge"> 21 <meta name="viewport" content="width=device-width, initial-scale=1.0"> 22 <meta name="description" content="Shahed Syed | Design Director"/> 23 <title>Reducing insurance quoting time by 60%</title> 24 <link rel="icon" href="/favicon.png" sizes="any"> 25 <link rel="apple-touch-icon" href="/apple-touch-icon.png"> 26<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin> 27<link rel="preconnect" href="https://fonts.googleapis.com"> 28<link href="https://fonts.googleapis.com/css2?family=DM+Sans:opsz,[email protected],100;9..40,400;9..40,700&display=swap" rel="stylesheet"> 29 30 31
31<script src="https://cdn.jsdelivr.net/npm/d3@7"></script>
31 32 33
33<script src="https://cdn.jsdelivr.net/npm/@observablehq/[email protected]"></script>
33 34 <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/[email protected]/font/bootstrap-icons.css"> 35 36 37 38 39 <!-- Template Main CSS File --> 40 <link rel="stylesheet" href="/css/style.css"> 41 </head> 42 <body class="job-layout"> 43 44 45 46 47 48 49 50 51 52<div class="nav-overlay" aria-hidden="true"> 53 <nav class="nav-overlay__menu"> 54 <ul class="header__links"> 55 56 57 <li> 58 <a class="header__link" href="/">Home</a> 59 </li> 60 61 62 63 64 65 66 67</ul> 68 69 </nav> 70</div> 71 72 73<header class="navbar navbar-light custom-navbar custom-navbar-sticky-always"> 74 <div class="container"> 75 <a class="navbar-brand" href="/"> 76 <img src="/images/shahed-syed-sqaurelogo.png" width="50" alt="Shahed Syed"> 77 </a> 78 <button class="nav-hamburger" type="button" aria-label="Toggle menu" aria-expanded="false"> 79 <span class="nav-hamburger__bar"></span> 80 <span class="nav-hamburger__bar"></span> 81 <span class="nav-hamburger__bar"></span> 82</button> 83<nav class="nav-menu"> 84 <ul class="header__links"> 85 86 87 <li> 88 <a class="header__link" href="/">Home</a> 89 </li> 90 91 92 93 94 95 96 97</ul> 98 99</nav> 100 101 </div> 102</header> 103 104 <div class="job-page-scroll"> 105 <div class="content"> 106 <main class="main container"> 107 108<div class="case-study pt-4"> 109 <!-- Hero Section --> 110 <section class="case-study__hero"> 111 <div class="case-study__text-container"> 112 <h1 class="case-study__title"> 113 Reducing insurance quoting time by 60% 114 </h1> 115 116 117 <div class="case-study__intro prose"> 118 <p>We redesigned a bloated underwriting submission software into a guided, step-by-step experience â reducing submission intake time by 60%, eliminating duplicate submissions, and creating a single source of truth for underwriting data. 119</p> 120 </div> 121 122 123 <div class="case-study__details"> 124 125 <div class="case-study__detail-item"> 126 <span class="case-study__detail-label">Role</span> 127 <span class="case-study__detail-value">Lead Product Designer</span> 128 </div> 129 130 131 <div class="case-study__detail-item"> 132 <span class="case-study__detail-label">Client</span> 133 <span class="case-study__detail-value">Specialty Insurance Company</span> 134 </div> 135 136 137 <div class="case-study__detail-item"> 138 <span class="case-study__detail-label">Team</span> 139 <span class="case-study__detail-value">3 Designers, 2 PMs, 12 Engineers</span> 140 </div> 141 142 143 <div class="case-study__detail-item"> 144 <span class="case-study__detail-label">Duration</span> 145 <span class="case-study__detail-value">10 months</span> 146 </div> 147 148 149 150 </div> 151 </div> 152 153 154 <div class="case-study__image-outer"> 155 <div class="case-study__hero-image mb-4"> 156 <picture><source type="image/webp" srcset="/images/zud7uvSnvb-300.webp 300w, /images/zud7uvSnvb-800.webp 800w, /images/zud7uvSnvb-1200.webp 1200w, /images/zud7uvSnvb-1600.webp 1600w, /images/zud7uvSnvb-1920.webp 1920w, /images/zud7uvSnvb-2560.webp 2560w, /images/zud7uvSnvb-3840.webp 3840w" sizes="(min-width: 64rem) calc(100vw - 80px), 100vw"><source type="image/png" srcset="/images/zud7uvSnvb-300.png 300w, /images/zud7uvSnvb-800.png 800w, /images/zud7uvSnvb-1200.png 1200w, /images/zud7uvSnvb-1600.png 1600w, /images/zud7uvSnvb-1920.png 1920w, /images/zud7uvSnvb-2560.png 2560w, /images/zud7uvSnvb-3840.png 3840w" sizes="(min-width: 64rem) calc(100vw - 80px), 100vw"><img alt="Vantage Case Study Cover" loading="lazy" decoding="async" src="/images/zud7uvSnvb-3840.webp" width="3840" height="2160"></picture> 157 </div> 158 </div> 159 160 161 </section> 162 163 <!-- Process Steps --> 164 165 166 <section class="case-study__step"> 167 <div class="case-study__text-container"> 168 <h2 class="case-study__step-title">Problem: New submissions were taking forever</h2> 169 170 171 <div class="case-study__step-content prose"> 172 173 174 <p>Companies sent business details to the insurer, and submission agents would enter this information into the system for underwriters to review, price, and quote.</p> 175 176 <p>
176But the submission software was bloated: it was slow and cluttered.</p> 177 178 </div> 179 180 181 182 183 184 </div> 185 186 187 188 189 190 <div class="case-study__image-outer"> 191 <div class="case-study__step-image"> 192 <picture><source type="image/webp" srcset="/images/PFMoN_-twf-300.webp 300w, /images/PFMoN_-twf-800.webp 800w, /images/PFMoN_-twf-1200.webp 1200w, /images/PFMoN_-twf-1600.webp 1600w, /images/PFMoN_-twf-1920.webp 1920w, /images/PFMoN_-twf-2560.webp 2560w, /images/PFMoN_-twf-3840.webp 3840w" sizes="(min-width: 64rem) calc(100vw - 80px), 100vw"><source type="image/png" srcset="/images/PFMoN_-twf-300.png 300w, /images/PFMoN_-twf-800.png 800w, /images/PFMoN_-twf-1200.png 1200w, /images/PFMoN_-twf-1600.png 1600w, /images/PFMoN_-twf-1920.png 1920w, /images/PFMoN_-twf-2560.png 2560w, /images/PFMoN_-twf-3840.png 3840w" sizes="(min-width: 64rem) calc(100vw - 80px), 100vw"><img alt="Old Insurance Workbench" loading="lazy" decoding="async" src="/images/PFMoN_-twf-3840.webp" width="3840" height="2160"></picture> 193 194 <p class="case-study__image-caption">Submission agents were overwhelmed by slow loading times and a vast amount of form fields on one page. All business cases (even the specialty ones) were crammed onto one page.</p> 195 196 </div> 197 </div> 198 199 200 </section> 201 202 <section class="case-study__step"> 203 <div class="case-study__text-container"> 204 <h2 class="case-study__step-title">We talked to submission agents first instead of the underwriters</h2> 205 206 207 <div class="case-study__step-content prose"> 208 209 210 <p>The submission process was the constraint. We observed agents juggling multiple apps to enter information, and switch between analog and digital note taking.</p> 211 212 </div> 213 214 215 216 <blockquote class="case-study__pull-quote"> 217 It should take a maximum of 10 minutes. Maybe 5. We're spending 20 minutes on each submission. 218 </blockquote> 219 220 <cite class="case-study__pull-quote-source">â Chief Operating Officer</cite> 221 222 223 224 225 </div> 226 227 228 229 230 231 <div class="case-study__image-outer"> 232 <div class="case-study__step-image"> 233 <picture><source type="image/webp" srcset="/images/aYeI1fsCHh-300.webp 300w, /images/aYeI1fsCHh-800.webp 800w, /images/aYeI1fsCHh-1200.webp 1200w, /images/aYeI1fsCHh-1600.webp 1600w, /images/aYeI1fsCHh-1920.webp 1920w, /images/aYeI1fsCHh-2560.webp 2560w, /images/aYeI1fsCHh-3840.webp 3840w" sizes="(min-width: 64rem) calc(100vw - 80px), 100vw"><source type="image/png" srcset="/images/aYeI1fsCHh-300.png 300w, /images/aYeI1fsCHh-800.png 800w, /images/aYeI1fsCHh-1200.png 1200w, /images/aYeI1fsCHh-1600.png 1600w, /images/aYeI1fsCHh-1920.png 1920w, /images/aYeI1fsCHh-2560.png 2560w, /images/aYeI1fsCHh-3840.png 3840w" sizes="(min-width: 64rem) calc(100vw - 80px), 100vw"><img alt="Service Blueprint" loading="lazy" decoding="async" src="/images/aYeI1fsCHh-3840.webp" width="3840" height="2160"></picture> 234 235 <p class="case-study__image-caption">One stakeholder commented that back in the day submissions by paper were FASTER than this digital workflow.</p> 236 237 </div> 238 </div> 239 240 241 </section> 242 243 <section class="case-study__step"> 244 <div class="case-study__text-container"> 245 <h2 class="case-study__step-title">Break it up</h2> 246 247 248 <div class="case-study__step-content prose"> 249 250 251 <p>We reduced the cognitive load on submission agents by creating a wizard that mapped to their workflow.</p> 252 253 </div> 254 255 256 257 258 259 </div> 260 261 262 263 264 265 <div class="case-study__image-outer"> 266 <div class="case-study__step-image"> 267 <picture><source type="image/webp" srcset="/images/JQyLoAUnPV-300.webp 300w, /images/JQyLoAUnPV-800.webp 800w, /images/JQyLoAUnPV-1200.webp 1200w, /images/JQyLoAUnPV-1600.webp 1600w, /images/JQyLoAUnPV-1920.webp 1920w, /images/JQyLoAUnPV-2560.webp 2560w, /images/JQyLoAUnPV-3840.webp 3840w" sizes="(min-width: 64rem) calc(100vw - 80px), 100vw"><source type="image/png" srcset="/images/JQyLoAUnPV-300.png 300w, /images/JQyLoAUnPV-800.png 800w, /images/JQyLoAUnPV-1200.png 1200w, /images/JQyLoAUnPV-1600.png 1600w, /images/JQyLoAUnPV-1920.png 1920w, /images/JQyLoAUnPV-2560.png 2560w, /images/JQyLoAUnPV-3840.png 3840w" sizes="(min-width: 64rem) calc(100vw - 80px), 100vw"><img alt="New submission design" loading="lazy" decoding="async" src="/images/JQyLoAUnPV-3840.webp" width="3840" height="2160"></picture> 268 269 <p class="case-study__image-caption">Submission agents were able to get through each step faster, and clear validation gave them confidence that the data was correct.</p> 270 271 </div> 272 </div> 273 274 275 </section> 276 277 <section class="case-study__step"> 278 <div class="case-study__text-container"> 279 <h2 class="case-study__step-title">Our Design System elevated other intake in other lines of insurance</h2> 280 281 282 <div class="case-study__step-content prose"> 283 284 285 <p>We created the first design system at the company aimed at standardizing and speeding up the submission intake flow, but also expanding to the underwriting and business analysis functions.</p> 286 287 </div> 288 289 290 291 292 293 </div> 294 295 296 297 298 <div class="case-study__image-outer"> 299 <div class="case-study__step-image"> 300 <picture><source type="image/webp" srcset="/images/TO7EFu36Jt-300.webp 300w, /images/TO7EFu36Jt-800.webp 800w, /images/TO7EFu36Jt-1200.webp 1200w, /images/TO7EFu36Jt-1600.webp 1600w, /images/TO7EFu36Jt-1920.webp 1920w, /images/TO7EFu36Jt-2560.webp 2560w, /images/TO7EFu36Jt-3840.webp 3840w" sizes="(min-width: 64rem) calc(100vw - 80px), 100vw"><source type="image/png" srcset="/images/TO7EFu36Jt-300.png 300w, /images/TO7EFu36Jt-800.png 800w, /images/TO7EFu36Jt-1200.png 1200w, /images/TO7EFu36Jt-1600.png 1600w, /images/TO7EFu36Jt-1920.png 1920w, /images/TO7EFu36Jt-2560.png 2560w, /images/TO7EFu36Jt-3840.png 3840w" sizes="(min-width: 64rem) calc(100vw - 80px), 100vw"><img alt="Vantage Design System" loading="lazy" decoding="async" src="/images/TO7EFu36Jt-3840.webp" width="3840" height="2160"></picture> 301 302 </div> 303 </div> 304 305 <div class="case-study__image-outer"> 306 <div class="case-study__step-image"> 307 <picture><source type="image/webp" srcset="/images/jaGgYGHUAO-300.webp 300w, /images/jaGgYGHUAO-800.webp 800w, /images/jaGgYGHUAO-1200.webp 1200w, /images/jaGgYGHUAO-1600.webp 1600w, /images/jaGgYGHUAO-1920.webp 1920w" sizes="(min-width: 64rem) calc(100vw - 80px), 100vw"><source type="image/png" srcset="/images/jaGgYGHUAO-300.png 300w, /images/jaGgYGHUAO-800.png 800w, /images/jaGgYGHUAO-1200.png 1200w, /images/jaGgYGHUAO-1600.png 1600w, /images/jaGgYGHUAO-1920.png 1920w" sizes="(min-width: 64rem) calc(100vw - 80px), 100vw"><img alt="Vantage Design System" loading="lazy" decoding="async" src="/images/jaGgYGHUAO-1920.webp" width="1920" height="1080"></picture> 308 309 <p class="case-study__image-caption">A user moving from one product to another would have a seamless experience: they all feel and function as a part of the same family of products.</p> 310 311 </div> 312 </div> 313 314 315 </section> 316 317 <section class="case-study__step"> 318 <div class="case-study__text-container"> 319 <h2 class="case-study__step-title">Enabling underwriters to make better decisions faster</h2> 320 321 322 <div class="case-study__step-content prose"> 323 324 325 <p>The submission time with our redesign averaged five minutes, 60% faster than the previous flow.</p> 326 327 </div> 328 329 330 331 332 333 </div> 334 335 336 337 338 <div class="case-study__image-outer"> 339 <div class="case-study__step-image"> 340 <picture><source type="image/webp" srcset="/images/ttnghBbPl3-300.webp 300w, /images/ttnghBbPl3-800.webp 800w, /images/ttnghBbPl3-1200.webp 1200w, /images/ttnghBbPl3-1600.webp 1600w, /images/ttnghBbPl3-1920.webp 1920w, /images/ttnghBbPl3-2560.webp 2560w, /images/ttnghBbPl3-3840.webp 3840w" sizes="(min-width: 64rem) calc(100vw - 80px), 100vw"><source type="image/png" srcset="/images/ttnghBbPl3-300.png 300w, /images/ttnghBbPl3-800.png 800w, /images/ttnghBbPl3-1200.png 1200w, /images/ttnghBbPl3-1600.png 1600w, /images/ttnghBbPl3-1920.png 1920w, /images/ttnghBbPl3-2560.png 2560w, /images/ttnghBbPl3-3840.png 3840w" sizes="(min-width: 64rem) calc(100vw - 80px), 100vw"><img alt="Final Submission Review Screen" loading="lazy" decoding="async" src="/images/ttnghBbPl3-3840.webp" width="3840" height="2160"></picture> 341 342 <p class="case-study__image-caption">Submissions were no longer getting duplicated or lost, the agents felt less pressured, and the company was able to generate more business.</p> 343 344 </div> 345 </div> 346 347 348 </section> 349 350 351 352 <!-- Conclusion --> 353 354
355 <!-- Navigation: Next Case Study (Circular Loop) --> 356 357 358 359 360 361 362 363 364 365 366 367 368 369 370 371 372 373 374 375 376 377 378 379 380 381 382<section class="case-study__next-section"> 383 <div class="case-study__next-marquee-wrap" aria-hidden="true"> 384 <div class="case-study__next-marquee-track"> 385 <span class="case-study__next-marquee-set"> 386 <span class="case-study__next-marquee-text">Next case study</span> 387 <span class="case-study__next-marquee-sep">â¢</span> 388 <span class="case-study__next-marquee-text">Next case study</span> 389 <span class="case-study__next-marquee-sep">â¢</span> 390 <span class="case-study__next-marquee-text">Next case study</span> 391 <span class="case-study__next-marquee-sep">â¢</span> 392 <span class="case-study__next-marquee-text">Next case study</span> 393 <span class="case-study__next-marquee-sep">â¢</span> 394 <span class="case-study__next-marquee-text">Next case study</span> 395 <span class="case-study__next-marquee-sep">â¢</span> 396 </span> 397 <span class="case-study__next-marquee-set"> 398 <span class="case-study__next-marquee-text">Next case study</span> 399 <span class="case-study__next-marquee-sep">â¢</span> 400 <span class="case-study__next-marquee-text">Next case study</span> 401 <span class="case-study__next-marquee-sep">â¢</span> 402 <span class="case-study__next-marquee-text">Next case study</span> 403 <span class="case-study__next-marquee-sep">â¢</span> 404 <span class="case-study__next-marquee-text">Next case study</span> 405 <span class="case-study__next-marquee-sep">â¢</span> 406 <span class="case-study__next-marquee-text">Next case study</span> 407 <span class="case-study__next-marquee-sep">â¢</span> 408 </span> 409 </div> 410 </div> 411 <div class="case-study__next-image-wrap"> 412 413 <a href="/projects/case-study-lettuce-ai/" class="case-study__next-link"> 414 <div class="case-study__next-image"> 415 <picture><source type="image/webp" srcset="/images/pFMYst_UHQ-300.webp 300w, /images/pFMYst_UHQ-800.webp 800w, /images/pFMYst_UHQ-1200.webp 1200w, /images/pFMYst_UHQ-1600.webp 1600w, /images/pFMYst_UHQ-1920.webp 1920w, /images/pFMYst_UHQ-2560.webp 2560w, /images/pFMYst_UHQ-3840.webp 3840w" sizes="(min-width: 64rem) 800px, 100vw"><source type="image/png" srcset="/images/pFMYst_UHQ-300.png 300w, /images/pFMYst_UHQ-800.png 800w, /images/pFMYst_UHQ-1200.png 1200w, /images/pFMYst_UHQ-1600.png 1600w, /images/pFMYst_UHQ-1920.png 1920w, /images/pFMYst_UHQ-2560.png 2560w, /images/pFMYst_UHQ-3840.png 3840w" sizes="(min-width: 64rem) 800px, 100vw"><img alt="Phone mockup showing self-service non-AI solution" loading="lazy" decoding="async" src="/images/pFMYst_UHQ-3840.webp" width="3840" height="2160"></picture> 416 </div> 417 </a> 418 419 <div class="case-study__next-content"> 420 <p class="case-study__next-title">I designed an AI agent that freed up human support agents to focus on hospitality, not help tickets.</p> 421 </div> 422 </div> 423</section> 424 425 426 427 428</div> 429 430 431 </main> 432 </div> 433 434<footer class="footer footer--job"> 435 <div class="footer__job-grid"> 436 <div class="footer__job-image"> 437 <span class="footer__job-image-img" role="img" aria-label="Shahed Ahmed Syed"></span> 438 </div> 439 <div class="footer__job-links"> 440 <p class="footer__contact-row"> 441 <button type="button" class="email-link email-link--copy" data-email="ZGVzaWduQHNoYWhlZHN5ZWQuY29t" aria-label="Copy email address"> 442 <span class="email-link__text">[email protected]</span>
443 <span class="email-link__copied" aria-live="polite">Copied!</span> 444 </button> 445 </p> 446 <span class="footer__social-inline"> 447 <a href="https://www.linkedin.com/in/shahedasyed/" target="_blank" rel="noopener noreferrer">LinkedIn</a> ⢠<a href="https://twitter.com/dehahs" target="_blank" rel="noopener noreferrer">X</a> 448 </span> 449 </div> 450 </div> 451</footer>
452<script> 453(function() { 454 function decodeEmail(base64) { 455 try { return atob(base64); } catch (e) { return ''; } 456 } 457 async function copyToClipboard(text) { 458 try { 459 await navigator.clipboard.writeText(text); 460 return true; 461 } catch (err) { 462 const textArea = document.createElement('textarea'); 463 textArea.value = text; 464 textArea.style.position = 'fixed'; 465 textArea.style.left = '-999999px'; 466 document.body.appendChild(textArea); 467 textArea.focus(); 468 textArea.select(); 469 try { 470 document.execCommand('copy'); 471 document.body.removeChild(textArea); 472 return true; 473 } catch (err) { 474 document.body.removeChild(textArea); 475 return false; 476 } 477 } 478 } 479 function initEmailCopyButtons() { 480 document.querySelectorAll('.email-link--copy[data-email]').forEach(function(button) { 481 const encodedEmail = button.getAttribute('data-email'); 482 const decodedEmail = decodeEmail(encodedEmail); 483 const textSpan = button.querySelector('.email-link__text'); 484 const copiedSpan = button.querySelector('.email-link__copied'); 485 if (!decodedEmail || !textSpan || !copiedSpan) return; 486 let timeoutId = null; 487 button.addEventListener('click', async function(e) { 488 e.preventDefault(); 489 if (timeoutId) clearTimeout(timeoutId); 490 const success = await copyToClipboard(decodedEmail); 491 if (success) { 492 button.classList.add('email-link--copied-active'); 493 copiedSpan.textContent = 'Copied!'; 494 timeoutId = setTimeout(function() { 495 button.classList.remove('email-link--copied-active'); 496 }, 2000); 497 } 498 }); 499 button.addEventListener('keydown', function(e) { 500 if (e.key === 'Enter' || e.key === ' ') { e.preventDefault(); button.click(); } 501 }); 502 }); 503 } 504 if (document.readyState === 'loading') { 505 document.addEventListener('DOMContentLoaded', initEmailCopyButtons); 506 } else { 507 initEmailCopyButtons(); 508 } 509})(); 510</script>
510 511 512 513 </div> 514
514<script src="/js/navigation.js"></script>
514 515
515<script src="/js/job-anchor-scroll.js"></script>
515 516 517 </body> 518</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.