{"id":469,"date":"2026-06-02T16:11:08","date_gmt":"2026-06-02T10:41:08","guid":{"rendered":"https:\/\/www.jogendradesigns.com\/?p=469"},"modified":"2026-06-09T12:58:02","modified_gmt":"2026-06-09T07:28:02","slug":"castrol-connect","status":"publish","type":"post","link":"https:\/\/www.jogendradesigns.com\/?p=469","title":{"rendered":"Castrol connect"},"content":{"rendered":"\n<h2 class=\"wp-block-heading has-normal-font-size\">Designing a trustworthy car servicing platform for India<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Castrol Connect set out to bridge the gap between Castrol&#8217;s strong brand in automotive lubricants and its low visibility as a digital car servicing platform, enabling users to discover, compare, and book services across a fragmented network of workshops.<\/p>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<h2 class=\"wp-block-heading\">Problem statement<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">The challenge extended beyond building a booking flow. Users struggled to understand what the product was, trust unfamiliar workshops, and navigate complex service decisions. Meanwhile, the business prioritised early lead capture and rapid network expansion over clarity and user control.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>This created a fundamental design problem:<\/strong><\/p>\n\n\n\n<blockquote class=\"wp-block-quote is-style-plain has-small-font-size is-layout-flow wp-block-quote-is-layout-flow\">\n<p class=\"wp-block-paragraph\"><em>How might we design a trustworthy, end-to-end car servicing experience that balances user clarity and confidence with operational and business constraints across consumers, workshops, and Castrol operations?<\/em><\/p>\n<\/blockquote>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<h2 class=\"wp-block-heading\">My Role &amp; Ownership<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Role:<\/strong>&nbsp;Lead Product Designer<br><strong>Platform:<\/strong>&nbsp;Web &amp; Mobile<br><strong>Team:<\/strong>&nbsp;Cross-functional &#8211; Product, Engineering (UK, India), QA, Business stakeholders<br><strong>Tools:<\/strong>&nbsp;Figma, Mural\/FigJam, Azure, Microsoft Copilot<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">I joined Castrol Connect as the&nbsp;<strong>Lead Product Designer<\/strong>, initially responsible for enabling a rapid MVP launch and later evolving the product into a scalable, strategy-driven platform. I owned end-to-end design across web and mobile \u2014 from research and information architecture through interaction design, design system, and post-launch measurement.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><a href=\"https:\/\/www.jogendradesigns.com\/wp-content\/uploads\/2026\/06\/Screenshot-2026-06-01-at-3.52.32-PM.png\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"922\" src=\"https:\/\/www.jogendradesigns.com\/wp-content\/uploads\/2026\/06\/Screenshot-2026-06-01-at-3.52.32-PM-1024x922.png\" alt=\"\" class=\"wp-image-523\" style=\"aspect-ratio:1.1106446105186554\" srcset=\"https:\/\/www.jogendradesigns.com\/wp-content\/uploads\/2026\/06\/Screenshot-2026-06-01-at-3.52.32-PM-1024x922.png 1024w, https:\/\/www.jogendradesigns.com\/wp-content\/uploads\/2026\/06\/Screenshot-2026-06-01-at-3.52.32-PM-300x270.png 300w, https:\/\/www.jogendradesigns.com\/wp-content\/uploads\/2026\/06\/Screenshot-2026-06-01-at-3.52.32-PM-768x692.png 768w, https:\/\/www.jogendradesigns.com\/wp-content\/uploads\/2026\/06\/Screenshot-2026-06-01-at-3.52.32-PM-973x876.png 973w, https:\/\/www.jogendradesigns.com\/wp-content\/uploads\/2026\/06\/Screenshot-2026-06-01-at-3.52.32-PM-508x457.png 508w, https:\/\/www.jogendradesigns.com\/wp-content\/uploads\/2026\/06\/Screenshot-2026-06-01-at-3.52.32-PM.png 1528w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/a><figcaption class=\"wp-element-caption\">Product scope excercise<\/figcaption><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\">How my role evolved across three phases<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Phase 1: MVP Launch (Execution under constraint)<\/strong><\/p>\n\n\n\n<p class=\"wp-block-paragraph\">The initial brief was to ship fast for the Indian market using an existing global codebase. My focus was adapting the experience to Indian user needs, ensuring the end-to-end booking journey worked functionally, and collaborating tightly with engineering to hit the launch date. I was execution-heavy here, shaping decisions in real time within hard technical constraints.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Phase 2: Post-MVP (Validation &amp; Gap diagnosis)<\/strong><\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Once the product was live and showing early traction, I initiated a structured research programme to identify core experience gaps. I ran 8-10 discovery interviews and usability sessions across both consumer and workshop sides, an effort I planned, moderated, and synthesised myself. This phase shifted my role from delivery to diagnosis.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Phase 3: Strategic Design (Ownership &amp; Direction)<\/strong><\/p>\n\n\n\n<p class=\"wp-block-paragraph\">I took full ownership of UX strategy, product direction, and the experience roadmap. I defined the design principles that guided every subsequent decision, established analytics instrumentation to track 15+ experience quality metrics post-launch, and aligned design decisions directly to business OKRs in stakeholder reviews.<\/p>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n\n\n<h2 class=\"wp-block-heading\">Discovery<\/h2>\n\n\n\n<h3 class=\"wp-block-heading\">What I set out to learn<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">I ran&nbsp;<strong>8\u201310 research sessions<\/strong>&nbsp;combining discovery interviews and usability testing, using a think-aloud protocol to capture real-time reactions across two key task flows:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Consumer flow:<\/strong>&nbsp;Discover \u2192 Compare \u2192 Book<\/li>\n\n\n\n<li><strong>Workshop flow:<\/strong>&nbsp;Create jobs \u2192 Manage schedule \u2192 Communicate updates<\/li>\n<\/ul>\n\n\n\n<p class=\"wp-block-paragraph\">My participant criteria: consumers with low awareness of Castrol Connect, and workshops operating with partially digital, highly manual systems.<br><\/p>\n\n\n\n<figure class=\"wp-block-gallery has-nested-images columns-default is-cropped wp-block-gallery-1 is-layout-flex wp-block-gallery-is-layout-flex\">\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"579\" data-id=\"517\" src=\"https:\/\/www.jogendradesigns.com\/wp-content\/uploads\/2026\/06\/Screenshot-2026-06-01-at-1.38.26-PM-1024x579.png\" alt=\"Research plan\" class=\"wp-image-517\" srcset=\"https:\/\/www.jogendradesigns.com\/wp-content\/uploads\/2026\/06\/Screenshot-2026-06-01-at-1.38.26-PM-1024x579.png 1024w, https:\/\/www.jogendradesigns.com\/wp-content\/uploads\/2026\/06\/Screenshot-2026-06-01-at-1.38.26-PM-300x170.png 300w, https:\/\/www.jogendradesigns.com\/wp-content\/uploads\/2026\/06\/Screenshot-2026-06-01-at-1.38.26-PM-768x435.png 768w, https:\/\/www.jogendradesigns.com\/wp-content\/uploads\/2026\/06\/Screenshot-2026-06-01-at-1.38.26-PM-1536x869.png 1536w, https:\/\/www.jogendradesigns.com\/wp-content\/uploads\/2026\/06\/Screenshot-2026-06-01-at-1.38.26-PM-2048x1159.png 2048w, https:\/\/www.jogendradesigns.com\/wp-content\/uploads\/2026\/06\/Screenshot-2026-06-01-at-1.38.26-PM-973x551.png 973w, https:\/\/www.jogendradesigns.com\/wp-content\/uploads\/2026\/06\/Screenshot-2026-06-01-at-1.38.26-PM-508x287.png 508w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><figcaption class=\"wp-element-caption\">Research plan<\/figcaption><\/figure>\n\n\n\n<figure class=\"wp-block-image size-large\"><a href=\"https:\/\/www.jogendradesigns.com\/wp-content\/uploads\/2026\/06\/questions-1.png\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"768\" data-id=\"521\" src=\"https:\/\/www.jogendradesigns.com\/wp-content\/uploads\/2026\/06\/questions-1-1024x768.png\" alt=\"Research questions and moderator script\" class=\"wp-image-521\" srcset=\"https:\/\/www.jogendradesigns.com\/wp-content\/uploads\/2026\/06\/questions-1-1024x768.png 1024w, https:\/\/www.jogendradesigns.com\/wp-content\/uploads\/2026\/06\/questions-1-300x225.png 300w, https:\/\/www.jogendradesigns.com\/wp-content\/uploads\/2026\/06\/questions-1-768x576.png 768w, https:\/\/www.jogendradesigns.com\/wp-content\/uploads\/2026\/06\/questions-1-973x730.png 973w, https:\/\/www.jogendradesigns.com\/wp-content\/uploads\/2026\/06\/questions-1-508x381.png 508w, https:\/\/www.jogendradesigns.com\/wp-content\/uploads\/2026\/06\/questions-1.png 1200w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/a><figcaption class=\"wp-element-caption\">Interview questions<\/figcaption><\/figure>\n\n\n\n<figure class=\"wp-block-image size-large\"><a href=\"https:\/\/www.jogendradesigns.com\/wp-content\/uploads\/2026\/06\/questions.png\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"768\" data-id=\"518\" src=\"https:\/\/www.jogendradesigns.com\/wp-content\/uploads\/2026\/06\/questions-1024x768.png\" alt=\"\" class=\"wp-image-518\" srcset=\"https:\/\/www.jogendradesigns.com\/wp-content\/uploads\/2026\/06\/questions-1024x768.png 1024w, https:\/\/www.jogendradesigns.com\/wp-content\/uploads\/2026\/06\/questions-300x225.png 300w, https:\/\/www.jogendradesigns.com\/wp-content\/uploads\/2026\/06\/questions-768x576.png 768w, https:\/\/www.jogendradesigns.com\/wp-content\/uploads\/2026\/06\/questions-973x730.png 973w, https:\/\/www.jogendradesigns.com\/wp-content\/uploads\/2026\/06\/questions-508x381.png 508w, https:\/\/www.jogendradesigns.com\/wp-content\/uploads\/2026\/06\/questions.png 1200w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/a><figcaption class=\"wp-element-caption\">Interview questions<\/figcaption><\/figure>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"826\" height=\"1024\" data-id=\"526\" src=\"https:\/\/www.jogendradesigns.com\/wp-content\/uploads\/2026\/06\/Screenshot-2026-06-01-at-5.19.30-PM-826x1024.png\" alt=\"Workshop interview insights\" class=\"wp-image-526\" srcset=\"https:\/\/www.jogendradesigns.com\/wp-content\/uploads\/2026\/06\/Screenshot-2026-06-01-at-5.19.30-PM-826x1024.png 826w, https:\/\/www.jogendradesigns.com\/wp-content\/uploads\/2026\/06\/Screenshot-2026-06-01-at-5.19.30-PM-242x300.png 242w, https:\/\/www.jogendradesigns.com\/wp-content\/uploads\/2026\/06\/Screenshot-2026-06-01-at-5.19.30-PM-768x952.png 768w, https:\/\/www.jogendradesigns.com\/wp-content\/uploads\/2026\/06\/Screenshot-2026-06-01-at-5.19.30-PM-973x1206.png 973w, https:\/\/www.jogendradesigns.com\/wp-content\/uploads\/2026\/06\/Screenshot-2026-06-01-at-5.19.30-PM-508x630.png 508w, https:\/\/www.jogendradesigns.com\/wp-content\/uploads\/2026\/06\/Screenshot-2026-06-01-at-5.19.30-PM.png 1112w\" sizes=\"auto, (max-width: 826px) 100vw, 826px\" \/><figcaption class=\"wp-element-caption\">Workshop interview insights<\/figcaption><\/figure>\n<\/figure>\n\n\n\n<h3 class=\"wp-block-heading\">What I found<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Both customers and workshops relied on existing trust-based, informal systems, making adoption a&nbsp;<strong>trust and behaviour change problem<\/strong>, not just a usability problem.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>On the consumer side:<\/strong><\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Decisions were driven by trust, proximity, and past experience \u2014 not platform features<\/li>\n\n\n\n<li>Users consistently struggled to understand what Castrol Connect actually offered<\/li>\n\n\n\n<li>Early requests for personal data (phone number before value was established) caused drop-off<\/li>\n\n\n\n<li>Unfamiliar workshops without clear credibility signals created hesitation at the selection step<\/li>\n<\/ul>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>On the workshop side:<\/strong><\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Operations were reactive and fragmented \u2014 coordinated through calls, WhatsApp, and memory<\/li>\n\n\n\n<li>Workshops had limited visibility into jobs and schedules<\/li>\n\n\n\n<li>Several workshop owners said they didn&#8217;t understand what the platform was supposed to do for them<\/li>\n<\/ul>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>User voice (selected quotes from sessions):<\/strong><\/p>\n\n\n\n<div class=\"wp-block-group is-layout-flex wp-block-group-is-layout-flex\">\n<blockquote class=\"wp-block-quote is-layout-flow wp-block-quote-is-layout-flow\">\n<p class=\"wp-block-paragraph\"><em>I&#8217;ll just go to my regular workshop \u2014 I trust them more.<\/em><\/p>\n<\/blockquote>\n\n\n\n<blockquote class=\"wp-block-quote is-layout-flow wp-block-quote-is-layout-flow\">\n<p class=\"wp-block-paragraph\"><em>Why are you asking for my phone number already?<\/em><\/p>\n<\/blockquote>\n\n\n\n<blockquote class=\"wp-block-quote is-layout-flow wp-block-quote-is-layout-flow\">\n<p class=\"wp-block-paragraph\"><em>We already manage everything through calls and WhatsApp.<\/em><\/p>\n<\/blockquote>\n\n\n\n<blockquote class=\"wp-block-quote is-layout-flow wp-block-quote-is-layout-flow\">\n<p class=\"wp-block-paragraph\"><em>I don&#8217;t know what Castrol Connect is supposed to do.<\/em><\/p>\n<\/blockquote>\n<\/div>\n\n\n\n<h3 class=\"wp-block-heading\">The root cause<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Users didn&#8217;t drop off because the product was hard to use. They dropped off because&nbsp;<strong>clarity and trust were missing from the start.<\/strong>&nbsp;Three distinct barriers emerged:<\/p>\n\n\n\n<figure class=\"wp-block-table is-style-regular\"><table class=\"has-fixed-layout\"><thead><tr><th class=\"has-text-align-left\" data-align=\"left\">Barrier<\/th><th class=\"has-text-align-left\" data-align=\"left\">Where it hit<\/th><th class=\"has-text-align-left\" data-align=\"left\">What it caused<\/th><\/tr><\/thead><tbody><tr><td><strong>Clarity<\/strong><\/td><td>Entry<\/td><td>Users didn&#8217;t know what the product was, most left before exploring<\/td><\/tr><tr><td><strong>Trust<\/strong><\/td><td>Selection<\/td><td>Weak workshop credibility + premature data capture reduced confidence<\/td><\/tr><tr><td><strong>Decision complexity<\/strong><\/td><td>Comparison<\/td><td>Users defaulted to cheapest or most familiar option rather than best fit<\/td><\/tr><\/tbody><\/table><\/figure>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<h2 class=\"wp-block-heading\">Design Direction<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">I reframed the design challenge: the opportunity was not to add features, but to make the experience&nbsp;<strong>understandable, trustworthy, and easy to act on.<\/strong><\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Three principles shaped every decision from this point:<\/p>\n\n\n\n<ol class=\"wp-block-list\">\n<li><strong>Make purpose obvious before asking for anything.<\/strong>&nbsp;Communicate value early and explicitly.<\/li>\n\n\n\n<li><strong>Earn commitment progressively.<\/strong>&nbsp;Let users explore before they commit data or money.<\/li>\n\n\n\n<li><strong>Reduce cognitive load at the decision point.<\/strong>&nbsp;Fewer, clearer signals beat more information.<\/li>\n<\/ol>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<h2 class=\"wp-block-heading\">Key Design Decisions<\/h2>\n\n\n\n<h3 class=\"wp-block-heading\">Decision 1 \u2014 Redesigning the entry experience for clarity<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>The problem:<\/strong>&nbsp;Users interpreted the homepage as generic Castrol brand content, not a service platform. Most dropped off without understanding what action to take.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>What I changed:<\/strong>&nbsp;I reworked the entry flow to lead with a clear value proposition and a single, direct call to action. I replaced category-led navigation (which assumed users already knew what they wanted) with a need-led entry point (&#8220;What do you need done today?&#8221;).<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>My process:<\/strong>&nbsp;I tested three entry concepts with 5 users using low-fidelity prototypes in Figma. The need-led version consistently produced faster comprehension and higher intent to continue.<\/p>\n\n\n\n<figure class=\"wp-block-jetpack-image-compare\"><div class=\"juxtapose\" data-mode=\"horizontal\"><img loading=\"lazy\" decoding=\"async\" id=\"562\" src=\"https:\/\/www.jogendradesigns.com\/wp-content\/uploads\/2026\/06\/entry-experience-before.png\" alt=\"\" width=\"1600\" height=\"1000\" class=\"image-compare__image-before\"\/><img loading=\"lazy\" decoding=\"async\" id=\"563\" src=\"https:\/\/www.jogendradesigns.com\/wp-content\/uploads\/2026\/06\/entry-experience-after.png\" alt=\"\" width=\"1600\" height=\"1000\" class=\"image-compare__image-after\"\/><\/div><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Impact:<\/strong>&nbsp;Users could orient themselves faster and were significantly more likely to proceed past the entry screen into the booking flow.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Decision 2 \u2014 Reducing early friction while preserving lead capture<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>The problem:<\/strong>&nbsp;User interviews showed that OTP and phone-number capture created friction early in the journey. Users were being asked to verify themselves before they had enough context to understand the service, evaluate options, or feel motivated to continue. This often triggered a \u201cwhy do they need this already?\u201d reaction and weakened progression.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">At the same time, marketing and business teams were strongly focused on capturing leads early so those users could be followed up offline. This meant the challenge was not to remove lead capture, but to reduce the friction it created.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>What I changed:<\/strong>&nbsp;Instead of removing OTP or lead capture, I redesigned the early journey to make it more guided, relevant, and easier to complete. The original experience pushed users too quickly into a higher-effort interaction. The redesigned flow broke that experience into smaller, progressive steps, such as identifying the car, capturing location before asking for identity confirmation.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">This shifted the interaction from a high-cognitive-load form into a lighter progressive flow that better matched how users build intent. It also allowed the business requirement for lead capture to remain in place without making the start of the journey feel abrupt.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><a href=\"https:\/\/www.jogendradesigns.com\/wp-content\/uploads\/2026\/06\/Decision-2-diagram-scaled.png\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"816\" src=\"https:\/\/www.jogendradesigns.com\/wp-content\/uploads\/2026\/06\/Decision-2-diagram-scaled-e1780916989328-1024x816.png\" alt=\"\" class=\"wp-image-552\" srcset=\"https:\/\/www.jogendradesigns.com\/wp-content\/uploads\/2026\/06\/Decision-2-diagram-scaled-e1780916989328-1024x816.png 1024w, https:\/\/www.jogendradesigns.com\/wp-content\/uploads\/2026\/06\/Decision-2-diagram-scaled-e1780916989328-300x239.png 300w, https:\/\/www.jogendradesigns.com\/wp-content\/uploads\/2026\/06\/Decision-2-diagram-scaled-e1780916989328-768x612.png 768w, https:\/\/www.jogendradesigns.com\/wp-content\/uploads\/2026\/06\/Decision-2-diagram-scaled-e1780916989328-1536x1225.png 1536w, https:\/\/www.jogendradesigns.com\/wp-content\/uploads\/2026\/06\/Decision-2-diagram-scaled-e1780916989328-2048x1633.png 2048w, https:\/\/www.jogendradesigns.com\/wp-content\/uploads\/2026\/06\/Decision-2-diagram-scaled-e1780916989328-973x776.png 973w, https:\/\/www.jogendradesigns.com\/wp-content\/uploads\/2026\/06\/Decision-2-diagram-scaled-e1780916989328-508x405.png 508w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/a><figcaption class=\"wp-element-caption\">Lead capture is preserved, but the journey earns commitment through smaller guided steps<\/figcaption><\/figure>\n\n\n\n<figure class=\"wp-block-image size-large\"><a href=\"https:\/\/www.jogendradesigns.com\/wp-content\/uploads\/2026\/06\/Mockup-1-1.png\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"640\" src=\"https:\/\/www.jogendradesigns.com\/wp-content\/uploads\/2026\/06\/Mockup-1-1-1024x640.png\" alt=\"\" class=\"wp-image-532\" srcset=\"https:\/\/www.jogendradesigns.com\/wp-content\/uploads\/2026\/06\/Mockup-1-1-1024x640.png 1024w, https:\/\/www.jogendradesigns.com\/wp-content\/uploads\/2026\/06\/Mockup-1-1-300x188.png 300w, https:\/\/www.jogendradesigns.com\/wp-content\/uploads\/2026\/06\/Mockup-1-1-768x480.png 768w, https:\/\/www.jogendradesigns.com\/wp-content\/uploads\/2026\/06\/Mockup-1-1-1536x960.png 1536w, https:\/\/www.jogendradesigns.com\/wp-content\/uploads\/2026\/06\/Mockup-1-1-973x608.png 973w, https:\/\/www.jogendradesigns.com\/wp-content\/uploads\/2026\/06\/Mockup-1-1-508x318.png 508w, https:\/\/www.jogendradesigns.com\/wp-content\/uploads\/2026\/06\/Mockup-1-1.png 1600w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/a><figcaption class=\"wp-element-caption\">From a high-cognitive-load form to a guided, progressive flow<\/figcaption><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Impact:<\/strong>&nbsp;The redesigned flow reduced early friction while preserving lead capture. By helping users build relevance and momentum first, the OTP step felt more natural when it appeared. Users were able to progress further into the journey before being asked to verify themselves, which created a smoother and more intentional path toward conversion.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Decision 3 \u2014 Strengthening workshop credibility signals<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>The problem:<\/strong>&nbsp;Workshop listings showed a name, location, and specilizations. Users had no basis for trusting an unfamiliar workshop \u2014 especially when comparing against a mechanic they&#8217;d used for years.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>What I changed:<\/strong>&nbsp;I redesigned workshop profiles to surface structured credibility indicators \u2014 clear trust badge, customer ratings.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>My process:<\/strong>&nbsp;I ran a competitive analysis across 5 enterprise and consumer service platforms (including GoMechanic, and Bosch Car Service) to understand what trust signals were industry standard and where we could go further.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large wp-duotone-unset-2\"><a href=\"https:\/\/www.jogendradesigns.com\/wp-content\/uploads\/2026\/06\/Decision-3.png\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"640\" src=\"https:\/\/www.jogendradesigns.com\/wp-content\/uploads\/2026\/06\/Decision-3-1024x640.png\" alt=\"\" class=\"wp-image-554\" srcset=\"https:\/\/www.jogendradesigns.com\/wp-content\/uploads\/2026\/06\/Decision-3-1024x640.png 1024w, https:\/\/www.jogendradesigns.com\/wp-content\/uploads\/2026\/06\/Decision-3-300x188.png 300w, https:\/\/www.jogendradesigns.com\/wp-content\/uploads\/2026\/06\/Decision-3-768x480.png 768w, https:\/\/www.jogendradesigns.com\/wp-content\/uploads\/2026\/06\/Decision-3-1536x960.png 1536w, https:\/\/www.jogendradesigns.com\/wp-content\/uploads\/2026\/06\/Decision-3-973x608.png 973w, https:\/\/www.jogendradesigns.com\/wp-content\/uploads\/2026\/06\/Decision-3-508x318.png 508w, https:\/\/www.jogendradesigns.com\/wp-content\/uploads\/2026\/06\/Decision-3.png 1600w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/a><figcaption class=\"wp-element-caption\">Instead of relying on name, location, and specializations alone, the redesigned profile surfaces layered credibility signals that support trust-based comparison.<\/figcaption><\/figure>\n\n\n\n<figure class=\"wp-block-image size-large\"><a href=\"https:\/\/www.jogendradesigns.com\/wp-content\/uploads\/2026\/06\/Competative-analysis.png\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"640\" src=\"https:\/\/www.jogendradesigns.com\/wp-content\/uploads\/2026\/06\/Competative-analysis-1024x640.png\" alt=\"\" class=\"wp-image-558\" srcset=\"https:\/\/www.jogendradesigns.com\/wp-content\/uploads\/2026\/06\/Competative-analysis-1024x640.png 1024w, https:\/\/www.jogendradesigns.com\/wp-content\/uploads\/2026\/06\/Competative-analysis-300x188.png 300w, https:\/\/www.jogendradesigns.com\/wp-content\/uploads\/2026\/06\/Competative-analysis-768x480.png 768w, https:\/\/www.jogendradesigns.com\/wp-content\/uploads\/2026\/06\/Competative-analysis-1536x960.png 1536w, https:\/\/www.jogendradesigns.com\/wp-content\/uploads\/2026\/06\/Competative-analysis-973x608.png 973w, https:\/\/www.jogendradesigns.com\/wp-content\/uploads\/2026\/06\/Competative-analysis-508x318.png 508w, https:\/\/www.jogendradesigns.com\/wp-content\/uploads\/2026\/06\/Competative-analysis.png 1600w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/a><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Impact:<\/strong>&nbsp;Users spent more time evaluating workshops rather than defaulting immediately to the closest option or abandoning the comparison step.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Decision 4 \u2014 Simplifying service comparison to reduce cognitive overload<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>The problem:<\/strong>&nbsp;Service package pages presented long lists of line items with minimal visual differentiation. Users couldn&#8217;t identify what actually differed between packages, so they chose on price alone or dropped off entirely.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>What I changed:<\/strong>&nbsp;I restructured service packages around the user&#8217;s key decision questions: &#8220;What&#8217;s included? What&#8217;s the difference? Is this right for my car?&#8221; I introduced a comparison-first layout with progressive disclosure for detail, and used iconography to make category differences scannable.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><a href=\"https:\/\/www.jogendradesigns.com\/wp-content\/uploads\/2026\/06\/Decision-4.png\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"640\" src=\"https:\/\/www.jogendradesigns.com\/wp-content\/uploads\/2026\/06\/Decision-4-1024x640.png\" alt=\"\" class=\"wp-image-556\" srcset=\"https:\/\/www.jogendradesigns.com\/wp-content\/uploads\/2026\/06\/Decision-4-1024x640.png 1024w, https:\/\/www.jogendradesigns.com\/wp-content\/uploads\/2026\/06\/Decision-4-300x188.png 300w, https:\/\/www.jogendradesigns.com\/wp-content\/uploads\/2026\/06\/Decision-4-768x480.png 768w, https:\/\/www.jogendradesigns.com\/wp-content\/uploads\/2026\/06\/Decision-4-1536x960.png 1536w, https:\/\/www.jogendradesigns.com\/wp-content\/uploads\/2026\/06\/Decision-4-973x608.png 973w, https:\/\/www.jogendradesigns.com\/wp-content\/uploads\/2026\/06\/Decision-4-508x318.png 508w, https:\/\/www.jogendradesigns.com\/wp-content\/uploads\/2026\/06\/Decision-4.png 1600w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/a><figcaption class=\"wp-element-caption\">The redesigned comparison layout makes package differences easier to scan, reduces reliance on price alone, and helps users make faster, more confident service choices.<\/figcaption><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Impact:<\/strong>&nbsp;Users made quicker, more confident service decisions and relied less on price as the default selection criterion.<\/p>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<h2 class=\"wp-block-heading\">Design System &amp; Product Kit<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Building on bp&#8217;s global design foundation, I created a&nbsp;<strong>Castrol Connect product kit<\/strong>&nbsp;\u2014 a set of product-specific components, tokens, and patterns layered on top of bp&#8217;s enterprise design system.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Why this needed to exist:<\/strong>&nbsp;bp&#8217;s global system covered brand fundamentals \u2014 colour, typography, grid \u2014 but it wasn&#8217;t built for a consumer-facing transactional product. CastrolConnect had unique needs: a multi-step booking flow with complex states, workshop profile cards, service comparison patterns, and trust signal components. None of these existed in the global library.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><a href=\"https:\/\/www.jogendradesigns.com\/wp-content\/uploads\/2026\/06\/Product-kit.png\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"640\" src=\"https:\/\/www.jogendradesigns.com\/wp-content\/uploads\/2026\/06\/Product-kit-1024x640.png\" alt=\"\" class=\"wp-image-557\" srcset=\"https:\/\/www.jogendradesigns.com\/wp-content\/uploads\/2026\/06\/Product-kit-1024x640.png 1024w, https:\/\/www.jogendradesigns.com\/wp-content\/uploads\/2026\/06\/Product-kit-300x188.png 300w, https:\/\/www.jogendradesigns.com\/wp-content\/uploads\/2026\/06\/Product-kit-768x480.png 768w, https:\/\/www.jogendradesigns.com\/wp-content\/uploads\/2026\/06\/Product-kit-1536x960.png 1536w, https:\/\/www.jogendradesigns.com\/wp-content\/uploads\/2026\/06\/Product-kit-973x608.png 973w, https:\/\/www.jogendradesigns.com\/wp-content\/uploads\/2026\/06\/Product-kit-508x318.png 508w, https:\/\/www.jogendradesigns.com\/wp-content\/uploads\/2026\/06\/Product-kit.png 1600w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/a><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\">What I built<\/h3>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>60+ components<\/strong>&nbsp;covering the full booking journey \u2014 entry cards, workshop profiles, service comparison modules, booking confirmation states, error handling, and empty states<\/li>\n\n\n\n<li><strong>Trust signal components<\/strong>&nbsp;\u2014 verified badge, rating display, response time indicator \u2014 designed as reusable atoms so they apply consistently across all consumer-facing surfaces<\/li>\n\n\n\n<li><strong>Accessibility annotations<\/strong>&nbsp;\u2014 every component documented with WCAG 2.1 AA contrast ratios, touch target sizes (minimum 44\u00d744px), and screen reader behaviour notes<\/li>\n\n\n\n<li><strong>Tokenised colour layer<\/strong>&nbsp;\u2014 Castrol-specific colour aliases mapped over bp brand tokens, so any brand-level theming update propagates instantly without manual rework<\/li>\n<\/ul>\n\n\n\n<h3 class=\"wp-block-heading\">Impact on delivery<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">The product kit reduced design-to-development handoff friction measurably. Developers referenced component specs directly in Figma rather than interpreting screens; QA used the same component documentation to define acceptance criteria. This standardisation, combined with AI-assisted prototyping workflows, contributed to the&nbsp;<strong>~40% reduction in iteration time<\/strong>&nbsp;I measured across three product squads in Phase 3.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><strong>Solution<\/strong><\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">The redesigned experience shifts Castrol Connect from a feature-led booking flow to a&nbsp;<strong>trust-driven customer journey<\/strong>&nbsp;\u2014 built around three shifts:<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Confident decision-making<\/strong>&nbsp;\u2014 workshop credibility and service comparison designed to reduce uncertainty, not increase choice<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Clarity at entry<\/strong>&nbsp;\u2014 users understand what the platform offers before they&#8217;re asked to do anything<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Progressive commitment<\/strong>&nbsp;\u2014 data capture aligned to booking intent, not lead harvesting<\/p>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<h2 class=\"wp-block-heading\">Outcomes<\/h2>\n\n\n\n<blockquote class=\"wp-block-quote is-layout-flow wp-block-quote-is-layout-flow\">\n<p class=\"wp-block-paragraph\"><em>&#8220;How might we design a trustworthy, end-to-end car servicing experience that balances user clarity and confidence with operational and business constraints across multiple stakeholders?&#8221;<\/em><\/p>\n<\/blockquote>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>We did.<\/strong>&nbsp;The redesign delivered measurable results across both the user experience and the business:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>+36% increase in user engagement<\/strong>&nbsp;post-redesign \u2014 the primary platform health metric tracked by the bp product team<\/li>\n\n\n\n<li><strong>15+ experience quality metrics<\/strong>&nbsp;established and tracked post-launch, giving the product team a continuous feedback loop for iteration for the first time<\/li>\n\n\n\n<li><strong>Reduced drop-off<\/strong>&nbsp;at early funnel steps following the delayed data capture change \u2014 users who saw the workshop selection step showed significantly higher booking intent<\/li>\n\n\n\n<li><strong>Faster prototype-to-handoff cycles<\/strong>&nbsp;\u2014 by embedding AI-assisted design tools (Microsoft Copilot, Figma Make), I reduced iteration time by approximately 40% across the delivery team, enabling more research cycles within the same sprint cadence<\/li>\n\n\n\n<li><strong>Competitive analysis of 5<\/strong> <strong>enterprise service platforms<\/strong>&nbsp;informed the IA and workshop credibility framework \u2014 giving design decisions an evidence base beyond internal assumptions<\/li>\n<\/ul>\n\n\n\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-8f761849 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<h2 class=\"wp-block-heading has-text-align-center\" id=\"block-943cbb5a-772b-4573-b2bd-f508a2bc062c\">36%<\/h2>\n\n\n\n<p class=\"has-text-align-center wp-block-paragraph\" id=\"block-9099f44c-2424-45e3-90b1-6af4e9509823\">Engagement uplift<\/p>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<h2 class=\"wp-block-heading has-text-align-center\" id=\"block-e23c82b8-eb43-4f27-ad76-6d47d97d335c\">15+<\/h2>\n\n\n\n<p class=\"has-text-align-center wp-block-paragraph\" id=\"block-3e8cc114-faf5-4696-af6d-8f289cdebe19\">Metrics tracked<\/p>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<h2 class=\"wp-block-heading has-text-align-center\" id=\"block-11ffd8bc-86ce-4960-8b75-4f203fe8e793\">40%<\/h2>\n\n\n\n<p class=\"has-text-align-center wp-block-paragraph\" id=\"block-231e87b9-a44f-47b9-b06a-c9c696b1d287\">Faster iteration<\/p>\n<\/div>\n<\/div>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<h2 class=\"wp-block-heading\"><strong>Validation &amp; Iteration<\/strong><\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Post-redesign testing confirmed that usability improvements helped users move through the flow more smoothly \u2014 but did not fully resolve the deeper trust barriers around the product itself. Users were better able to follow the journey; many still evaluated Castrol Connect against authorised service centres, known mechanics, and existing habits.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">What testing confirmed most clearly:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Understanding improved<\/strong>&nbsp;\u2014 users could orient themselves more easily and articulate what the platform offered<\/li>\n\n\n\n<li><strong>Progression improved<\/strong>&nbsp;\u2014 reduced friction helped users continue further into the booking flow<\/li>\n\n\n\n<li><strong>Trust remained the deepest barrier<\/strong>&nbsp;\u2014 especially when users compared the platform against familiar offline alternatives<\/li>\n<\/ul>\n\n\n\n<p class=\"wp-block-paragraph\">This shifted iteration away from polishing screens and toward strengthening credibility signals, reducing uncertainty, and improving the broader product story \u2014 work that extended beyond the UX layer.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"640\" src=\"https:\/\/www.jogendradesigns.com\/wp-content\/uploads\/2026\/06\/Validation-1024x640.png\" alt=\"\" class=\"wp-image-559\" srcset=\"https:\/\/www.jogendradesigns.com\/wp-content\/uploads\/2026\/06\/Validation-1024x640.png 1024w, https:\/\/www.jogendradesigns.com\/wp-content\/uploads\/2026\/06\/Validation-300x188.png 300w, https:\/\/www.jogendradesigns.com\/wp-content\/uploads\/2026\/06\/Validation-768x480.png 768w, https:\/\/www.jogendradesigns.com\/wp-content\/uploads\/2026\/06\/Validation-1536x960.png 1536w, https:\/\/www.jogendradesigns.com\/wp-content\/uploads\/2026\/06\/Validation-973x608.png 973w, https:\/\/www.jogendradesigns.com\/wp-content\/uploads\/2026\/06\/Validation-508x318.png 508w, https:\/\/www.jogendradesigns.com\/wp-content\/uploads\/2026\/06\/Validation.png 1600w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<h2 class=\"wp-block-heading\"><strong>Reflection &amp; Strategic Learnings<\/strong><\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">The CastrolConnect project reframed how I think about design&#8217;s role in a complex product system.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">What I learned<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Trust is a system property, not a screen property.<\/strong>&nbsp;Even when usability improved significantly, users still hesitated if workshop credibility, product clarity, and business messaging were weak. Interface quality alone cannot substitute for a coherent product story.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Business constraints are design inputs, not obstacles.<\/strong>&nbsp;The decision to delay data capture against product&#8217;s preference for early lead capture was the highest-impact single change on this project and it required making the business case in business terms. Design influence grows when you speak the language of conversion, not just craft.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Instrumentation is part of the design.<\/strong>&nbsp;Setting up 15+ post-launch metrics wasn&#8217;t an engineering task I handed off, it was a design decision about what to measure and why. The ability to show quantified outcomes in the next stakeholder review changed how the team engaged with design recommendations.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>What I&#8217;d do differently:<\/strong>&nbsp;I would push earlier for a clearer product positioning strategy. Many of the UX problems, especially at the entry point were downstream effects of a weak product narrative. Getting alignment on &#8220;what is Castrol Connect for, exactly?&#8221; before designing the booking flow would have compressed the Phase 2 diagnosis considerably.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Designing a trustworthy car servicing platform for India Castrol Connect set out to bridge the gap between Castrol&#8217;s strong brand in automotive lubricants and its low visibility as&#8230;<\/p>\n","protected":false},"author":1,"featured_media":536,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_jetpack_memberships_contains_paid_content":false,"footnotes":""},"categories":[3,4],"tags":[],"class_list":["post-469","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-case-study","category-works"],"jetpack_featured_media_url":"https:\/\/www.jogendradesigns.com\/wp-content\/uploads\/2026\/06\/Hero-1.png","jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/www.jogendradesigns.com\/index.php?rest_route=\/wp\/v2\/posts\/469","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.jogendradesigns.com\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.jogendradesigns.com\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.jogendradesigns.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.jogendradesigns.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=469"}],"version-history":[{"count":46,"href":"https:\/\/www.jogendradesigns.com\/index.php?rest_route=\/wp\/v2\/posts\/469\/revisions"}],"predecessor-version":[{"id":573,"href":"https:\/\/www.jogendradesigns.com\/index.php?rest_route=\/wp\/v2\/posts\/469\/revisions\/573"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.jogendradesigns.com\/index.php?rest_route=\/wp\/v2\/media\/536"}],"wp:attachment":[{"href":"https:\/\/www.jogendradesigns.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=469"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.jogendradesigns.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=469"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.jogendradesigns.com\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=469"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}