Coal Mine Kitchen

Objectives

• Create a visually appealing website that captures Coal Mine Kitchen's rustic charm and culinary excellence.  
• Develop intuitive navigation for menu, reservations, and contact information.  
• Implement responsive design across devices.  
• Integrate online ordering and reservation capabilities.  
• Showcase the restaurant's atmosphere through high-quality imagery.

Design Process

The design took its cues from the restaurant's coal mine theme, with visual elements that evoke heritage, labor, and warmth.

A palette of deep blacks, warm browns, and muted golds reflects an industrial yet inviting atmosphere.

Key design elements

• Hero imagery featuring the interior and signature dishes.  
• Custom typography that balances readability with a rustic feel.  
• An interactive, visually rich menu.  
• Social media integration to surface user-generated content and build community.

Development Highlights

The site was built in Webflow to ensure a responsive, dynamic experience. Highlights include:

• Online reservation system integration for seamless booking.  
• Interactive menu with filtering by meal categories.  
• Custom CSS animations to add subtle motion and delight.  
• Instagram integration to show recent posts.  
• Performance optimization for fast loading on all devices.

Results and Impact

The new Coal Mine Kitchen website:

• Increased online reservations by roughly 30% within the first month.  
• Boosted engagement, with average session duration up significantly.  
• Drove more mobile usage, with mobile visits making up a majority of traffic.  
• Earned positive feedback from guests on both aesthetics and usability.

Conclusion

By aligning visual design, UX, and performance, the Coal Mine Kitchen website functions as an effective digital storefront.

It communicates the restaurant’s character, simplifies discovery and booking, and supports ongoing engagement with guests online.