I Rebuilt a $1,000,000 Website in Framer… Here’s What Happened
4871 次观看 · 2024-10-03
UI 设计
In this video, I put Framer to the test by attempting to rebuild Typeform’s landing page from scratch. Whether you’re a designer or just curious about Framer, this challenge will give you insight into what’s possible with this powerful tool.
––––– Links from the video ––––––––
Framer's site:👇
https://framer.link/arnau-ros
My rebuild:👇
https://typeform.framer.website/
Try my component library (Webflow, Figma, Framer) 👇
https://www.tilebit.io
00:00 Intro going over the site
1:00 new site with navbar using Tilebit.io
1:45 Building the Hero header
2:42 Fixing the buttons & nav
4:33 Fixing the hero header
6:39 Creating the logo cloud section
8:00 Feature sections
11:44 Testimonial section
16:11 Creating the footer
18:30 Final review and outrooooo
––––– Work with me ––––––––
Hire my agency 👇
https://www.macu.studio
Learn to become a pro freelancer 👇
https://ros-design-academy.webflow.io/courses/freelance-mastery
–––––– Extra stuff –––––––
🚀 Subscribe for more weekly design content
https://bit.ly/2FQLrO5
🎥 What I use in my videos!
https://kit.co/arnauros/filming-setup
👨💻 Connect with me
https://arnau.design
🌎 Socials
https://instagram.com/arnau_design
https://twitter.com/arnau_design
DISCLAIMER: Links included in this description might be affiliate links. If you purchase a product or service with the links that I provide I may receive a small commission. There is no additional charge to you!
––––– Links from the video ––––––––
Framer's site:👇
https://framer.link/arnau-ros
My rebuild:👇
https://typeform.framer.website/
Try my component library (Webflow, Figma, Framer) 👇
https://www.tilebit.io
00:00 Intro going over the site
1:00 new site with navbar using Tilebit.io
1:45 Building the Hero header
2:42 Fixing the buttons & nav
4:33 Fixing the hero header
6:39 Creating the logo cloud section
8:00 Feature sections
11:44 Testimonial section
16:11 Creating the footer
18:30 Final review and outrooooo
––––– Work with me ––––––––
Hire my agency 👇
https://www.macu.studio
Learn to become a pro freelancer 👇
https://ros-design-academy.webflow.io/courses/freelance-mastery
–––––– Extra stuff –––––––
🚀 Subscribe for more weekly design content
https://bit.ly/2FQLrO5
🎥 What I use in my videos!
https://kit.co/arnauros/filming-setup
👨💻 Connect with me
https://arnau.design
🌎 Socials
https://instagram.com/arnau_design
https://twitter.com/arnau_design
DISCLAIMER: Links included in this description might be affiliate links. If you purchase a product or service with the links that I provide I may receive a small commission. There is no additional charge to you!