Tide & Toast restaurant website

Project overview

Tide & Toast is a fictional gluten-free café and brunch concept in St. Augustine, Florida. I built the brand around a simple promise: polished food and coffee in an inviting neighborhood setting without luxury pricing.

The Astro site includes home, menu, about and contact pages, with practical restaurant details and a visual system that feels coastal without relying on generic beach imagery.

What I created and directed

• Created the Tide & Toast name, positioning, messaging and coastal visual direction.
• Designed a high-contrast identity using deep navy, pale blue, oversized type and editorial food photography.
• Organized the menu and supporting pages around the information a restaurant visitor needs to make a decision quickly.
• Directed an AI coding agent to replace uneven homepage tiles with an accessible, automatic food slideshow featuring consistent image framing and manual controls.
• Directed and reviewed responsive layouts and reduced-motion behavior for a polished mobile experience.
• Defined and tested a hamburger menu that keeps all four pages easy to reach on smaller screens without crowding the café wordmark or order button.
• Tested the working site locally and maintained the project in GitHub.

Accessibility and testing

I reviewed every page with accessibility in mind and tested the site with a screen reader. Testing covered page landmarks, heading order, descriptive navigation and link names, keyboard-operable menu controls, visible contrast, responsive reflow, reduced-motion behavior and alternative text for meaningful food photography. Decorative brand marks are excluded from the reading order.

What this project demonstrates

This concept demonstrates range through a bold hospitality brand and visual system. It brings together brand strategy, content hierarchy, image direction, responsive behavior and accessible motion.