PageSourceSearch

https://shah3d.com/projects/case-study-vantage/

html shah3d.com collected 2026-09-26 10:53:49 UTC 23,664 bytes, 518 lines download raw bytes

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&#39;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.