Landing page
Northside Café
A mobile-first marketing page for a neighbourhood café, built in one week with a focus on clear hierarchy and fast loading.
- Client: Personal
- Date: March 2025
- Role: Solo front end build
- Category: Landing page
- Timeline: 1 week
Northside Café had a one-page site that hadn’t been touched in years — menu as a PDF, hours buried at the bottom, and nothing that worked properly on a phone. I rebuilt it as a single Next.js page with a structure that puts the three things customers actually look for right up front.
The challenge
The café had no brand guidelines, no photography budget, and needed the page live before a weekend opening. I had to make design decisions quickly and keep the build simple enough that the owner could update the menu without me.
The approach
I started on paper with a mobile layout: hero, menu, hours and location, then contact. Once the order made sense on a small screen, I scaled it up with Tailwind breakpoints instead of designing desktop-first and squeezing it down.
Key details
The menu is a simple data file rendered into ruled sections, so adding a drink is a one-line change. Hours and address sit in a single card that doubles as the map link, and every image is sized and lazy-loaded to keep the page quick on mobile data.
What I learned
Typography and spacing carry most of the polish. Cutting the number of font sizes down to four and sticking to one spacing scale made the page look intentional far more than any effect would have.