Modern Café Website Redesign: Interactive & Responsive UXModern Café Website Redesign: Interactive & Responsive UX
The network for creativity
Join 1.25M professional creatives like you
Connect with clients, get discovered, and run your business 100% commission-free
Creatives on Contra have earned over $150M and we are just getting started
Back to feedPost
Karlos's avatar
Karlos Salazar
• Jul 11
For the #Base44GiveItAGlowChallenge, I gave BRKFST & CO.’s original website a complete glow-up using Base44.
The previous Wix site introduced the café, its menu, story, location, and contact details, but it mainly worked as an informational website.
For the new version, I kept BRKFST & CO.’s warm and welcoming personality while transforming the site into a more modern, responsive, and interactive café experience.
What gave it a glow-up?
I redesigned the website using a warm cream, coffee-brown, and golden-yellow visual style, with cleaner layouts, responsive pages, subtle animations, improved menu categories, customer reviews, and a dedicated Visit Us page.
I also added an animated featured-food carousel. Customers can click the food currently displayed and be taken directly to that exact product on the Menu page, where they can choose available options and add it to their cart.
Automations and features I added:
🛒 Dynamic Cart and Checkout Items added from the Menu automatically appear on the Orders page, where customers can adjust quantities and choose between pickup or delivery.
📦 Automated Order Management After checkout, the order is automatically saved and displayed in a private Admin Dashboard, where the café team can review order details and update order and payment statuses.
📧 Automatic New-Order Notification The café admin automatically receives an email notification whenever a new order is successfully submitted.
🤖 Ask BRKFST AI Superagent I implemented an AI assistant that can help customers with menu questions, store hours, location, ordering, GrabFood, and table reservations.
💳 Flexible Ordering Options Customers can choose cash or online payment and view a clear breakdown of their order total and delivery fee.
The automated workflow helps reduce the need to manually collect order details from separate messages. Orders are organized in one dashboard, while the café admin is immediately notified whenever a new order is placed.
I also reached out to the café team to verify important business information, including their updated opening hours and reservation availability, so the final app provides more accurate information to customers.
The biggest change is that the website is no longer only a place to view the café. Customers can now explore the menu, interact with featured products, place orders, ask questions, request reservations, and connect with the café all in one experience.
Before — Original Website: https://brkfstandco.wixsite.com/brkfstandco
After — Built with Base44: https://brkfstco.base44.app
#Base44GiveItAGlowChallenge #Base44
base44giveitaglowchallengeAI AutomationWeb DesignBase44Claude
Karlos's avatar
Karlos Salazar
• Jul 11
Admin Dashboard
Post image
Karlos's avatar
Karlos Salazar
• Jul 11
Before — BRKFST & CO. Original Website
Kerolos's avatar
Kerolos Atef
• Jul 11
can u give me promo code of base 44
Back to feed
The network for creativity
Join 1.25M professional creatives like you
Connect with clients, get discovered, and run your business 100% commission-free
Creatives on Contra have earned over $150M and we are just getting started