Spectra Saas B2C

Duration : 3 Days

Tools : Figma + Framer

Skill: Wireframing + Visual design + Protyping

The goal of this exercise was to create an impactful landing page for a fictive B2C SaaS, optimized for user experience and user conversion.

Process: First, I analyzed landing pages on ProductHunt and Behance, then created a moodboard. Next, I developed lo-fi wireframes followed by hi-fi versions.


After these two steps, I could start the UI design and created a dark interface with light halos to perfectly match the SaaS name 'Spectra'. Once this step was completed, I built a high-quality prototype on Framer with effects to make the page more dynamic.

Result: Through this exercise, I improved my efficiency in quickly delivering interactive prototypes to demonstrate my ideas. This helped me understand the specific needs of a SaaS in terms of landing page design.

Create a free website with Framer, the website builder loved by startups, designers and agencies.