I built a portfolio in 1-hour, 10-hours, 100-hours! (Using Webflow)
ฝัง
- เผยแพร่เมื่อ 17 พ.ค. 2024
- 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
![[TH] 2024 PMSL SEA W2D3 | Summer | ไม่อยากเหนื่อยวันเสาร์ ก็ต้องจัดเต็ม](http://i.ytimg.com/vi/CbsHmoJXjvE/mqdefault.jpg)
![[TH] 2024 PMSL SEA W2D3 | Summer | ไม่อยากเหนื่อยวันเสาร์ ก็ต้องจัดเต็ม](/img/tr.png)
![ใจดำกับฉันก่อน - วงทัพห้า [Official MV]](/img/n.gif)
Which portfolio should I connect to my domain? The 1-hour, 10-hour, or 100-hour website?
Unless you really want to win an award I think the 10 hour one is fine
It's very difficult to decide which one you have to connect with but the last one was amazing ... 20 out of 10 ❤
the best one is 100-hour website i love it
Obviously the third one.
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. 😂
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 🙂
Glad to hear it's helpful!
Love this journey Ran! Excited to see the sites when they come out ❤ So fun seeing your personality on the 100hr site
added the links to the description!
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
Love this video man!
Appreciate it!
I design my websites with code but the slide-up class and intersection observer is exactly what I implemented. Love it! ❤
Awesome, and thanks!
The GOAT has done it again. Always learning from you
Appreciate it!
This video is really inspirational! keep up!
Open and inspiring. Appreciate your work.
Thanks Kevin
very cool concepts. I wish clients understood the idea that more time = better result
everyone busting through the door needs it done yesterday
Oh wow, I love this kind of challenge! Nice video :D
Thanks!
Very creative and interesting in which directions the portfolio can be taken :)
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.
Nice work Jerome
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 !
Thank you so much
Man what a video just mind blowing
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
Nice good luck!
Thank you so much for this video. Super helpful and well-presented. Your time and effort is most appreciated!
Glad you enjoyed it!
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.
Appreciate it!
Only way that could be worth while is if you are counting the time taken to produce the products you are displaying on there
great content!
1/for beginners, 2/ great variants for templates(+ your fantasy+skills))) 3/ max skills+ ect. /////your project
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.
Thank you very much!
I loved the 10-hour and 100-hour more. It is really amazing the level you can achieve in less than 10 hours.
Thanks!!
You're a legend. Thank you for motivating me to revamp my portfolio
You can do it!
10 hours portfolio looked great to have on domain
Appreciate it!
Hats off Ran
The 100 hour is INSANE! Mind blown, amazing work!
Haha! Thank you! 🙏
oh Man what confidence , You are Love ♥
Great video as usual! WOULD LOVE to see something similar in FRAMER!
Great suggestion!
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.
Awesome thank you!
100 hours portfolio makes me mad. This is insanely good, love the transition. I am really excited about the 100 hour portfolio workshop.
Thank you
very cool video!
This was pretty cool and fun to watch.
Thanks!
Hey Ran! is there a particular reason for not left aligning the manifest section (10hrs portfolio) for better readability?
Wow. this is great content😯
Thanks!
you are the best designer in the world
This is so inspiring 🙂↕️
Please sir. can you also add a ui/ux design portfolio
Eager to see the mobile version of that 100 hour portfolio.
1 hour portfolio 😊
10 hour portfolio 🥰
100 hour portfolio 🤯🥳
Haha! Nice!
That 100hour site effect is really cool
Thanks!
Great video 📸
Thank you 🙌
whats the font in the presentation? the 1 looks so cool
The fact you put at least 111 hours into this video is insane 👏
yeah I don't think I'll do that again. haha!
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?
Before you start!
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.
100 hour portfolio is great
Thanks!
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
Oh, the pain. Haven’t updated mine in maybe 4-5
you should connect 10 hours Portfolio.
What tools do you use to record your screen and yourself ?
Screen with quicktime. Me with a camera
Can't access to the workshop ? It says put your email but there is no space to put it! Can you fix it please ? I adore the work and i want to learn how to do like this
Sorry you’re having trouble accessing this resource. Can you try reloading the page? If you still have trouble with it, please click "Help" on our website (bottom right corner) and a member of our team will assist you.
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 TH-cam is very little and not really impressive
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.
What AI tool did you use to create images of yourself doing different things? DALL E doesn't do that I don't think.
Dall E, but I replaced my face in Photoshop
can you give links to your site please
Added them to the description
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.
10hr is best
The 10 and 100 hours.
Its the first comment. and also thanks for teaching
What does it mean the its the first comment? Where I come from the special need people always get things first.
can you drop the video for the 10hours, like the full video
😲
@@FluxAcademy 😞😞
100 hour is outstanding but you can give me access for 10hour😁
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.
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
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.
10h
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.
This is valid criticism!
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.
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
That’s why they have case studies and real life examples
Oops.....the 100 hour is totally insane 😮
Big Fan Sirrr🥲
🙏
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!
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!
Solid feedback! Thanks ❤️
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.
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
All three websites are fully responsive! Personally think the 100-hour looks great on mobile.
@@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.
@@davidcrossan Thanks for sharing your thoughts here, David
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....
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.
Who do you think the user is here?
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.
Absolutely. This is just for education purposes on design choices and what's possible with Webflow.
@@FluxAcademy Worrrrd. 😊