Portfolio Project 5

Website Homepage Concept (Coffee Shop)

Project Title

Hearth & Hollow (Coffee Shop)

Project Type

Website Homepage Concept

Project overview

Hearth & Hollow Coffee is a concept website created to showcase a strategic, conversion focused homepage for a specialty coffee shop. The goal was to design a calm, gender neutral, vintage inspired brand experience while prioritizing clarity, customer flow, and local SEO structure.

The concept balances storytelling with functionality guiding visitors from brand introduction to menu exploration, online ordering, and in store visits in under 20 seconds.

Goals

  • Establish a strong brand identity with a calm, cozy, gender neutral aesthetic

  • Create a homepage structure that derives clear customer action

  • Highlight menu visibility early in the user journey

  • Integrate retail functionality (merch + beans)

  • Incorporate FAQ and location sections to reduce friction

  • Demonstrate mobile first layout strategy

The Result

  • Clear conversion path from her to order/visit

  • Immediate product visibility above the fold

  • Balanced brand storytelling with action oriented design

  • Integrated FAQ section to address common questions

  • Strong local SEO foundation with location + hours placement

  • Cohesive typography and color system supporting brand tone

What I Did

  • Developed full brand direction (tone, typography, color palette)

  • Designed homepage layout with strategic section flow

  • Wrote all homepage copy with conversion clarity in mind

  • Structured menu preview and retail integration sections

  • Implemented call-to-action hierarchy (View Menu, Order Ahead, Shop Online)

  • Designed FAQ and location sections to reduce bounce rate

  • Optimized for mobile responsiveness

Previous
Previous

Project Four — Social Media Launch Kit