I built a portfolio in 1-hour, 10-hours, 100-hours! (Using Webflow)
64,881
Published 2024-04-12
Learn to build websites like these with Webflow. Enroll in our Webflow Masterclass ๐ bit.ly/4aW4v6N
I havenโt updated my portfolio in six years! My challenge is to get my new portfolio online in just 1-hour. Then Iโll do a better portfolio in 10-hours. Finally, Iโll commit 100-hours to creating an award-worthy portfolio!
Check out the sites here:
ran-1h-portfolio.webflow.io/
ran-10h-portfolio.webflow.io/
ran-100h-portfolio.webflow.io/
CHAPTERS:
0:00 Ground rules
0:53 1-hour portfolio
5:48 10-hour portfolio
13:59 100-hour portfolio
Tools used:
Try Figma ๐ bit.ly/flux-figma
Try Webflow ๐ bit.ly/flux-webflow
Try Relume ๐ bit.ly/flux-relume
Fonts used (for 100-hour portfolio):
Power Grotesk by Power Type Foundry ๐ power-type.com/
PP Right slab By Pangram Pangram ๐ pangrampangram.com/
wooow by Agung Syaifudin ๐ www.youworkforthem.com/designer/776/agung-syaifudiโฆ
Overspray By Tension Type ๐ www.dafont.com/overspray.font
Romie By Margot Lรฉvรชque Studio ๐ margotleveque.com/products
๐ฑ Find us on SOCIAL MEDIA:
Ran's X (Twitter) ๐ twitter.com/ransegall
Ran's Instagram ๐ www.instagram.com/ransegall/
Flux Academy's Instagram ๐ www.instagram.com/flux.academy/
Flux Academy's TikTok ๐ www.tiktok.com/@fluxacademy
All Comments (21)
-
Which portfolio should I connect to my domain? The 1-hour, 10-hour, or 100-hour website?
-
This is the best portfolio I have ever seen! Your creativity and attention to detail are truly impressive. Keep up the wonderful work!
-
The 100 Hour portfolio was just Dope, Fire, Amazing like it was super cool design appreciate all your efforts behind the making of this amazing portfolio video Ran & also your team. Thank you all
-
the 10 hours is beuatiful but the footer on the 100 hr is just sublime!
-
Thank you so much, your videos are very helpful to me. Also you have the most calming voice to listen to, which makes it pleasant to learn stuff here ๐
-
Love this video man!
-
Love this journey Ran! Excited to see the sites when they come out โค So fun seeing your personality on the 100hr site
-
I design my websites with code but the slide-up class and intersection observer is exactly what I implemented. Love it! โค
-
Oh wow, I love this kind of challenge! Nice video :D
-
Open and inspiring. Appreciate your work.
-
I recently rebuilt my portfolio and resume. I would say it was around 10 hours. I'm glad to know that I naturally made of the decisions you spoke of here.
-
Very creative and interesting in which directions the portfolio can be taken :)
-
I have to say, the 100 hours version is trully awesome and well done. It's a banger ! And yes we will love to see a full workshop about this. The animation is the cherry on the top and give a very dynamic experience. I bet lot of people could visit multiple times the portfolio and use different versions "punk/family/..." to have a new experience. Great work !
-
very cool concepts. I wish clients understood the idea that more time = better result everyone busting through the door needs it done yesterday
-
Man what a video just mind blowing
-
Thank you so much for this video. Super helpful and well-presented. Your time and effort is most appreciated!
-
The GOAT has done it again. Always learning from you
-
you are the best of the best, keep it up
-
This video is really inspirational! keep up!
-
Such personal and highly professional at the same time! awesome work Ran. I currently rework my portfolio using openAI to help me build my own html/css/javascript