Coastline Yoga Project (Webflow Build)

1. Project Overview

Yoga Coastline is a responsive concept website I designed and built in Webflow to showcase a fictional yoga studio. The goal was to create a calm, clean user experience that clearly communicates who the studio is, what classes are available, and how to get in touch — all while demonstrating my Webflow CMS and layout skills.

The website includes four static pages: Homepage, About Us, Classes Overview, and Contact Us. I also created a CMS collection to dynamically generate individual pages for each yoga class, making it easy to update or add new classes in future.

This project helped me practise working with a real-world layout structure and deepen my understanding of responsive design, intuitive navigation, and CMS page templating inside Webflow.

2. Challenges and Solutions

Dynamic class pages: 

Setting up the CMS for each yoga class required careful planning. I structured each Class Details page to include teh class name, class description, instructor info, and so on. This allowed each class to have its own dedicated space without needing to manually duplicate layouts.

Booking feature consideration: 

While I didn’t implement a full booking system, I explored the possibility. Since this is a concept project, I chose not to integrate a third-party service  — but I demonstrated that I understand how these features could be layered into a Webflow build later on.