Brief

The core idea was to create a mobile app that seamlessly reflected Bisleri's brand identity of purity, refreshment, and naturality. To establish a design that not only portrayed the brand's identity but also provided a seamless and enjoyable user experience.

Responsibilities

With finalized wireframes in hand, I began the visual design phase for both Retail and distributor app. Our design focus was on creating minimalistic and visually appealing interfaces aligned with the brand identity and user preferences, prioritizing clarity and avoiding clutter.

1. Our primary focus on UI design decisions : Layout, Typography, Colour Palette, Visual Elements
2. Interaction Design : Micro Interactions, Transitions
3. Prototyping
4. Usability Testing

Grid Layout

We solved the challenge of designing interfaces to be organized, balanced, and user-friendly. By using column grids, we guarantee seamless navigation, clear information hierarchy, improved readability, and aesthetically pleasing design, improving user engagement.

Registration Process

The steps after signing up are only shown once during user registration. This makes the frequently navigated routes after login straightforward and simple, aligning with our goals.

Iteration

From the user feedback, we swapped the positioning of icons to significantly improve the registration process. We utilized heuristic evaluation, a systematic approach, to assess and enhance product usability early in development.

Redesigned UI (Post user testing) : Simplifying the registration process by allowing users to sign-up using social media account or phone number can provide a more stream-lined and convenient user experience

Users can easily access to OTP number in order to complete the registration process

Bottom Navigation

There are 5 destinations readily accessible through the bottom navigation bar. Bottom navigation bars typically feature icons paired with text labels to help users quickly and easily identify the different destinations available.

Prototypes

Integrating filter functionalities significantly assist users in efficiently providing a quick and precise search to scroll through a Bisleri’s diverse product list, solving the pain point of information overload and leading to faster discoveries, increased user satisfaction. Effortless quantity adjustment and a prominent "Add” to cart button creates a user-friendly shopping experience.

Product Detail

Our goal was to provide users with a comprehensive understanding of Bisleri’s product and service. It helps customers find everything they need to know about the offerings - Product Description, Delivery Instruction, FAQs, Review & ratings.

Checkout Process

The 3 steps checkout presents distinct pages for customer information, shipping preferences, and payment methods.

My Account

We transformed the "My Account" feature into a centralized hub, providing one-stop access to all account needs. Logged-in users can now seamlessly manage addresses, Orders, Subscriptions, Referrals, Wishlist, and seek help directly from the dashboard. Included eco-friendly options like jar return and pickup, appeals to users who care about the environment.