![The hero section of a yoga website. It shows two handsome young people sitting cross-legged smiling into each other's faces.](https://cdn.prod.website-files.com/6495925dbba1835f81100b59/6597dcfca6320c678326d9f7_Flowga-Hero.jpg)
Flowga
Webflow Build
The Brief
This website was designed by the Flux Academy and was part of the learning for my second Webflow certification.
The Deliverable
This calming website includes a Zapier integration, subtle continuous animation, a 3D Spline Image that is responsive to the cursor, four interlocking CMSs, an interactive map, custom cursor, and opening animation.
Attributes
Filtering CMS
This screenshot show the filtering of the CMS cards, which has a lovely hover interaction. We used Finsweet attributes for filtering rather than use the native Tabs element.
All the images for the site were made with AI.
![A screenshot of the Classes page of the Flowga website.](https://cdn.prod.website-files.com/6495925dbba1835f81100b59/65ccd19ab3484755bfad415b_Flowga-Classes.jpeg)
![A screenshot of the class signup form of the fictitious website, Flowga.](https://cdn.prod.website-files.com/6495925dbba1835f81100b59/65ccd204022f35e803351293_Flowga-Form.jpeg)
Zap!
Forms integration
This screenshot shows the custom cursor and the form that was integrated with Zapier and Google Sheets.
Interactive product
3D spline
This screenshot shows the 3D Spline image that is responsive to the cursor.
I love how the AI put a rasta bun on her head and gave her the perfect hands for yoga.
![A screenshot of a website page that shows their Yoga Handbook as a 3D image.](https://cdn.prod.website-files.com/6495925dbba1835f81100b59/65ccd24afd5804969f180d6a_Flowga-3dbook.jpeg)