Match-a Matcha
Skills: HTML, CSS, JS, Responsive Web Design, Prototyping
Software: VS Code, Figma
Match-a Matcha is an interactive website designed for matcha lovers to discover personalized cafe recommendations based on their flavor preferences. Users input their ideal matcha flavour profile, and the site recommends authentic matcha cafés in New York City, complete with descriptions, images, and direct links to Google Maps. I began by prototyping the site in Figma, emphasizing a clean, calming interface inspired by traditional Japanese aesthetics. I then built the platform using HTML, CSS, and JavaScript, creating an engaging and responsive user experience. The site also serves as a curated resource, featuring many of the best matcha cafés across NYC in one place.
Notable Elements
Home page with a scrolling carousel of matcha cafesAdjust matcha taste preferences to show the desired matcha cafe
Pinned map with some of the most popular matcha cafes throughout New York City
Code