I built a portfolio in 1-hour, 10-hours, 100-hours! (Using Webflow)
Рет қаралды 42,788
Күн бұрынEnroll in Ran’s FREE WORKSHOP to see how the 100-hour portfolio was built 👉 bit.ly/3VVMIYR
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/design...
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) 👉 / ransegall
Ran's Instagram 👉 / ransegall
Flux Academy's Instagram 👉 / flux.academy
Flux Academy's TikTok 👉 / fluxacademy
@FluxAcademy Ай бұрын
Which portfolio should I connect to my domain? The 1-hour, 10-hour, or 100-hour website?
@tocj Ай бұрын
Unless you really want to win an award I think the 10 hour one is fine
@letsStartCODETOGETHER Ай бұрын
It's very difficult to decide which one you have to connect with but the last one was amazing ... 20 out of 10 ❤
@sebbieweb7461 Ай бұрын
the best one is 100-hour website i love it
@MahmudulHasan-hh1dl Ай бұрын
Obviously the third one.
@graintocask1615 Ай бұрын
The one that will return the best results in every area. So probably the first one with the outlook of the second. I can't count how many times I have created a bells-and-whistles site only to find myself heavily editing it back to basics to get the page scores I need. I guess it's like a Christmas Tree. You put to much crap on and it's likely to fall over. 😂
@suzanne8637 Ай бұрын
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 🙂
@FluxAcademy Ай бұрын
Glad to hear it's helpful!
@Mustaqim11 28 күн бұрын
the 10 hours is beuatiful but the footer on the 100 hr is just sublime!
@austinandriese Ай бұрын
Love this journey Ran! Excited to see the sites when they come out ❤ So fun seeing your personality on the 100hr site
@FluxAcademy Ай бұрын
added the links to the description!
@clemenskotoku Ай бұрын
The GOAT has done it again. Always learning from you
@FluxAcademy Ай бұрын
Appreciate it!
@tocj Ай бұрын
I design my websites with code but the slide-up class and intersection observer is exactly what I implemented. Love it! ❤
@FluxAcademy Ай бұрын
Awesome, and thanks!
@user-hr2ev3lz7v 16 күн бұрын
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
@jeromebrown20 Ай бұрын
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.
@FluxAcademy Ай бұрын
Nice work Jerome
@jamesvillamar3326 Ай бұрын
Love this video man!
@FluxAcademy Ай бұрын
Appreciate it!
@kevincoffey Ай бұрын
Open and inspiring. Appreciate your work.
@FluxAcademy Ай бұрын
Thanks Kevin
@user-re2tk6lm1y Ай бұрын
In my opinion it worth a lot to invest +100 hours on building portfolio, because it looks so great, beautiful, very creative and with a lot of details.
@FluxAcademy Ай бұрын
Appreciate it!
@joelpww Ай бұрын
Only way that could be worth while is if you are counting the time taken to produce the products you are displaying on there
@kevynpatrick571 Ай бұрын
Oh wow, I love this kind of challenge! Nice video :D
@FluxAcademy Ай бұрын
Thanks!
@flow_leit Ай бұрын
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 !
@FluxAcademy Ай бұрын
Thank you so much
@rbnplgrm Ай бұрын
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
@FluxAcademy Ай бұрын
Nice good luck!
@hasenabbas1006 Ай бұрын
The 100 hour is INSANE! Mind blown, amazing work!
@FluxAcademy Ай бұрын
Haha! Thank you! 🙏
@tjk_9000 Ай бұрын
very cool concepts. I wish clients understood the idea that more time = better result everyone busting through the door needs it done yesterday
@alexeytretina Ай бұрын
I loved the 10-hour and 100-hour more. It is really amazing the level you can achieve in less than 10 hours.
@FluxAcademy Ай бұрын
Thanks!!
@MJay73 Ай бұрын
Hi Ran, at the beginning i wanne say you´ve done an amazing job. 👍 Of course it is extremely difficult to decide. Personally, I think the 10hrs portfolio is really good. But the 100hrs project is of course absolutely outstanding and amazing. I love little details like that, and you got them right in the 100hrs project. Basically, it almost doesn't matter because both are very excellent.
@FluxAcademy Ай бұрын
Thank you very much!
@henrythomas7112 17 күн бұрын
Thank you so much for this video. Super helpful and well-presented. Your time and effort is most appreciated!
@FluxAcademy 16 күн бұрын
Glad you enjoyed it!
@samski112 13 күн бұрын
You're a legend. Thank you for motivating me to revamp my portfolio
@FluxAcademy 13 күн бұрын
You can do it!
@faizurrahman7791 Ай бұрын
100 hours portfolio makes me mad. This is insanely good, love the transition. I am really excited about the 100 hour portfolio workshop.
@FluxAcademy Ай бұрын
Thank you
@curious_i_am Ай бұрын
10 hours portfolio looked great to have on domain
@FluxAcademy Ай бұрын
Appreciate it!
@raskarsumit159 23 күн бұрын
Man what a video just mind blowing
@roieshalom7240 28 күн бұрын
Very creative and interesting in which directions the portfolio can be taken :)
@evzmeniy 26 күн бұрын
great content! 1/for beginners, 2/ great variants for templates(+ your fantasy+skills))) 3/ max skills+ ect. /////your project
@softar1717 Ай бұрын
Great video as usual! WOULD LOVE to see something similar in FRAMER!
@FluxAcademy Ай бұрын
Great suggestion!
@mudassirshakeel9326 Ай бұрын
oh Man what confidence , You are Love ♥
@solidcoast Ай бұрын
What an awesome video Ran. All 3 websites were decent. I'd choose the 3rd. I'm imagining it would score clients willing to drop large amounts for something special, so you could spend more time on one project. But maybe that also comes with more pressure to create something unique and innovative on those big bespoke, but well paid, projects. Amazing end result, very creative idea.
@FluxAcademy Ай бұрын
Awesome thank you!
@davidkamau496 Ай бұрын
Wow. this is great content😯
@FluxAcademy Ай бұрын
Thanks!
@arienvalmores557 27 күн бұрын
Hats off Ran
@user-ln8cg3pf1q 23 күн бұрын
Hey Ran! is there a particular reason for not left aligning the manifest section (10hrs portfolio) for better readability?
@jamalcampbell9237 Ай бұрын
That 100hour site effect is really cool
@FluxAcademy Ай бұрын
Thanks!
@cbctrainingg Ай бұрын
Please sir. can you also add a ui/ux design portfolio
@plushcad Ай бұрын
This was pretty cool and fun to watch.
@FluxAcademy Ай бұрын
Thanks!
@bb_4488 Ай бұрын
The fact you put at least 111 hours into this video is insane 👏
@FluxAcademy Ай бұрын
yeah I don't think I'll do that again. haha!
@arunn3874 12 күн бұрын
whats the font in the presentation? the 1 looks so cool
@tjrowe Ай бұрын
Eager to see the mobile version of that 100 hour portfolio.
@user-mk6op8qz7f 28 күн бұрын
Please make a video on how to send data[like image, name, price, and description I mean product details] in Firebase through the web flow, without Zapier but also using Firebase cloud function and HTTP request and web flow logic, make this video early because I need it
@trafficzombie23 Ай бұрын
When you design do you take in to account what all the cool effects and animation will do to the Google pagespeed of the website?
@FluxAcademy Ай бұрын
Before you start!
@bjorn9131 21 күн бұрын
you are the best designer in the world
@El_X_Will Ай бұрын
1 hour portfolio 😊 10 hour portfolio 🥰 100 hour portfolio 🤯🥳
@FluxAcademy Ай бұрын
Haha! Nice!
@davidkearns6263 24 күн бұрын
The 100 hour website is beautiful, but it's not really effective or accessible. I think the 10 hr website is the best, it shows skill, it's easy to navigate, & it has enough personality to make a potential client want to engage in a conversation about a project, great content.
@Sydinofficial Ай бұрын
Great video 📸
@FluxAcademy Ай бұрын
Thank you 🙌
@herrDOS Ай бұрын
Oh, the pain. Haven’t updated mine in maybe 4-5
@charityworks.studio 8 күн бұрын
This inspired me to continue working on my portfolio! I think I’ll try the 100hrs. Also the quick review of portfolios were inspiring. Watched it before this one. Thank you, Ran!
@tntg5 Ай бұрын
What tools do you use to record your screen and yourself ?
@FluxAcademy Ай бұрын
Screen with quicktime. Me with a camera
@fiftyseventh Ай бұрын
100 hour portfolio is great
@FluxAcademy Ай бұрын
Thanks!
@Dada974_ Ай бұрын
This is so inspiring 🙂↕️
@MultiSciGeek 12 күн бұрын
Great work... but something about Webflow seems off... Like the overlay text in each font style looks so cheap. I know it's not you, it's webflow. Been there, done that.
@that_crazy_imagination 28 күн бұрын
Please I don know if you will hear me but I will try. Please make a tutorial on how to build blog post graphic and images. The info on this in KZfaq is very little and not really impressive
@designbyraxa Ай бұрын
you should connect 10 hours Portfolio.
@ItsEricPhung Ай бұрын
What AI tool did you use to create images of yourself doing different things? DALL E doesn't do that I don't think.
@FluxAcademy Ай бұрын
Dall E, but I replaced my face in Photoshop
@OranDsouza Ай бұрын
can you give links to your site please
@FluxAcademy Ай бұрын
Added them to the description
@chukwudiebubejustin9543 Ай бұрын
can you drop the video for the 10hours, like the full video
@FluxAcademy Ай бұрын
😲
@chukwudiebubejustin9543 Ай бұрын
@@FluxAcademy 😞😞
@RK-mc8zy Ай бұрын
I feel so overwhelmed by having to update or create a new portfolio. Adding new technology like AI to build my site gives me anxiety.
@MrInsider33 Ай бұрын
the 10 hour is actually my favorite But I wondered why you don't use your own advice from your freelancer course :D "A designer who likes typography" not really a differentiator and also not really relevant to a business I guess haha
@FluxAcademy Ай бұрын
I’m no longer freelancing (for a number of years now) as I run Flux Academy full-time. So this isn’t a freelance web designer who needs a clear offer to businesses, it’s just a portfolio.
@gargulec6085 Ай бұрын
I think these portfolios are bad. Not optimized to be effective, but just to look good. As a person trying to find a designer I would not be satisfied with the amount of information I get or/and overwhelmed with some parts of these designs. The last one for me is, in fact, the definition of a design I don't want to come across, as it is just tiring to use and not very informative - It would not build trust in me. We should focus on effectiveness, not WOW effect. Dear designers, please don't be like that. There's a reason why top performing websites are the simple ones. In real world all these fancy websites is just budget-burning. Websites are meant to be useful and profitable, not mind-blowing and painful to use. Keep in mind that you can enjoy them as a designer, but users won't in 99% of cases.
@FluxAcademy Ай бұрын
This is valid criticism!
@aneliamilanova9563 26 күн бұрын
I love it when people give constructive criticism, but I'll have to both agree and disagree with this. On one hand, clients that look for a Web designer obviously are searching for one because they don't know how to do these things, thus, they focus more on the informative and simplistic side of design in general, because the general public (a typical client) wants something that does the job (sell services, give information, etc. without being complicated). However, on the other hand, I personally think that the same way a client has the right to choose their designer, a designer has the same right to choose their clients, so by making a portfolio in a way that allows the designer to express their personality and preferred field and style of work, they filter out the clients to those that are searching for just those characteristics. So I guess it just depends on what each side is looking for.
@sanderwassink252 22 күн бұрын
Two years ago I picked a car, not because of the information about the car but because it looked WOW to me 😊 so I fell for the looks. Can this be in webdesign too? I have had clients that told me they choosed for me as a designer because they loved the website because it had more color and beauty than the other websites they visited. It was not (only) the information but for them far more the look and feel of my website. So yes I believe that design has a big role to play in business. It is not only about what you say but also HOW you show it. That is what I think
@prasanjitdey124 Ай бұрын
Its the first comment. and also thanks for teaching
@tomascech6772 Ай бұрын
What does it mean the its the first comment? Where I come from the special need people always get things first.
@user-mj8vt5kr7o Ай бұрын
they are all nice. I am on Flux course 7 days portfolio, lets see what i will create. Can someone link me AI foto maker, thats really cool.
@johnfritztibay4109 Ай бұрын
100 hour is outstanding but you can give me access for 10hour😁
@sameerpatelxyz Ай бұрын
10hr is best
@mitheomuranga4747 19 күн бұрын
The 10 and 100 hours.
@d_maker 11 күн бұрын
10h
@ahmedabdulkareem783 Ай бұрын
Big Fan Sirrr🥲
@FluxAcademy Ай бұрын
🙏
@anamhimel Ай бұрын
Oops.....the 100 hour is totally insane 😮
@sportfanatic9983 Ай бұрын
A little disappointed with the 1 hour... you didn't even use all the time! Considering that was the most limiting, it would've been better if you added a bit of your own flare to the template. Overall great content!
@FluxAcademy Ай бұрын
Solid feedback! Thanks ❤️
@toptravelingoffers7666 Ай бұрын
while no-code builders are great for simple websites or those who aren't comfortable with coding, raw code developers offer a level of power and customization that's still unmatched for complex projects.
@HEYVIETinteractive 27 күн бұрын
Yea, I’m not a fan of these folio sites either. Newbs and pros alike are forgetting the primary reason why we have jobs. The user. Your designs need to be more user centric man. Don’t talk at the viewer….talk with them. It’s what you can do for them, not who you are.
@FluxAcademy 27 күн бұрын
Who do you think the user is here?
@davidcrossan Ай бұрын
The elephant in the room. Guys, when are designers going to accept that they should be focusing on mobile design. It's 70% of your audience. Designers deep down know that the smaller screens basically kills great designs or it tougher for the eye to identify a great design. Just accept it and stop tarting out desktop designs
@FluxAcademy Ай бұрын
All three websites are fully responsive! Personally think the 100-hour looks great on mobile.
@davidcrossan Ай бұрын
@@FluxAcademy Sorry i was not criticising your design. It looks great but in reality it should be mobile first design. That should be the main focus in my opinion.
@FluxAcademy Ай бұрын
@@davidcrossan Thanks for sharing your thoughts here, David
@eduardoluisrl Ай бұрын
I think it is not fair to promise smth you won't give to audience. I will do a website in 1hr, oh no wait, i will not do it, i will use a template, i technically will spend 20min to see templates, 20 minutes to download and set up and 20 min to change and upload....
@jessvex 22 күн бұрын
But your actual work gets a single section/image? Where’s the depth and breath of content showing your work approach, strategy, tactics, outcomes, challenges..etc. Tell those stories.
@FluxAcademy 21 күн бұрын
Absolutely. This is just for education purposes on design choices and what's possible with Webflow.
@jessvex 21 күн бұрын
@@FluxAcademy Worrrrd. 😊
BEN EAGLE
Рет қаралды 32 МЛН