Noonie's Picks
|
Noonie's Picks |
Independently designed and developed a mobile-first café discovery website to help users easily find curated matcha cafés through clear, accessible, and intuitive browsing as a final project for SI 539.
Client Brief
Conducted independent research on existing café discovery platforms to identify usability and accessibility gaps.
Designed a streamlined interface with a clear visual hierarchy, simple navigation, and filters for location, vibe, and price to support efficient decision-making.
Independently built and refined the site using HTML, CSS, and JavaScript, applying accessibility-first principle.
Design Process
-
This color palette draws from earthy matcha-inspired greens paired with soft neutrals to create a calm, inviting visual tone. The contrast between light and dark values improves readability and accessibility while reinforcing a warm, intentional browsing experience.
-
The typography pairs New Kansas with Tahoma to balance personality and readability across the interface. New Kansas adds warmth and character to headings, while Tahoma provides a clean, highly legible typeface for body text and functional UI elements, supporting clarity and accessibility.
-
These design assets showcase the visual system behind the site including the logo and a few of the UI elements.
