-
-
Desktop View
-
Tablet View
-
Mobile View
Inspiration:
I wanted to create a modern restaurant website that showcases a brand’s story, menu, and services, while being visually engaging and fully responsive.
What it does:
Users can explore the restaurant’s features, recipes, and services, view prices, and contact the restaurant via a form. The site includes interactive hover effects and a mobile-friendly sidebar menu.
How we built it:
Built with HTML, CSS, Flexbox, and Grid layouts, using media queries for responsiveness. CSS transitions and hover effects add interactivity, and root variables maintain a consistent color palette.
Challenges we ran into:
Making the sidebar responsive and keeping images and grids flexible across devices were tricky. Balancing multiple hover effects and readability without clutter was another challenge.
Accomplishments that we're proud of:
A fully responsive, visually appealing website that effectively showcases the restaurant’s brand and offerings, with clean layouts and smooth interactions.
What we learned:
Structuring a complex multi-section website. Implementing responsive design and modern UI/UX techniques. Managing consistent color schemes and typography.
What's next for Crispy Chicken House:
Add interactive menu filters and online ordering. Include scroll animations and dark mode. Connect a backend for order and contact management.
