Overview

This was my first time using Webflow and one of my first attempts at building a complete website. The brief was very open: create a website about anything, using any platform. I chose to create Kaffee Bars, a fictional café website based around the idea of a cosy, slightly vintage everyday space.

The final site included a landing page, menu, café information, reviews, location and map content, booking information and a full footer.

Problem

The biggest challenge was learning Webflow itself. I had never used the platform before and found the interface quite confusing at first. Because I did not fully understand how containers, spacing and layout settings were connected, I was worried that changing one thing could easily affect something else on the page.

Beyond learning the software, I also wanted the site to feel like a believable café website rather than a random collection of sections.

Solution

I kept the structure fairly simple while I was learning the software and focused on getting the basics right first.

I used a consistent orange, cream and dark green palette across the site and created clear sections for the café’s menu, story, reviews, community features and location. The menu used large product photography and simple descriptions, while the review cards helped make the café feel like somewhere people could work, meet or relax.

I also made sure the functional elements actually worked, including the navigation and links, rather than designing something that only looked like a website.

Reflection

For my first Webflow project, it turned out much better than I expected. Everything worked, the images stayed high quality and I managed to build a fairly complete website without major technical problems.

Looking back, I definitely played it safe because I was nervous about breaking something. The website is quite static compared with what I would make now. If I revisited it, I would add smoother transitions, hover states, scroll-based movement and other small interactions to make it feel more current and responsive.