I built a portfolio in 1-hour, 10-hours, 100-hours! (Using Webflow)
HTML-код
- Опубликовано: 11 июн 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
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. 😂
This is the best portfolio I have ever seen! Your creativity and attention to detail are truly impressive. Keep up the wonderful work!
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!
the 10 hours is beuatiful but the footer on the 100 hr is just sublime!
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 GOAT has done it again. Always learning from you
Appreciate it!
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!
Very creative and interesting in which directions the portfolio can be taken :)
Love this video man!
Appreciate it!
Open and inspiring. Appreciate your work.
Thanks Kevin
I design my websites with code but the slide-up class and intersection observer is exactly what I implemented. Love it! ❤
Awesome, and thanks!
All of the websites was good but 100 hour is best one I really loved it thanks for giving us free education ❤❤❤
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
you are the best of the best, keep it up
Oh wow, I love this kind of challenge! Nice video :D
Thanks!
Thank you so much for this video. Super helpful and well-presented. Your time and effort is most appreciated!
Glad you enjoyed it!
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
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!
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
This video is really inspirational! keep up!
Glad to hear!
Wow that's amazing video😍😍
You're a legend. Thank you for motivating me to revamp my portfolio
You can do it!
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
Hats off Ran
The 100 hour is INSANE! Mind blown, amazing work!
Haha! Thank you! 🙏
10 hours portfolio looked great to have on domain
Appreciate it!
I really liked the idea of 100 hours portfolio as I'm a Designer who do science outreach and communication, loves astronomy and talks about finance. so I can show not only my professional side but also other sides of me. Yay!
Great video as usual! WOULD LOVE to see something similar in FRAMER!
Great suggestion!
very cool video!
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!
oh Man what confidence , You are Love ♥
This was pretty cool and fun to watch.
Thanks!
I loved the 10-hour and 100-hour more. It is really amazing the level you can achieve in less than 10 hours.
Thanks!!
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
That 100 hour portfolio is so fantastic. I'd love to try it all but I'm just a beginner. I just started to watch your educational videos and I was like "I can learn this in school for few months and pay a bunch." But I learned these things in just few hours and it's so amazing.
Ever since I wanted to do this kind of projects. I just don't know where to go and learn and I don't have much money to pay for school fees. Your videos are absolutely impressive. I can start from those free websites or apps that you have shared. Thank you.
Thank you!
Please sir. can you also add a ui/ux design portfolio
you are the best designer in the world
Hey Ran! is there a particular reason for not left aligning the manifest section (10hrs portfolio) for better readability?
Eager to see the mobile version of that 100 hour portfolio.
Wow. this is great content😯
Thanks!
That 100hour site effect is really cool
Thanks!
This is so inspiring 🙂↕️
whats the font in the presentation? the 1 looks so cool
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!
Great video 📸
Thank you 🙌
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!
Oh, the pain. Haven’t updated mine in maybe 4-5
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
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.
1 hour portfolio 😊
10 hour portfolio 🥰
100 hour portfolio 🤯🥳
Haha! Nice!
you should connect 10 hours Portfolio.
100 hour portfolio is great
Thanks!
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.
What tools do you use to record your screen and yourself ?
Screen with quicktime. Me with a camera
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 RUclips is very little and not really impressive
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
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.
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!
can you give links to your site please
Added them to the description
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.
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
@@aneliamilanova9563 I totally agree that these websites can work, but my point is that they are unlikely to sell as good as websites specifically designed to do its job. I think we can still make websites that express ourselves, but in many cases (eg. that one) it just goes too far. I think user experience and profitability should be on the first place and if you can create something beautiful keeping these aspects - go for it!
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.
100 hour is outstanding but you can give me access for 10hour😁
10hr is best
can you drop the video for the 10hours, like the full video
😲
@@FluxAcademy 😞😞
The 10 and 100 hours.
10h
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.
Oops.....the 100 hour is totally insane 😮
Big Fan Sirrr🥲
🙏
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.
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 ❤️
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
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?
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....
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. 😊