Liveroom –– Landing page in Framer

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
Like this project
1

Posted Aug 10, 2023

Framer landing page for a VR interior design tool—explore virtual spaces, design in 3D, and transform interiors with immersive ease.

EX3 –– Event ticketing web platform
EX3 –– Event ticketing web platform
Movig –– Platform for UGC creators
Movig –– Platform for UGC creators
SafeSpace –– Website in Webflow
SafeSpace –– Website in Webflow
TimeSquared –– Time tracking app
TimeSquared –– Time tracking app