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.

Next

UMSI CDO