Design Showcase
Back to Portfolio
Overview Process Impact
Website Redesign • UX/UI Design

Eureka Forbes
Website Revamp

Transforming India's leading home wellness brand with a completely revamped digital experience featuring intelligent help assistance

45%
Increase in Conversions
60%
Reduction in Support Calls
3.2M+
Monthly Active Users
Role
Lead UX Designer
Duration
2 Years (2015)
Team
1 Designer, 2 Developers
Platform
Responsive Web

Project Overview

Eureka Forbes, a 40-year-old household name in water purification and home wellness solutions across India, needed to modernize their digital presence to meet evolving customer expectations. The existing website was outdated, difficult to navigate, and failed to provide the personalized assistance customers needed when researching products and services.

The Challenge

Complex Product Portfolio

Over 50+ products across water purifiers, vacuum cleaners, air purifiers, and security solutions made product discovery overwhelming for customers

High Support Volume

Customer service received 15,000+ monthly inquiries about product selection, installation, and service bookings, overwhelming support teams

Poor User Experience

Navigation was confusing, product information was scattered, and the booking process for services was cumbersome, leading to 68% cart abandonment

Mobile Experience Gap

With 65% of traffic from mobile devices, the non-responsive design created friction and lost conversions on smartphones and tablets

Unique Feature:
"How Can I Help You?"

An intelligent, context-aware assistance system that guides users to the right solution

  • Contextual Intelligence: Adapts based on user's location on the site, browsing history, and previous interactions
  • Quick Actions: One-click access to book service, track orders, find nearest stores, or compare products
  • Product Finder: Smart recommendation engine that asks 3-4 questions to suggest the perfect product
  • Always Accessible: Floating button available on every page, never intrusive but always helpful

👋 How can I help you?

Find the right water purifier
Book a service appointment
Find nearest service center
Track my order

Design Process

1

Research & Discovery

Conducted extensive research with 45 customers across 6 major cities, analyzing their journey from awareness to purchase. We interviewed customer service representatives to understand common pain points and reviewed analytics data from the existing website.

Key Finding: 73% of users struggled to identify which water purifier suited their water quality and family size, leading to abandoned sessions.

User Interviews

45 participants across Delhi, Mumbai, Bangalore, Chennai, Kolkata, and Hyderabad

Customer Service Analysis

Reviewed 500+ support tickets to identify common questions and pain points

Analytics Deep Dive

Analyzed 6 months of website data revealing drop-off points and user behavior

2

Information Architecture

Reorganized the entire site structure based on customer mental models. Created intuitive product categories, simplified navigation, and established clear pathways for key user tasks like product comparison and service booking.

Key Improvement: Reduced navigation depth from 5 levels to 3 levels, making any product accessible in 2 clicks.

Card Sorting Sessions

25 participants helped reorganize 80+ pages into logical categories

Navigation Redesign

Consolidated 12 menu items into 6 clear categories with mega menus

Search Optimization

Implemented smart search with filters, autocomplete, and popular queries

3

Wireframing & Prototyping

Created low-fidelity wireframes for all key pages and user flows, then developed interactive prototypes to test with users. Special attention was given to the "How can I help you?" widget and its various contextual states.

Key Innovation: The help widget showed different options based on page context - product pages showed comparison tools, while service pages highlighted booking options.

Wireframe Iterations

Created 3 rounds of wireframes with progressive refinement based on feedback

Interactive Prototypes

Built clickable prototypes in Figma for 8 key user journeys

Usability Testing

Tested prototypes with 20 users, achieving 92% task completion rate

4

Visual Design & Development

Created a modern, clean visual design system that maintained Eureka Forbes' brand identity while feeling fresh and contemporary. Worked closely with developers to ensure pixel-perfect implementation and smooth interactions.

Design System: Built a comprehensive component library with 150+ reusable components for consistent experience across all pages.

Component Library

150+ components including buttons, cards, forms, and navigation patterns

Responsive Design

Designed for 5 breakpoints ensuring perfect experience on any device

Developer Handoff

Detailed specs, animations, and interaction guidelines for development team

Website Information Architecture

Complete restructuring of Eureka Forbes' digital ecosystem - reducing navigation complexity from 5 levels to 3 levels

Level 0 - Entry Point
Eureka Forbes Home
Level 1 - Main Navigation
Products
Browse Categories
Services
Book & Track
Support
Help Center
About Us
Company Info
Store Locator
Find Nearest
Level 2 - Product Categories
Water Purifiers
RO, UV, Gravity
Vacuum Cleaners
Wet & Dry
Air Purifiers
HEPA Filter
Home Security
CCTV Systems
Accessories
Filters & Parts
Level 3 - Product Detail Pages
Overview
Features
Specifications
Compare
Buy Now
Level 0
Home
Level 1
Main Nav
Level 2
Categories
Level 3
Detail Pages
5 → 3
Navigation Depth Reduced
2 clicks
Max to Any Product
12 → 6
Menu Items Simplified

Wireframes & Designs

From low-fidelity concepts to polished high-fidelity designs - see the evolution of key screens and user flows

Low-Fidelity Wireframes
Initial wireframes for key pages including home, product listings, product detail, service booking, help widget, and product comparison. Focus on structure and user flow.
High-Fidelity UI Designs
Polished, production-ready designs with complete visual styling, brand colors, typography, and interactive elements. Including the signature "How can I help you?" widget.

Design Highlights

Brand Consistency
Maintained Eureka Forbes' trusted brand identity while modernizing the visual language
Mobile-First Design
Responsive layouts optimized for 65% mobile traffic with touch-friendly interactions
Accessibility Focus
WCAG 2.1 AA compliant with clear contrast, readable fonts, and keyboard navigation

Key Features

Smart Product Finder

Interactive quiz that asks about water quality, family size, and usage patterns to recommend the perfect water purifier in under 2 minutes.

Instant Service Booking

Streamlined 3-step booking flow for installation, maintenance, and repair services with real-time slot availability and instant confirmation.

Product Comparison

Side-by-side comparison tool with clear feature breakdowns, helping customers make informed decisions between similar products.

Store Locator

Map-based interface showing nearby stores, experience centers, and service points with directions, hours, and contact information.

EMI Calculator

Built-in financing calculator showing monthly payment options with different tenure and down payment combinations.

Order Tracking

Real-time order status with delivery tracking, installation scheduling, and proactive notifications via SMS and email.

Measurable Impact

45%
Conversion Rate Increase
60%
Support Calls Reduction
35%
Faster Task Completion
4.6/5
User Satisfaction Score

"The new website has completely transformed how customers interact with our brand. The 'How can I help you?' feature alone has reduced our support burden significantly while improving customer satisfaction. It's exactly what we needed."

Marzin R. Shroff
Managing Director & CEO, Eureka Forbes

Key Learnings

Context is King

The success of the "How can I help you?" widget proved that context-aware assistance is far more valuable than generic help. By showing relevant options based on where users are and what they're trying to do, we made help feel truly helpful.

Simplification Over Innovation

While we introduced new features, the biggest wins came from simplifying existing processes. Reducing the service booking from 7 steps to 3, and making product comparison effortless had more impact than any flashy new feature.

Mobile-First Mindset

With 65% mobile traffic, designing mobile-first wasn't optional. The constraints of mobile screens forced us to prioritize ruthlessly, which improved the desktop experience too. Every element had to earn its place.

Want to see more projects?

Explore my other case studies showcasing user-centered design solutions across various industries.