I built a portfolio in 1-hour, 10-hours, 100-hours! (Using Webflow)

Подписаться 805 тыс.

Просмотров 53 тыс.

50% 1

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

Опубликовано:

31 май 2024

Ссылка:

Скачать:

Готовим ссылку...

Добавить в:

Мой плейлист

Посмотреть позже

Комментарии : 142

@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. 😂

@eriszneri 17 часов назад

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.

@dotes-world 11 дней назад

This is the best portfolio I have ever seen! Your creativity and attention to detail are truly impressive. Keep up the wonderful work!

@Mustaqim11 Месяц назад

the 10 hours is beuatiful but the footer on the 100 hr is just sublime!

@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!

@user-hr2ev3lz7v Месяц назад

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

@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!

@SaadAlShiekhAli-sg4dl 3 дня назад

you are the best of the best, keep it up

@SANDEBRO 4 дня назад

All of the websites was good but 100 hour is best one I really loved it thanks for giving us free education ❤❤❤

@jamesvillamar3326 Месяц назад

Love this video man!

@FluxAcademy Месяц назад

Appreciate it!

@roieshalom7240 Месяц назад

Very creative and interesting in which directions the portfolio can be taken :)

@kevincoffey Месяц назад

Open and inspiring. Appreciate your work.

@FluxAcademy Месяц назад

Thanks Kevin

@henrythomas7112 Месяц назад

Thank you so much for this video. Super helpful and well-presented. Your time and effort is most appreciated!

@FluxAcademy Месяц назад

Glad you enjoyed it!

@raskarsumit159 Месяц назад

Man what a video just mind blowing

@kevynpatrick571 Месяц назад

Oh wow, I love this kind of challenge! Nice video :D

@FluxAcademy Месяц назад

Thanks!

@evzmeniy Месяц назад

great content! 1/for beginners, 2/ great variants for templates(+ your fantasy+skills))) 3/ max skills+ ect. /////your project

@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!

@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

@charithjayanath1292 День назад

Wow that's amazing video😍😍

@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

@samski112 29 дней назад

You're a legend. Thank you for motivating me to revamp my portfolio

@FluxAcademy 28 дней назад

You can do it!

@Nishitha_Jay 14 дней назад

This video is really inspirational! keep up!

@FluxAcademy 11 дней назад

Glad to hear!

@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

@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!

@SyedMuneebAli 6 дней назад

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!

@hasenabbas1006 Месяц назад

The 100 hour is INSANE! Mind blown, amazing work!

@FluxAcademy Месяц назад

Haha! Thank you! 🙏

@mudassirshakeel9326 Месяц назад

oh Man what confidence , You are Love ♥

@alexsandrkhaladzhy6386 14 дней назад

very cool video!

@arienvalmores557 Месяц назад

Hats off Ran

@softar1717 Месяц назад

Great video as usual! WOULD LOVE to see something similar in FRAMER!

@FluxAcademy Месяц назад

Great suggestion!

@plushcad Месяц назад

This was pretty cool and fun to watch.

@FluxAcademy Месяц назад

Thanks!

@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!!

@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!

@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

@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

@davidkamau496 Месяц назад

Wow. this is great content😯

@FluxAcademy Месяц назад

Thanks!

@bjorn9131 Месяц назад

you are the best designer in the world

@user-ln8cg3pf1q Месяц назад

Hey Ran! is there a particular reason for not left aligning the manifest section (10hrs portfolio) for better readability?

@curious_i_am Месяц назад

10 hours portfolio looked great to have on domain

@FluxAcademy Месяц назад

Appreciate it!

@Sydinofficial Месяц назад

Great video 📸

@FluxAcademy Месяц назад

Thank you 🙌

@Dada974_ Месяц назад

This is so inspiring 🙂‍↕️

@cbctrainingg Месяц назад

Please sir. can you also add a ui/ux design portfolio

@charityworks.studio 24 дня назад

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!

@davidkearns6263 Месяц назад

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.

@jamalcampbell9237 Месяц назад

That 100hour site effect is really cool

@FluxAcademy Месяц назад

Thanks!

@arunn3874 28 дней назад

whats the font in the presentation? the 1 looks so cool

@tjrowe Месяц назад

Eager to see the mobile version of that 100 hour portfolio.

@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!

@user-mk6op8qz7f Месяц назад

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

@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!

@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 Месяц назад

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 Месяц назад

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

@michaelgakanga 14 дней назад

That’s why they have case studies and real life examples

@gargulec6085 14 дней назад

@@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!

@salemnaouai6105 15 дней назад

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

@FluxAcademy 15 дней назад

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.

@El_X_Will Месяц назад

1 hour portfolio 😊 10 hour portfolio 🥰 100 hour portfolio 🤯🥳

@FluxAcademy Месяц назад

Haha! Nice!

@herrDOS Месяц назад

Oh, the pain. Haven’t updated mine in maybe 4-5

@tntg5 Месяц назад

What tools do you use to record your screen and yourself ?

@FluxAcademy Месяц назад

Screen with quicktime. Me with a camera

@designbyraxa Месяц назад

you should connect 10 hours Portfolio.

@fiftyseventh Месяц назад

100 hour portfolio is great

@FluxAcademy Месяц назад

Thanks!

@that_crazy_imagination Месяц назад

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 RU-vid is very little and not really impressive

@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

@MultiSciGeek 28 дней назад

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.

@OranDsouza Месяц назад

can you give links to your site please

@FluxAcademy Месяц назад

Added them to the description

@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.

@sameerpatelxyz Месяц назад

10hr is best

@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.

@d_maker 27 дней назад

10h

@mitheomuranga4747 Месяц назад

The 10 and 100 hours.

@johnfritztibay4109 Месяц назад

100 hour is outstanding but you can give me access for 10hour😁

@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.

@chukwudiebubejustin9543 Месяц назад

can you drop the video for the 10hours, like the full video

@FluxAcademy Месяц назад

😲

@chukwudiebubejustin9543 Месяц назад

@@FluxAcademy 😞😞

@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.

@ahmedabdulkareem783 Месяц назад

Big Fan Sirrr🥲

@FluxAcademy Месяц назад

🙏

@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.

@anamhimel Месяц назад

Oops.....the 100 hour is totally insane 😮

@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....

@HEYVIETinteractive Месяц назад

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 Месяц назад

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

@jessvex Месяц назад

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 Месяц назад

Absolutely. This is just for education purposes on design choices and what's possible with Webflow.

@jessvex Месяц назад

@@FluxAcademy Worrrrd. 😊