UX/Motion Designer, led UX design for application user flow and gamification motion design; contributed to logo and branding design.
The Challenge
How can we tackle food waste by bridging the gap between information distribution and raising awareness in an engaging and enjoyable way?
The Goal
Develop B2B and B2C platforms integrating gamification and AI-powered posting to streamline content creation while enhancing user engagement through data visualization.
Discover & Define 🔍
Market Research
More than 1 billion tons of food is wasted globally each year, and this number is expected to double by 2050 if the situation does not improve.
When we waste food, we also waste all the energy and resources used to produce it, such as water, land, and labor.
Complicated Posting: Time-consuming and difficult process. Delayed Tracking: No real-time order updates. Overwhelming Categories: Hard to match extra food with needs. Low Engagement: Lacks features to capture attention.
Opportunities
AI-powered tool as assistant, Game rewards
Ideation
Shopping system, Community, Small game, AI-powered posting and recommendation, Online education platform, Content management system, Post in batch.
Main Features 🧐
I identified AI and gamification as major opportunities, introducing AI-powered posting feature that scans single or multiple food items and auto-generates posts after capturing an image. Additionally, I integrated green energy rewards to boost engagement and raise awareness about reducing surplus food.
1. AI-Powered Posting
Point your camera and post in a snap, powered by AI.
2. Contribution, Gamified, Visualized
Showcase the environmental impact and fostering deeper engagement.
3. Post in Batch
Scanning multiple items and post in one at once.
4. Content Management System
Manage and track environmental impacts for businesses, fostering sustainability and improvement.
Hi-Fi Prototype 🥳
#1. EcoEat - App ( B2C )
Designed an application enabling users to post and order directly through EcoEat, track green energy rewards, and receive AI-driven recommendations. User flows include onboarding, log in / sign up, AI-powered posting, place order, orders & messages, and profile.
01. Onboarding
02. Log In / Sign Up
03. AI-powered Posting
04. Place Order
05. Orders & Messages
06. Profile
#2. EcoEat - Tablet ( B2B )
Designed a dashboard for corporations and businesses to post, order, track, and manage data seamlessly through EcoEat. The platform enables them to earn green energy rewards and receive AI-driven recommendations. Key user flows include the dashboard, AI-powered posting, and marketplace.
01. Dashboard
02. AI-powered Posting
03. Marketplace
Logo Design 🤩
01. Brainstorm
Brainstorm for logo design: playful and gamified, circular and sustainable , energy and minimalist.
02. Final Design
Designed with a bright red in EcoEat’s logo to capture users’ attention, featuring a bite mark symbolizing energy conservation and sustainability. The bold font and playful cartoon style reinforce the gamified experience while maintaining brand consistency.
