As part of my learning process with Webflow, I developed two personal projects where I translated static designs created in Figma into fully responsive websites. These exercises helped me strengthen my skills in layout structuring, CMS setup, interactions, and responsive behavior within Webflow.
Webflow + Figma
ChatApp
Role: UX/UI Designer & Webflow Developer
Tools: Figma, Webflow
Type: Personal Project / Practice
A clean, modern landing page for a fictional business messaging app designed to streamline communication, combining email and chat in one place. Built in Figma with a structured layout and clear visual hierarchy to highlight key features. Landing page fully developed in Webflow with smooth transitions, scroll-based interactions, and responsive behavior across all devices.
Team App
Role: UX/UI Designer & Webflow Developer
Tools: Figma, Webflow (CMS)
Type: Personal Project / Practice
A clean, modern landing page for a fictional business messaging app designed to streamline communication, combining email and chat in one place. Built in Figma with a structured layout and clear visual hierarchy to highlight key features. Landing page fully developed in Webflow with smooth transitions, scroll-based interactions, and responsive behavior across all devices.

You may also like

Back to Top