Digital Experience Design

Redesigning a cluttered, informational website into a structured, brand-led digital experience.

Conducted in Windson organics pvt ltd

Industry

Global Ingredient Export

Markets

India, Middle East, USA, Japan

Scope

UX/UI Design • Interaction Design • Design System • Experience Strategy

Industry

Global Ingredient Export

Markets

India, Middle East, USA, Japan

Scope

UX/UI Design • Interaction Design • Design System • Experience Strategy

After building brand strategy, identity, and physical experiences, the next step was:

After building brand strategy, identity, and physical experiences, the next step was:

Translating the brand into a cohesive digital experience

Translating the brand into a cohesive digital experience

Context:

  • Existing website was functional but outdated

  • No alignment with new brand identity

  • Poor usability and structure

Context:

  • Existing website was functional but outdated

  • No alignment with new brand identity

  • Poor usability and structure

The 'Challenge'

Redesign Windson’s digital experience to eliminate confusing navigation, establish a clear visual hierarchy, and create a consistent, modern UI system aligned with the brand.

Project 'Brief'

Design a user-centric, brand-aligned digital experience that improves usability, ensures consistency, reflects the new identity, and establishes a scalable UI system.

Strategic 'Process'

This transformation followed a structured brand and experience design framework.

Double Diamond Design Process

Double Diamond Design Process

Designing the right things

Designing the right things

Designing things right

Designing things right

Rip the brief

Rip the brief

Discover

Discover

Divergent Thinking

Divergent Thinking

Website audit

Website audit

UX evaluation

UX evaluation

Understand Research

Understand Research

Define

Define

Convergent Thinking

Convergent Thinking

Key usability issues

Key usability issues

User journey gaps

User journey gaps

How might we?

How might we?

Develop

Develop

Divergent Thinking

Divergent Thinking

Wireframes

Wireframes

UI explorations

UI explorations

Ideas

Ideas

Deliver

Deliver

Convergent Thinking

Convergent Thinking

Redesigned homepage

Redesigned homepage

Core screens

UI system

UI system

Designing the right things

Designing things right

Rip the brief

Discover

Divergent Thinking

Foundational Research

Secondary Research

Cluster topics

Primary Research

Understand Research

Define

Convergent Thinking

Research Insights

User Persona

Journey Mapping

Area of Opportunities

Opportunity Mapping

How might we?

Develop

Divergent Thinking

Impact Effort Analysis

How might we?

Ideations

Iterations

Ideas

Deliver

Convergent Thinking

Final Design

Implementation

Feedback

Designing the right things

Designing things right

Rip the brief

Discover

Divergent Thinking

Foundational Research

Secondary Research

Cluster topics

Primary Research

Understand Research

Define

Convergent Thinking

Research Insights

User Persona

Journey Mapping

Area of Opportunities

Opportunity Mapping

How might we?

Develop

Divergent Thinking

Impact Effort Analysis

How might we?

Ideations

Iterations

Ideas

Deliver

Convergent Thinking

Final Design

Implementation

Feedback

Designing the right things

Designing things right

Rip the brief

Discover

Divergent Thinking

Foundational Research

Secondary Research

Cluster topics

Primary Research

Understand Research

Define

Convergent Thinking

Research Insights

User Persona

Journey Mapping

Area of Opportunities

Opportunity Mapping

How might we?

Develop

Divergent Thinking

Impact Effort Analysis

How might we?

Ideations

Iterations

Ideas

Deliver

Convergent Thinking

Final Design

Implementation

Feedback

Website 'Audit'

Old Homepage Analysis

The old website functioned as a basic B2B catalogue, not as a guided experience.

Key Issues

Weak Hierarchy

No clear focal point Multiple competing sections

Navigation Issues

Unstructured menu No guided flow

Visual Inconsistency

Mixed typography Uneven spacing

Product Experience

Basic listings without storytelling

Interaction Gaps

No strong CTAs Static experience


Redesigned 'Experience'

New Homepage Design

The new homepage creates a clear, guided, and brand-aligned journey

Key UX 'Improvements'

Navigation & Flow

Simplified menu, Clear journey: Hero → Services → Story → Trust → CTA

Layout & Hierarchy

Grid-based structure Clear section separation Improved readability

Content Strategy

Focused messaging Reduced clutter Scannable sections

Brand Integration

Consistent green palette Nature-led imagery Clean typography

Conversion Optimization

Strong CTAs (Explore, Partner, Contact) Strategic placement across journey

UI Design 'System'

Built System:


Core 'Screens'

About / Brand story


Events


Contact / Inquiry


Careers


Key 'Impact'

Usability

Clear navigation and improved readability

Usability

Clear navigation and improved readability

Brand Perception

Shift from generic → premium & global

Brand Perception

Shift from generic → premium & global

Scalability

Reusable UI system for future growth

Scalability

Reusable UI system for future growth

Key 'Learnings'

UX Thinking

Design is about guiding users, not just visuals

Systems Thinking

Consistency comes from systems, not screens

Integration

Digital must reflect the full brand ecosystem

Next 'Steps'

Full website development

Mobile optimization

Performance improvements

"

This project transformed Windson’s digital presence from a static catalogue into a structured, experience-driven platform aligned with its brand vision.

Thanks for

scrolling.

Wanna work together?

Let’s connect

Create a free website with Framer, the website builder loved by startups, designers and agencies.