Client:
Client favorite
Scope:
XD, Ilustrator, Photoshop
Year:
2020
To analysed what is to be done to create website and to enhance user experience. We need to enhance the capabilities of their current E-commerce system. Need to optimized their consumer-side order placement and tracking processes on their Web panels.
To analysed what is to be done to create website and to enhance user experience. We need to enhance the capabilities of their current E-commerce system. Need to optimized their consumer-side order placement and tracking processes on their Web panels.
For a renowned brand like Bisleri managing multiple website and nationwide logistics was a big challenge. Their current E-Commerce system was managed offline and there was no visibility of the status of orders and delivery TATS. This was resulting in a huge drop from their website.
The Common people, Retailers/Distributors, and Bisleri Staff.
Common people: Can purchase Water bottle, soft drinks, accessories, etc.
Retailers/Distributors: Can placed bulk order for Party, functions, events, etc. with easy tracking and quick
Delivery Bisleri Staff: Can manage online orders, Customer support, etc.
Workshops we facilitated
Within the 2 weeks of the discovery, the goal was to understand the business requirements, the current state of the Website, and the experience as it was.
To understand the business requirements
We arranged a project kick-off meeting to better understand the client's perspective.
We Analyzed the new Brandbook to see what the branding change covers.
To understand the current state of the e-commerce
We conducted a comprehensive competitor analysis, which not only helped us identify the competitors but also served as a source of inspiration.
Competitors
1.Himalayan | 2.Fiji Water | 3.Arrowhead | 4.Icelandic Glacial | 5.Volvic
To understand the “AS IS” experience
We crafted an assumptive user journey for an assumptive user persona to demonstrate the high-level steps that a customer currently might go through.
We tested the website with real (potential) users, and collected their feedback and reactions.
The tests helped us understand not only the strengths and weaknesses of the design but also the first impressions that people formed about it.
Brainstorming
Our step-by-step process
Steps towards the new structure and overall experience:
We crafted a journey map to demonstrate the high-level steps that the customers might go through in the future.
We revamped the Information Architecture (IA) by organizing and structuring the content in a way that supports usability and findability.
We defined the flows that a user would ideally go through on the redesigned website.
Steps towards the new look and feel
We created several visual collages (moodboards) featuring elements that illustrate potential directions for the brand’s new identity.
We chose a clean and friendly design. We also set the style for the images.To get the best possible outcome.
Additionally, we held regular check-ins with the developers and SEO expert, while continuously gathering input from the stakeholders.
Our deliverables
Research documentation.
Prototypes we used for testing.
Final, annotated screen-flows for desktop and mobile.
UI Kit with foundational elements, components and guidelines to maintain a unified website.