Coffee and Jazz is a modern one-page site designed for coffee shops, which combines the love of coffee and jazz music. The site features a special menu overview, event information, photo gallery, visitor reviews and a contact form to reserve a seat - all designed in Webflow with a focus on clarity, simplicity and a pleasant user experience.

The entire layout was first designed in Figma, where typography, spacing, color palette, and section hierarchy were carefully defined. During development, I focused on implementing the design accurately while also ensuring that the structure in Webflow remained clean and scalable.

Rather than simply recreating the visuals, I paid attention to:

1. Maintaining consistent spacing and visual rhythm
2. Preserving typography hierarchy across all breakpoints
3. Building a structured and organized class system
4. Ensuring smooth section flow and readability

A key part of this project was responsiveness. The layout was carefully adapted for desktop, tablet, and mobile devices to ensure the same atmosphere and clarity across all screen sizes.

Special attention was given to:
‍
1. Content stacking and readability on smaller screens
2. Image scaling and section proportions
3. Maintaining visual balance without overcrowding the layout

The navigation is simple and intuitive, allowing users to quickly access information about the café, its concept, and contact details without unnecessary friction.

The final result is a visually refined website that communicates the identity of Coffee & Jazz in a clear and engaging way. It combines design precision with practical functionality, providing a smooth browsing experience across all devices.This project reflects my approach to Webflow development — translating design into a functional product with attention to structure, detail, and user experience.