WebologyWORX
Case Studies / Coffee Shop / Café

Coffee Noir — Neighborhood Coffee House website redesign

A concept redesign for a coffee shop / café business in Salt Lake City, UT. 2 pages, built mobile-first and ready to launch.

Sample redesign. This is an unsolicited concept WebologyWORX prepared to show Coffee Noir what a new website could look like. It is not the business’s official website and is not affiliated with or endorsed by them.
Open the live demo Get a free preview for your business

Live, interactive preview of the new design. Scroll and click around.

webologyworx.com/samples/coffeenoir/
The project

A fresh, modern site for Coffee Noir — Neighborhood Coffee House

A modern, mobile-first redesign for a beloved East Central Salt Lake City coffee house. The original one-page site and image-only menu boards were rebuilt into a photo-rich homepage and a fully searchable HTML menu, keeping the shop's storefront logo, hand-drawn house illustration and quirky menu-board critters.

The redesign puts the business’s story front and center: “Coffee Noir is a cozy neighborhood coffee house at 1035 E 200 S in Salt Lake City — espresso, chai, loose-leaf tea, fresh pastries, breakfast burritos and one of the best patios in town.”

  • Five image-only menu boards converted to accessible, responsive HTML price tables
  • Storefront logo recreated as a crisp vector wordmark
  • Real Google Maps photography of the patio, pastries and drinks
  • Live open/closed indicator based on Salt Lake City time
  • Sticky menu navigation, patio, community (Chess Nite) and reviews sections
  • Inter typography with a brick-red, cream and mustard palette drawn from the brand
Client
Coffee Noir
Industry
Coffee Shop / Café
Location
Salt Lake City, UT
Pages
2
Status
Concept / pitch
Designed
November 2026
Built by
WebologyWORX
Before & after

The transformation

Coffee Noir — Neighborhood Coffee House website before
Before
Coffee Noir — Neighborhood Coffee House website redesign
After

Want to see your business like this?

We’ll build a free preview of your new website before you spend a dime. No outrageous quotes.

Get my free preview