15% off your Nami!
thats almost 15$ off the 100g tin!

seen from Malaysia

seen from Dominican Republic
seen from United States
seen from Vietnam
seen from United States

seen from Canada
seen from Canada
seen from Canada
seen from China
seen from China
seen from Pakistan

seen from United States

seen from Malaysia
seen from Canada
seen from China

seen from United States
seen from Paraguay

seen from Norway
seen from United States
seen from United States
15% off your Nami!
thats almost 15$ off the 100g tin!
WEEK08 HW #7 - Nami Matcha (Extended)
Before:
After:
⭐ View prototype!
Think about the homework you did last week. Either make a new version building on what you learned last time, or pick a new app/website/program. Use Figma in the same way — Give yourself a directive: I am going to make this app/site/*** funny/silly/angry/usable/terrifying/legible/incomprehensible/……….. Then, think about what qualities you can use to create a version that embodies that adjective. Your changes might be subtle or loud – try out a few things before you settle on your final direction. If you don’t know what to do, talk to me.
About Us:
Directive: I am going to make this page less empty and more personal.
My changes:
Introduced more colors to brighten up the page!
Incorporated more photos that are not already in use on the site.
Added the reoccurring arch in home and product display page for a more welcoming feel.
Product display & info (Yame):
Directive: I am going to make this page emphasize the flavor and customer experience of Nami's Yame Matcha.
My changes:
Push matcha description up, making it the first thing a user reads instead of the payment option.
Add more fun and inviting shapes from the home page to display Yame matcha images.
Slight edits to the matcha description to make the text visually less condensed (asterisk, line skip)
Rotating thank you message was too light. Changed it to Nami green and butter yellow!
Customer reviews are visually more condensed because original design require customer eyes to drag across the screen. I hate it lol
WEEK07 HW #6 - Nami Matcha
Nami Matcha Home Page
Note: Left is original, right is my mockup
Directive: I am going to make Nami's home page more inviting and create more space for their current matcha collection.
My experience:
Compared to Cha Cha Matcha's mockup, I think I had an easier time redesigning Nami's home page. I am a longtime fan of Ashley Alexander, Youtuber and creator of Nami Matcha, so I was already familiar with her down-to-earth branding. I added more warmth to the page by changing the pale yellow of the original design to a warmer butter yellow, which aligns with Nami's branding. It also adds more contrast to the off-white background used for the product display. Another big change in the mockup is introducing the arch. It's a round shape that adds softness and coziness to the website design.