Hatch

Client / Type:
Hatch, a local coffee shop in Markham.

Software / Skills:

  • - Figma
  • - Adobe Photoshop/Illustrator
  • - UX Research
  • - Information Architecture
  • - Wireframing & Prototyping
  • - UI / Visual Design
  • - Brand Interpretation
  • - Accessibility-Aware Design

This project focused on redesigning the shop's website to better communicate its warmth, craftsmanship, and local identity.

After analyzing usability issues, I restructured the information architecture around core user goals and adopted a mobile-first approach.

Hatch visual 1

Visual elements—typography, color palette, and photography—were unified to reinforce a cohesive brand presence.

Through wireframe iterations and prototype testing, I enhanced clarity, navigation, and readability.

The final design supports local business visibility and strengthens user trust, demonstrating how narrative-centered design and thoughtful visual direction can create meaningful digital experiences, especially in a landscape filled with template-based, look-alike websites.

Hatch visual 2Hatch visual 3Hatch visual 4
← Back