Project Details
- Category: Websites
- Client: The Crooked Goat (974 State Street)
- Project date: 2025
- Project URL: Letsgetcrooked.com
I put together this site concept for The Crooked Goat after noticing there wasn’t an official website online yet. While social media and platforms like Google Maps help get the word out, a dedicated website provides a central hub for customers to find key information quickly and consistently—hours, menus, directions, and contact details—all in one place. A strong online presence can be the deciding factor in getting new customers through the door—especially those who haven’t been yet and are searching for their next spot.
Key Features
- Clean, mobile-friendly design that works across all devices.
- Updated menu layout for easy browsing.
- Live status display showing whether the bar is open, closed, or it's last call- just a cool feature not seen elsewhere.
- Integrated links to ToastTab for online orders, Google Maps for directions, and Instagram for updates.
- SEO-friendly structure to help new customers find you easily.
Open/Closed Status & Weekly Highlight System
As part of the Crooked Goat website build, we implemented a lightweight yet highly effective JavaScript function to dynamically display whether the restaurant is open, closed, or in last call mode—based on real-world time and day logic. The system checks the user’s local time and compares it to the restaurant's set hours, then updates the website with a clear, color-coded status message at the top of the page.
In addition, the JavaScript highlights the current day of the week within the weekly schedule, making it immediately intuitive for visitors to know when to visit.
Minimalist, Hand-Coded Approach
This feature was intentionally designed with minimalism in mind—no plugins, no bulky libraries. Just clean, hand-written JavaScript and HTML/CSS that:
- Automatically updates in real time
- Uses lightweight logic to reduce load time
- Keeps users informed at a glance
- Highlights the correct day in the schedule—even across time zones
The result is a user experience that feels polished and dynamic, without the need for complex backend systems. It’s a great example of how a small script can dramatically improve user interaction and clarity—all while keeping the codebase lean.