Primary
170201
Secondary
72884B
Accent
Linear
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam
Consectetur adipiscing elit
Poppins
Coffee made Warm
Maw yon
Mood Board For MawYon
What I Learned from This Project
1.Design Fundamentals:
.Improved my ability to create clean and visually appealing layouts.
.Practiced designing for both desktop and mobile devices.
2.Problem-Solving:
.Learned how to identify and fix issues in the user journey.
.Gained experience in thinking from the user's perspective..
3.Feedback and Improvement:
.Realized the importance of getting feedback to make my designs better.
.Learned how small changes can make a big difference in user experience.
4.Time Management:
.Learned to prioritize tasks effectively under a tight timeline.
.Developed a workflow that streamlined my design process.
Maw Yon Cafe Website
Problem Statement
MawYon Café currently lacks an online presence, which hinders its ability to showcase its unique offerings and atmosphere to potential customers. In an increasingly digital age, this absence limits its reach and ability to attract new customers who rely on online platforms to discover local businesses.
Reservation Page Overview
The reservation page is designed for ease and convenience, allowing customers to quickly book a table at Mawyon Café. With a simple and intuitive layout, users can select their preferred date, time, and party size. The streamlined design ensures a hassle-free booking process, making it easy for customers to secure their spot and enjoy a cozy meal or event at the café.
Prototype Link
https://www.figma.com/proto/70QjqkW4dJkcojKeUsRRWD/Maw-Yone-Cafe?page-id=10%3A63&node-id=10-64&node-type=canvas&viewport=362%2C208%2C0.09&t=00jnKGGGCGrkCmkB-1&scaling=min-zoom&content-scaling=fixed&starting-point-node-id=10%3A64
Thank You
For Watching
Your feedbacks are highly appreciate.
Project Overview
Redesigned a local café’s website to enhance user experience, aesthetics, and functionality. The goal was to create a modern, responsive design that aligns with the café's brand while making it easier for customers to navigate the menu, make reservations, and learn about upcoming events.
Menu Page Overview
The menu page offers a diverse selection of dishes, showcasing the café’s commitment to quality and flavor. The layout is simple, allowing visitors to easily browse through the categories of drinks and foods. Each dish is accompanied by a clear image, description, and price, making it easy for customers to explore their options and decide what to enjoy. Whether it’s a hearty meal or a quick snack, the menu caters to a variety of tastes and preferences.
PROJECT TYPE
Cafes website
ROLE
UI&UX Designer
Mawyon Café – Taste the Tradition, Enjoy the Moment
Welcome to Mawyon Café, your cozy spot in the heart of Myanmar. We offer a blend of traditional flavors and modern comfort, serving delicious coffee, fresh meals, and warm smiles. Whether you're here for a quick break or a relaxed gathering, Mawyon Café is the perfect place to unwind and enjoy every moment.
Yangon
Marketing Manager
28 years old
Age
Name
Location
Job
Sarah Tun
Frustrations
Gets frustrated with unresponsive websites on mobile devices.
Dislikes complex or lengthy reservation processes.
Personality Traits
Outgoing
Curious
Tech-Savvy
Organized
User Persona
Sarah works at a busy marketing firm and loves taking coffee breaks to recharge. she enjoys trying new cafes around Yangon, especially places with a relaxing atmosphere where she can work remotely or meet friends.
Goals and Motivations
Background
Book a table for work meetings or social gatherings with minimal hassle.
Wants a comfortable, quiet space to work or hang out with friends.
Color Palette
#556B2F
#170201
#FFFFFF
Maw Yon Coffee
Price - 8500MMk
Maw Yon Coffee
Price - 8500MMk
Typography
Aa1
Typeface
Primary Color: #FFFFFF (White) - Used for main text and primary buttons.
Accent Color: #556B2F (Dark Green) - Used for highlights, active states, and important icons.
Background Color: ##170201(Red Dark) - Used for backgrounds and container elements.
Poppins
ashjk kakh dkhf ajklfhl aklfh ajfkl
1 2 3 3 5 4 7
Regular
Medium
Semi Bold
Bold
12 . 14
14 .16
16 . 20 . 24. 32 . 54
16 . 24
Iconography
Style: Minimalist and line-based icons
Source: Figma Community Icon Library (recommend using Material Icons for consistency)
Style Guide
home
Home
Home
Drinks
MawYon
Menu Button
Menu Button
Home
Menu
Reservation
MawYon
Irish Grover
Logo
Typeface
Home Page Overview
The homepage of Mawyon Café reflects the cozy and inviting atmosphere of the café, using warm tones and vibrant imagery to welcome visitors. The hero section prominently displays the café’s slogan, "Coffee made Warm for you," immediately establishing the ambiance. Below, visitors can explore the café’s menu highlights, upcoming events, and essential contact details. The layout is clean and user-friendly, ensuring quick navigation and a pleasant browsing experience for customers.
Define the Problem Statement for MawYon Café
Answer These Questions
For the problem statement, state the key issue that the problem is impacting the user.
It would also be beneficial to mention briefly:
What is the main challenge for MawYon Café?
Is it the lack of an online presence?
Do they need a way to showcase their offerings, such as their unique menu or ambiance, to attract more customers?
Are they struggling to reach local customers who rely on digital platforms?
Who is affected by this problem?
Is it primarily local customers looking for a new café experience?
Are there potential customers who want to browse the menu, check operating hours, or find the location online?
Why does solving this matter?
Would a website make it easier for customers to find important information, view the menu, or contact the café?
Could a digital presence attract new customers, build brand loyalty, and make the café more competitive?
Goals for the MawYon Café Website
Improve Discoverability and Access
“Make it easier for potential customers to find MawYon Café online and locate essential information (menu, hours, location).”
Showcase the Café’s Unique Experience
“Highlight the café’s unique ambiance, menu offerings, and atmosphere to attract customers who value a distinctive café experience.”
Encourage Customer Engagement
“Provide easy ways for users to contact the café, book tables (if applicable), or share feedback.”
Success Metric:
“Increase in website visits and user engagement.”
Success Metric:
“Positive feedback from users, or growth in first-time visitor foot traffic.”
Build Brand Loyalty and Drive Repeat Visits
“Create a memorable digital experience that encourages users to return to the café.”
MawYon Café Website
MawYon Cafe’s
Where every cup tells a story, and every moment feels like home.
