Skip to main content

Ashray Portfolio

SpiciApp is your smart cooking companion — bookmark dishes, extract favorite recipes, create your own, and chat with Spici AI for instant culinary help.

“Discover, Save, Create, and Cook — Smarter with Spici AI.”

spici-app-icon

View Prototype?

Click the “View Prototype” button to experience the product

Project Overview

Project name

SpiciApp

Platform

Mobile Application (iOS & Android)

Client

Confidential Company

Role

End-to-end UX Designer (3 months)

Responsibilities

Client communication, UX research, wireframes, design system, mockups,
prototyping, usability testing, and handoff to developers.

Problem Statement

Urban food lovers are overwhelmed with scattered recipe inspirations, complex cooking steps, and unclear nutritional data. Existing apps lack personalization, real-time cooking support, and health-focused details like allergy info and gluten content.

Target Users

  • Urban individuals aged 20–35
  • Frequently cook at home
  • Interested in healthy, quick, and easy-to-follow recipes
  • Want to save favorites, know nutritional values, and see allergy/gluten info

UX Process

spici-app-ux-process

Discover

  • Client discussions
  • Heuristic analysis of existing recipe apps
  • Identified gaps in personalization, health insights, and cooking flow

Define

  • Problem statements
  • Created primary user personal
  • Prioritized core needs: recipe saving, personalized explore, nutrition info

Develop

  • Wireframes
  • Low and high-fidelity prototypes
  • Modular design system

Deliver

  • Usability testing
  • Final refinements
  • Handoff for development

Splash Screen Animation

splash-screen-animation1
splash-screen-animation2

UX Strategy & Key Decisions

Key UX Decisions

 

Cook Mode : Full-screen swipeable step-by-step guide

Smart Save : Organize saved recipes into folders

Quick Nutrition Card : Visual nutrient bar with allergens marked

Personal Explore : Food inspiration based on dietary preference & region

Key UX Decisions

 

Consistency : Clean 8pt grid system, modular components

Feedback : State changes for saved recipes, cooking progress bar

Accessibility : High color contrast, large tap areas, alt text, voice guidance in cooking mode

ux-strategy-img

Results & Impact

 

Cook Mode : Full-screen swipeable step-by-step guide

Smart Save : Organize saved recipes into folders

Quick Nutrition Card : Visual nutrient bar with allergens marked

Personal Explore : Food inspiration based on dietary preference & region

Key UX Decisions

 

Consistency : Clean 8pt grid system, modular components

Feedback : State changes for saved recipes, cooking progress bar

Accessibility : High color contrast, large tap areas, alt text, voice guidance in cooking mode

ux-strategy-img
spici-app-icon

View Prototype?

Click the “View Prototype” button to experience the product