Client:

Client favorite

Scope:

XD, Ilustrator, Photoshop

Year:

2020

Goal

Goal

Goal

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.

Challenge

Challenge

Challenge

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.

Target Audience

Target Audience

Target Audience

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.

Data Analysis

Data Analysis

Data Analysis

Project timeline

Project timeline

Project timeline

How we started

How we started

How we started

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

Redesign

Redesign

Redesign

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.

Outcome

Outcome

Outcome

Our deliverables
  1. Research documentation.

  2. Prototypes we used for testing.

  3. Final, annotated screen-flows for desktop and mobile.

  4. UI Kit with foundational elements, components and guidelines to maintain a unified website.