Landing page in Framer - Liveroom
Marie Dyachenko
Overview 🔎
The goal of this project was to design a landing page for a SaaS product - AR software for interior designers, which allows to create stunning designs in real time while standing in the room.
This is a passion project that was made to explore a new design idea and learn building websites with Framer.
Project Details 🤝
I designed the landing page in Figma and transferred it to Framer using their plugin. I polished transferred design to fit perfectly and created 2 smaller breakpoints to achieve full responsiveness.
For the hero section, I've created a simple 3d model in Spline, and created a hover interaction that makes the cube slightly turn and follow users cursor.
This project gave me an oppotrunity to think of and visualize, how this kind of software would look and work IRL, and express my ideas on the mock interface images for the website.
Results
Engaging in this passion project allowed me to acquire fresh skills in Framer development, all the while introducing my new service to the world.
Timeline
Landing page: 5-8 business days
Multi-page website: 10-15 business days
