Marron is a fully functional, hand-coded website built from scratch using HTML and CSS, designed to represent a fictional coffee shop. This project was developed with a strong emphasis on user experience, visual storytelling, and responsive design, ensuring that every interaction feels intentional and engaging. The website balances aesthetic appeal with functionality, creating a welcoming online presence that reflects the warmth and comfort of a real café.

Key Features and Design Elements

• Multi-Page Structure – The website includes a landing page, about section, product descriptions, and a contact page, offering a complete and cohesive experience for visitors. Each page is designed with a clean layout, ensuring intuitive navigation.

• Custom Styling & Animations – Thoughtfully implemented CSS animations and transitions enhance interactivity, providing subtle visual effects that create a polished and immersive browsing experience.

• Embedded Imagery & Typography – A blend of high-quality imagery and carefully selected typography reinforces the café’s brand identity, exuding a cozy yet refined atmosphere.

• Google Maps Integration – A Google Maps plugin is embedded within the contact page, adding a realistic touch by displaying the fictional café’s location, reinforcing a sense of place.

• Responsive & Mobile-Friendly Design – The layout is fully responsive, ensuring seamless performance across desktop, tablet, and mobile devices.

• Hand-Coded for Flexibility – Built using only HTML and CSS, the project showcases a strong foundation in front-end web development, allowing for easy customization and scalability.

This project demonstrates a comprehensive understanding of web development, branding, and user-centric design. Marron is more than just a concept—it’s a fully realized digital space that brings the essence of a café to life, proving the power of thoughtful design in creating an engaging online experience.