Website and menu system for a 24/7 gas station market
- Sector
- Retail / Convenience
- Location
- McCordsville, Greenfields, Indiana, USA
- Duration
- 2 weeks
- Year
- 2024
- Services
- Web developmentUI/UXNext.jsTypeScriptTailwind CSS
- Store hours surfaced online
- 24/7Store hours surfaced onlineSite feature
- Menu sections with jump navigation
- 4Menu sections with jump navigationMenuItems page
- React key prop errors
- 0React key prop errorsDown from multiple per page
Moose on the Run is a 24/7 convenience store and gas station market in the Greenfields community of McCordsville, Indiana. They also carry their own in-house beverage brand, Sipz, sold exclusively in-store.
The store had no web presence beyond a basic placeholder page. Customers had no way to browse the menu, check store hours, or discover the in-house Sipz beverage line without driving out.
The rebrand from Moose Market to Moose on the Run needed a site that could carry the new identity — a dark palette with red accents and bold condensed typography — without looking like a generic convenience store template.
We built the site in Next.js with a dark background and red accent system using Barlow Condensed throughout, matching the store's physical signage and giving it a distinct, confident look.
A MenuItems page was built with scroll-based section navigation — customers jump straight to Drinks, Snacks, or Hot Food from a sticky navbar mega menu rather than scrolling a single long page.
A dedicated Sipz banner section promotes the in-house brand on the homepage, with a direct link to the full Sipz beverage menu. React fragment key prop errors from the original build were also resolved.
The site now gives the store a proper digital presence that matches their physical rebrand. Locals can check the menu and hours before driving out, and the Sipz brand gets standalone visibility online for the first time.
“The site finally looks like our store. Dark, bold, and easy to navigate — customers can find what they want before they walk in.”
