Journey through Inspiration to Wireframes

In the initial phase of this project, diverse sources such as Dribbble, Godly Website, Muzli, and more, were delved to compile a series of mood boards to spark inspiration. These landing pages, serving as my muse, shared commonalities in wireframes, strategically crafted to guarantee a seamless flow that encourages visitor conversion into potential leads. Aligning with the best practices observed across these platforms, my aim was to create a user journey that not only captivates but also effectively engages visitors toward a conversion path.

‍

‍

Crafting High-Fidelity UI Designs

Once the wireframes were done, it was time to work on the UI design. This step was all about adding colours, creating cool animation assets, like Lottie, to jazz up the whole landing site. Different designs were crafted to compare to pick the best one that nailed the ideal vibe I wanted. It wasn't just about looking good; it was about making sure it felt right and represented the brand perfectly.

‍

Figma to Framer Web Development

Framer was the chosen choice to build this landing site. Once the site was up and running, we linked interactions and Typeform together to gather leads. Additionally, we integrated Calendly to make it easy for potential leads to book appointments based on their availability.