Usability Study
Study Type
Unmoderated usability study
Location
United States, Remote
Participants
5 Participants
Length
20 to 30 min
Kekeās Breakfast Cafe
Landing page design and reusable component system for Kekeās Fall 2025 seasonal menu, with AIāassisted iconography and faster speedātoāmarket.
Kekeās Breakfast Cafe Fall 2025 Seasonal Menu ā UX Landing Page & Design System
Research
Interviews
Empathy Maps
User Personas
Competitive Analysis
Accessibility Compliance Ā
Empathy Maps
User Personas
Competitive Analysis
Accessibility Compliance Ā
.svg)
Ideation & Lo-fi Design
User Flows
Information Architecture
Paper Wireframes & Testing
Information Architecture
Paper Wireframes & Testing
Hi-fi Design
Visual Design
Interaction Design
Motion Design
Interaction Design
Motion Design
Evaluation & Iteration
Figma Prototype
Collaboration Boards
Testing
Last UI ChangesĀ
Collaboration Boards
Testing
Last UI ChangesĀ
Documentation
Bussiness Challenge
Goals & Objectives
Pain Points
Information architecture
Design System
Key Findings About Users and Their Needs
Above-the-fold clarity increased perceived relevance; users preferred a single, prominent CTA.
User Personas
Created personas representing returning and new users
User Journey Maps
Mapped the user journey to identify pain points and opportunities for reducing friction
Final Solution
A seasonal landing page with a high-impact hero and modular sections, powered by a reusable design system. Custom AI-assisted icons and imagery align with brand while reducing production time.
Results & Impact
Metrics and KPIs
ā¢ CTR to menu items
ā¢ Clicks to Order
ā¢ Production efficiency
ā¢ Performance guardrails: LCP ā¤ 2.5s; CLS ā¤ 0.1; INP < 200 ms.
ā¢ Clicks to Order
ā¢ Production efficiency
ā¢ Performance guardrails: LCP ā¤ 2.5s; CLS ā¤ 0.1; INP < 200 ms.
User Feedback
- Aboveātheāfold clarity increased perceived relevance; users preferred a single, prominent CTA.
ā
- Minimal iconography improved quick scanning versus dense icon sets.
ā
-Adopt single primary CTA; simplify copy; refine icon set for legibility on mobile.
ā
- Minimal iconography improved quick scanning versus dense icon sets.
ā
-Adopt single primary CTA; simplify copy; refine icon set for legibility on mobile.
Business Outcomes
ā¢ CTR to menu items:+18%.
ā¢ Clicks to Order: -23%.
ā
ā¢ Production efficiency: Reduce creative turnaround time by ā„30% vs. prior season.
ā
ā¢ Clicks to Order: -23%.
ā
ā¢ Production efficiency: Reduce creative turnaround time by ā„30% vs. prior season.
ā
Lessons Learned
Clear above-the-fold value prop and single CTA reduce indecision.
Modular design accelerates seasonal refreshes without sacrificing quality.
AI can speed ideation; human refinement ensures brand fidelity.
Conclusion
Project Achievements
Successfully created performant landing page, created scalable design system in Figma. Used generative AI to create custom icons and UI elements
Portfolio
SisterLove - Mobile Health Services App prototype on Figma
A discreet and user-friendly platform for accessing HIV, STI, and reproductive health services.
