Back

Flavor Trail

Extending Food Sharing Beyond Restaurants — A Community-Driven Platform

While most food sharing platforms focus on restaurants and businesses, FlavorTrail addresses the often-overlooked waste from individual meals, office lunches, and event catering. The platform enables peer-to-peer food sharing with an engaging, vibrant interface that makes surplus sharing feel like a social marketplace experience.

My contribution spanned from UX planning — including user stories, wireframes, and flow optimization — to frontend implementation with focus on interactive animations and responsive design.

Project Overview

Community food sharing platform where individuals and businesses can share surplus food, featuring post management, location-based search, and social interactions.

My Role

UX & Frontend Developer

Design Phase

  • Developed user stories for 3 user types:
    • General user
    • Donor
    • Recipient
  • Created User Story, Sitemap, and Flowchart to optimize key journeys:
    • Navigation and discovery
    • Community interactions
    • Personal account management
  • Produced wireframes validating user experience

Frontend Development

Technical Implementation

  • Responsive integration of main pages
  • Interactive component development
  • Animation and transition implementation

Tech Stack

  • HTML5/SCSS, JavaScript

Technical Highlights

  • Clean design adapted to MVP technical constraints
  • Smooth animations enhancing user experience
    • Modal transitions
    • Hover effects
    • Button interactionss
  • Mobile-first responsive interface prioritizing accessibility

Challenges & Technical Decisions

  • Performance optimization with GSAP animations
  • Modular structure facilitating future React development

Demo GitHub

This project was later rebuilt with React framework for better scalability and user experience.

→ See Part 2: React Development

Previous
Next

Discover more works

Designing experiences

Coding solutions

Visualizing insights

leslie.hj.xu.design@gmail.com
Let's create delightful solutions together
});