top of page

PROJECT OVERVIEW

EJ Gallo Winery is the largest family owned winery in the world, located in California with over 100+ unique wine in their portfolio. They are also acclaimed producer of award-winning wines and spirits featured in more than 110 countries around the globe.

COMPANY

E&J Gallo Winery, Napa Valley, CA

​

​My Role: Product Strategy, Membership User flow, Design System, Brand Guideline, Hi fidelity designs

CHALLENGE

Build design strategy to re-platform and redesign its multitude of brands via SFCC (Salesforce Commerce Cloud) to drive users towards membership sign-ups.

​

​

Problem Area

  • Multiple 'D2C' brands in a single portfolio > Less traffic for most of the brands

  • Dev heavy timeline to incorporate so many brands within a year

  • Design constrain leveraging Salesforce CommerceCloud

Untitled-1.png

Design Process

Europe-forecasts-historically-low-wine-h

Research

Gathering knowledge on e-commerce features & conducting market analysis 

Wine-Crush-Grapes-1200x627_edited.jpg

Design Audit

Analysis design elements to keep consistent branding 

71xxGUDOwCL_edited.jpg

UI Concepts

Implementing the designs to hi fidelity mockups

Research and Competitive Analysis

Understanding the  categories & features that need to be incorporated under each type of e-commerce model.
Conducting an analysis on their competitors,  Identifying their strength, weaknesses and opportunities that can be incorporated in our current application.

Screen Shot 2024-04-17 at 2.18.18 PM.png
Desktop HD Copy_2x.jpg
Screen Shot 2024-04-17 at 1.42.26 PM.png
Screen Shot 2024-04-17 at 1.51.46 PM.png
Screen Shot 2024-04-17 at 1.45.09 PM.png

UX- Headless Architecture

Having the front-end decoupled from the back-end commerce functionalities meant the brands could be on-boardedmuch faster. It provided the brands the opportunity to personalize purchase journeys and customise their store fronts. â€‹This approach helped in created a flexible and scalable design system.

Untitled (7).jpg

Omni-Commerce

Commerce

Non Commerce

UI- Design System

Design tokens essentially correspond to values of information required to create and maintain a design system.

A design system keeps usability at the centre and reduces time and effort for designers and developers to create new solutions.

​

I worked to identify the tokens for color, typography, border etc that has its individual brand story but could also be scaled for multiple brands. The palette was broken down into brand colors, grey palette and denotative palette. Similarly, typography was divided primarily into headlines, subheads and body tokens. The respective brand colors and fonts were then aligned with the brand concepts to create final mockups.

Screen Shot 2024-02-05 at 6.25.46 PM.png
16_2x.jpg
16 copy_2x.jpg

Design Specifications

I created a playbook to define the rules of components and modals
that will help faster customization of multiple brands.

Screen Shot 2024-02-05 at 5.52.16 PM.png

After defining the components and brand language, I customised the component library for each brand
keeping in mind the rulesets for design specifications.

35 copy_2x.jpg

High Fidelity Design

Omni-Commerce

Brand Color:

Keywords:

Luxury, Premium

Commerce

Brand Color:

Keywords:

Light, Refreshing, Brunch Wine

Non Commerce

Brand Color:

Keywords:

Earthy, Woody

24_2x.jpg
me.png
1576.png

High Fidelity Responsive Designs

PDP

Designed a refined Product Detail Page (PDP) with a clean layout, featuring high-quality product imagery, a compelling description, a quantity picker, badges for offers, and intuitive breadcrumbs for easy navigation.

PLP

A sleek Product Listing Page (PLP) with intuitive filters for seamless product discovery. Incorporated a clean grid layout, high-quality visuals, and smart filtering options to enhance browsing efficiency and user engagement.

PDP_2x.jpg
ss.jpg

Checkout Flow

Screen Shot 2024-02-06 at 2.28.19 PM.png
Screen Shot 2024-02-06 at 2.22.35 PM.png

Subscription Flow

Membership programs can foster a sense of loyalty among customers,

encouraging them to return to the platform for future purchases.​

​

  • Selected membership tier

  • Choose the type of wine

  • Sign up

659d98770b357fb7291e62b6_Screenshot 2024-01-09 at 11.02.53 AM.png
weee.png

Responsive Design

Project Learnings

1. Collaboration is the key

This project required equal efforts from design and dev team at the same time. I enjoyed the process where both team happen to help each other, understand each other limitations and process and together be able to deliver 34 website launch in 1 year.

2. Structure is Important

I have gained confidence in exploring new methods and strategies without self judgement to be able to create a solution that ease the process to any given objective by the stakeholders.

Key Metrics

2000+
Wine subscriptions have been signed up on this new platform,
since the launch in 2021.

LET'S CONNECT

Feel free to reach out for collaborations or just a friendly hello! :)

bottom of page