Harbour & Pine Café / Before & after
Same business.
Better experience.
The café didn’t change. The menu, hours and story didn’t change.
The website experience did.
Live section previews from both websites. Scroll inside a preview to explore, or open the full website.
Home
The first impression, navigation and everyday café information.
After
Open redesignStory
The same neighbourhood story, with more space for the café and its photos.
Before
Open originalAfter
Open redesignVisit & contact
Opening hours and contact details, easier to find and read.
Before
Open originalAfter
Open redesignThe café didn’t change.
The website experience did.
Harbour & Pine Café is a fictional business created to demonstrate how Cowichan Web Co. approaches website redesign. Both versions use the same business details, full menu, prices, story, and source images. The original is a usable example of an older website—not a deliberately broken one.
What changed, and why
The experienceOriginalRedesign
Navigation
OriginalDesktop-first and compact.
RedesignClear navigation with comfortable controls on phones.
Important information
OriginalHours and contact details sit in sidebars and lower sections.
RedesignLocation, opening hours, and the menu are surfaced immediately.
The menu
OriginalComplete, but dense and harder to scan.
RedesignThe same dishes and prices, grouped with space to breathe.
Mobile
OriginalFunctional, with a compact desktop layout adapted to fit.
RedesignReadable type, generous tap targets, and quick menu and hours links.
Visual storytelling
OriginalSmall photographs mainly decorate the page.
RedesignThe same images are cropped and placed to communicate the café’s atmosphere.
Local search foundations
OriginalBasic metadata and a simple page structure.
RedesignDescriptive metadata, semantic sections, and clear local information. No ranking claims.