CaféCharm Mobile App

High-fidelity mobile app prototype designed in Figma for discovering cozy, aesthetic cafés by mood and ambience.

CaféCharm mobile app prototype mockup

Project Overview

As part of my Portfolio Development class (Spring 2025), I designed CaféCharm, an app concept that helps users find cafés not just by location, but by mood, ambience, and unique features such as Wi-Fi, vegan options, or Instagrammable interiors.

The project emphasized user-centered design, pastel UI aesthetics, and mood-based exploration.

Tools & Skills Used

🎨
Figma
🏷️
Branding & Moodboard
👥
User-Centered Design
📱
Mobile UI/UX

My Role

  • Design: Designed the app from sketches through wireframes and mockups.
  • Visual Identity: Developed a pastel, clean visual identity for the UI.
  • User Experience: Focused on intuitive navigation and mood-based search.

Process

1. Research & Moodboard

Created moodboards of café atmospheres to understand the visual direction and user preferences.

2. Wireframes & Flow Mapping

Developed wireframes and mapped user journeys to ensure intuitive navigation and functionality.

3. High-Fidelity Prototypes

Built detailed prototypes in Figma with full visual design and interactive elements.

4. Refinement & Testing

Refined based on layout, accessibility, and storytelling to create the final prototype.

Gallery & Mockups

Reflection & Outcome

This project taught me how to merge visual storytelling with user needs, producing a clean and aesthetically consistent app prototype.