On The Brew
A café website designed around the next visit.
- Client
- On The Brew Coffee Company
- Location
- Stamford Town Center, CT
The brief
On The Brew wanted to reach people looking for coffee near Stamford Town Center. The website's job was to help someone arriving from Google quickly understand what the café offers, check its hours, and find the shop inside the mall.
The objective
- Understand what the café offers
- Check the opening hours
- Find the shop inside the mall
The design decisions
The redesign changed what the homepage puts first: the drinks, where the coffee comes from, and how to get to the shop.
Both captures are shown at the same width. The previous capture runs the full page; the redesigned capture shows the first screen only.
Drinks and origin lead the opening
The first screen pairs the café's actual drinks with the headline Guatemalan Coffee, Roasted With Heart and a line about small-batch beans from Cecilia and Jonathan's family farms. The previous homepage opened with a landscape photo and the company name. The redesign moves the drinks and the family story to the front.
Navigation names the reasons to visit
Menu, Our Story and Visit Us are the header links on desktop, so the drinks, the origin story and the visiting details are each one click from anywhere on the page.
Find Us is the one button up front
The only button in the opening is Find Us. It takes the visitor straight to the visiting information: the address, the opening hours and directions.
Finding the café on mobile
On a phone, the same order holds. Further down the homepage, a menu preview names drinks such as the Guatemalan single-origin drip coffee and the Guatemalan cacao, with a link to the full menu. Then come the details a visit depends on: the hours, the floor, and a way to get there.
Hours, floor and directions
Come Find Us gives the street address with Level 3 Green South, so a visitor knows which floor of the mall to head for. The week's hours follow, then a Get Directions button and a map.
Open this screen full size (opens in a new tab)The outcome
A visitor can explore the drinks, check opening hours, and find the café's location inside Stamford Town Center from their phone. The menu, Level 3 Green South address, and directions button support the next step: finding the shop and stopping in for coffee.
Get a Free Website Review
Not sure what a visitor sees first? Send me the site. I will show you three things I would fix first.