2019 • UI/UX CASE STUDY

Spice Devi is Herbs & spices retailer and holeseller

UI/UX Design Web Design E-Commerce

Spice Devi is an order-based website for spices and food ingredients, designed to highlight categories, showcase products, and simplify the ordering process. The layout emphasizes ingredients, popular products, customer reviews, and an easy contact section to ensure a smooth user experience.

View Live Project

Project Overview

Spice Devi is a specialized e-commerce platform for herbs, spices, and food ingredients, serving both retail customers and wholesale buyers. The website focuses on creating an organized, intuitive shopping experience that makes it easy to browse categories, discover products, and place orders efficiently.

Design Process

UX Research Approach:

The client provided three competitor websites for reference, and I analyzed their design and content from a UX perspective. Based on this research, I created a wireframe that matched the client's expectations, and after approval, I translated it into a visual layout design for the final solution.

  1. Competitive Analysis: Analyzed three competitor websites to understand industry standards and best practices
  2. UX Evaluation: Examined design patterns, content structure, and user flows from competitors
  3. Wireframing: Created wireframes based on research insights and client requirements
  4. Client Review: Presented wireframes for feedback and approval
  5. Visual Design: Developed high-fidelity designs with brand-appropriate aesthetics

Competitive Analysis Insights

Key Findings from Competitor Research:

  • Navigation Patterns: Identified effective category structures and menu organizations
  • Product Display: Analyzed how competitors showcase spices and ingredients
  • Trust Elements: Noted the importance of reviews, certifications, and quality indicators
  • Order Flow: Studied checkout processes to identify friction points
  • Content Strategy: Examined how competitors present product information and benefits

Project Deliverables

Competitive Analysis - UX evaluation of competitors
Wireframes - Research-based Low-fidelity layouts
Visual Design - High-fidelity mockups and UI design
Responsive Design - Mobile and desktop layouts
Web Development - Responsive HTML/CSS implementation

Design Approach

  • Research-Driven: Design decisions based on competitive analysis and UX best practices
  • Client-Centric: Wireframes aligned with client expectations and business goals
  • User-Focused: Layout emphasizes easy navigation and product discovery
  • Content Priority: Strategic placement of categories, products, and reviews
  • Conversion-Oriented: Streamlined path from browsing to ordering

Research-Based Design Showcase

From competitive analysis and wireframes to polished visual designs, this project demonstrates a UX-driven approach to e-commerce design for the spice and herbs industry.

Wireframe

Spice Devi Wireframe

Visual Design

Spice Devi Visual Design