7 Portfolio Websites That Will Make You Jealous

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

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

50% 1

We're going to look at 7 beautiful portfolio websites from some of my favorite UX Designers & Web Designers & other designers.
Hit that like button if you're feeling fired up. 🔥🔥🔥
Sign up for Hostinger (Video Sponsor)
www.hostg.xyz/aff_c?offer_id=...
OR
Sign up to Framer (FREE Portfolio Templates linked below)
www.framer.com/templates/cate...
Portfolio Websites
1. Dennis Snellenberg - dennissnellenberg.com
2. Olivier Ifrah - www.olivierifrah.com/
3. Kyson Dana - www.kysondana.com/
4. Jantana Hennard - jant.fr/
5. Stefan Poulos - www.poulos.co/
6. Francisca Moura - franciscamoura.com/
7. Wilian Iralzabal - wilian.webflow.io/
My Favorite Tools
Figma (best design tool ever)
psxid.figma.com/2w07we2t2h0z
Webflow (Free Webflow Portfolio Cloneables):
webflow.grsm.io/free-portfoli...
Hello Bonsai (Best Freelancer Software!!)
www.hellobonsai.com/?fp_ref=a...
Notion (The Best AI-Powered Productivity Tool EVER)
affiliate.notion.so/o5hocp5my...
Chapters
00:00 - Intro
00:43 - Dennis Snellenberg
02:01 - Olivier Ifrah
03:49 - Hostinger Sponsor (Web Hosting Platform)
05:00 - Kyson Dana
05:49 - Jantana Hennard
06:54 - Stefan Poulos
07:32 - Francisca Moura
08:25 - Wilian Iralzabal
09:40 - How to teach yourself UX Design

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

20 май 2024

Ссылка:

Скачать:

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

Добавить в:

Мой плейлист

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

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

@AndresTheDesigner Год назад

*👇🏼 How I got my 1st UX Client 👇🏼* ru-vid.com/video/%D0%B2%D0%B8%D0%B4%D0%B5%D0%BE-GT5-IKopEVA.html

@animedreamz2009 Год назад

The portfolio with the gradient animation is using webgl. Those were not images but 3D planes with images as textures. Then using a raycastor and mouse position distorts the mesh when it intersects with the mouse. The gradients are probably particle clouds that distort based on the mouse position as well. The scroll effect uses the scroll speed to distort the mesh position too.

@michaeleissenberg637 5 месяцев назад

thx for the info!

@demonslayer8934 3 месяца назад

Thx

@star-devil9157 3 месяца назад

Bro I really need your help.. How to make that gradient touching smoke effect and also I really didn't get how the scrolling effect works I'm talking about Jantana Hennard Jantana portfolio ❤

@annsk4241 10 месяцев назад

the art of making a perfect video...amazing work Andres

@durgeshchore8665 2 года назад

You are really investing in your content, the background music, and your setup. seriously damn amazing.

@AndresTheDesigner 2 года назад

Thank you Durgesh! I'm just making videos that I would want to watch :)

@samdamzy4004 2 года назад

I just saw your channel today and I'm overwhelmed with the information being given out, not to to talk of the video creativity that's like woooooow. Just started the ux design journey not even up to a week but I'm inspired like I almost watched all your video and don't want it to stop. Keep up the good work 💪. Looking forward to more tutorials and videos from you

@AndresTheDesigner Год назад

Thanks for the love Sam!

@rimantasdanilevicius6754 2 года назад

Just opinion. I like simplicity and clean design, but I noticed that most of such Portfolio have to much of everything. Yes, it makes impression, but on another hand, this is so unpractical and so many distractions that makes difficult to track information. So summary - yes, you say WOW for some portfolios, but for me, it is just too much and I do not feel comfortable to explore website and it seems such UX is more mess.

@AndresTheDesigner 2 года назад

Ah! Totally get it. Great design is simple & intuitive. From my perspective, personal portfolios is one of the best opportunities to show personality and your unique design style. As long as it’s not confusing or difficult to navigate, the sky is the limit. However, there is a strong case to be made if your using your portfolio website to get you hired. Then, you’d want to use design principles of the companies your targeting (aka tailoring your portfolio for the job).

@adetutuolabisirichard4730 2 года назад

i guess finally i am not alone

@polineetz Год назад

I think there’s a difference what you put in folio and what ppl actually use. Portfolios are made to get you hired and simple interfaces are made to sell something. It’s easier to sell a dress or something than get art director to hire you with 1 year contract and relocation package so yeah. It almost like as a designer you make something to impress other designers, not clients or coworkers.

@cloudblue9466 Год назад

@@adetutuolabisirichard4730me too.

@jefferymuter4659 Год назад

Glad to know im not alone. Too much movement is jarring. And I see it on a lot of these. Scrolling down and elements flying in\out from the sides gives a weird kind of vertigo.

@naveedanjum9183 2 года назад

This is one of your best video! Quality of content, sound, video editing, everything is so fucing perfect! It's great to see how far you have come since the day you launched your first video about your business analyist. And I am sure you will do even better in the future. Also, I was curious about your UX business series. What happened there, and did you change your target audience from Startups and small companies. Was it sustainable, or did you switch to bigger fish in the market who have the money and time to afford quality UX work?

@AndresTheDesigner 2 года назад

Thank you Naveed!! I really appreciate the kind words 🙏 🙏 🙏 I have lots ideas for videos and not enough time. It looked like those videos didn't perform as well as other topics, but maybe I should give that series another shot. What do you think?

@naveedanjum9183 2 года назад

@@AndresTheDesigner You're welcome, Andres, and I agree that choosing the right idea among many is a real challenge, especially for creatives, since we dearly love all of our ideas :D and that's why they say the focus is not about what you choose to do, most importantly, what you choose not to do. Also, I think your current audience is mostly UX designers who want to get some sense of direction to become UX designers and get some design inspiration. But at the same time, you have been running your design business for some time. I am sure you must have a lot of valuable experience to share, so if you have a story for those creatives who feel lost or overwhelmed in the world of business, managing people, projects, and money expectations. I am sure there will find great value in your stories. And since it's not your target audience right now, maybe in time, the right audience will reach your content and make it a success.

@moniquenavarro4131 Год назад

Omg loved the tunes,all, and got very excited, omg omg amazing...projects omg❤

@ElenaBezborodova 8 месяцев назад

loving your editing style and the general vibe of the channel! awesome work 👏

@AndresTheDesigner 7 месяцев назад

Awwww, I really appreciate it 🙏🙏🙏 Love the authenticity & story telling of your content.

@ElenaBezborodova 7 месяцев назад

@@AndresTheDesigner Thank you Andres!

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

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

@m_wayne946 2 года назад

My man is back finally ✨

@AndresTheDesigner 2 года назад

😅 Your man is back indeed 🔥

@user-fi6hg8vq6c Год назад

I love my used(loved) Sony a6000. For my updated use case I’m looking at either the a6300/6400 depending on what deal I can find. Specifically for silent shooting and slo mo video.

@imr4nkhan Год назад

Cool video Andres... nice flow and definitely great ideas and UX features. I'm not looking for a portfolio but definitely inspired to enhance the UX on my site. 🔥

@fadiboulbina2180 9 месяцев назад

UI yes definitely, but UX... many web devs wouldn't wanna go with such ideas as it doesn't conform with the user's understanding

@_lindssay_ Год назад

This is amazing! Thank you

@armandogutierrez2880 8 месяцев назад

Hi Andres, nice video never give up and continue making this kind of videos that are awesome, excellent music and nice background. Every video you bring a nice idea. Thanks a lot

@AndresTheDesigner 7 месяцев назад

Wow... Thank you so much for your kind words Armando. I really appreciate the support. 🙏🙏🙏

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

Th editing at 0:40 literally made me like the video😂 Great content and really well put together!

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

Yes 😅

@rachelhow Год назад

Yo sick intro!!! I love this video :)

@AndresTheDesigner Год назад

😭 🙏🏼 yoooo thank you!!! Trying to learn from you! hahaha

@purplerabbit2229 2 года назад

The cinematic s of your video and your swag is out of this world and funny man….liked and subscribed

@AndresTheDesigner 2 года назад

Thank you & welcome to the club purple rabbit 😎

@webtotheflow 2 года назад

Great editing dude. A lot to learn here ✍️🙏🏾

@AndresTheDesigner 2 года назад

Appreciate that!

@I3eyond Год назад

Man all these looks so cool, and it also verified my ideas for a portfolio to see if certain interactions were possible. I am looking getting into a ux boot camp, ive been doing extensive research before anything. What I am expecting from this bootcamp (i am aware my work ethics is the key) is to gain the skill to be able to create portfolios like these. To gain the skill into what it means to be a ux designer or as im seeing "product designer" (I think digital product designer sounds cooler but who am I lol) now I know these designers have more than a ux designer background. My question is, will a boot camp give me the quality training to get to a skill level such as these designers? If you're curious to know what boot camp im looking at I live in Florida and UCF offers a bootcamp, I took a look into it and saw it looks creditable in the sense that the quality of education is good. May you look into it on their website and tell me what you think of their course structure? I know this is a lot to ask for in a comment lol I hope you get to read this if so thank you for your time!

@MilitantExtremist Год назад

How did the bootcame go?

@I3eyond Год назад

@@MilitantExtremist recently joined one last week after so much thinking & researching. I start on May 22nd :)

@dimensionaliquid8024 6 месяцев назад

@@I3eyondhow was it? Go into detail and put in a link

@Janet.tamara 2 года назад

Amazing 🥳🥳

@adetomiwaibrahimobayemi5030 2 года назад

I really love your style. So unique and engaging

@AndresTheDesigner 2 года назад

I appreciate you 🙏🏼🙏🏼🔑🔑

@cath6266 Год назад

Holy cow, the first one is insane😮now i wanna these skills

@evan-james Год назад

@andres can you share how did you edit this video? looks really cool frames are very smooth.

@KartikeyaSaxenaJainKSJ 2 месяца назад

If you goal was to get me pumped. I’m half way through and I AM PUMPED. Liked and subscribed

@cloudblue9466 Год назад

Thanks for the video it will really help

@ahmedahmedx9600 11 месяцев назад

Hi andres, thanks for the video, your channel is amazing, can you make a video on how to make/plan good looking portfolio to get a job ?

@kirk1257 Год назад

Cool overview though! Nice cases and talented people!

@nikyabodigital 10 месяцев назад

Super great website for portfolio or creative agency. But can you review best functional for corporate website as well? I think this don't work in corporate setting most especially if it's a big company with many pages. Pagespeed and responsiveness for this website would be a nightmare.

@moonxflair 4 месяца назад

Are they responsive?

@Buttersock 2 года назад

Yesss Keep These golden tools up, I can also use this for my art classes too!!!! Thank you for your response too I would love to have you do a talk one day, I’m on vacation right now though.

@Teddykiss1996 Год назад

Hi! This is really cool video and works, and I was always wondering how do people find these portfolios? Can you share please? ☺

@respectthedripkaren4515 Год назад

my most favorite portfolio out of all is probably olivier's.

@kurma3992 Год назад

I love it. Thanks for making this video

@AndresTheDesigner Год назад

Glad you enjoyed it! 🙏🏼

@gococo.xoxoxo Год назад

Wow very impressive! I’m inspired

@chrisarty1548 2 года назад

Really nice video! Just the last portfolio presentation sounded a bit like a joke to me 😄 especially with the shaking video which is not good color graded. Anyways I appreciate that you support your friend very much ☺️

@AndresTheDesigner 2 года назад

Appreciate the kind words and the feedback! Will consider making smoother edits next time :)

@CoIdestMoments 11 месяцев назад

you are the missing the biggest part which is resizing the viewport to see how responsives those designs are...

@charaden6555 Год назад

Hi, just came across this video and loved it! Was wondering what website platform did Dennis use to build his website?

@createvans Год назад

looks like webflow, but I dont have sure man.

@markott3978 Год назад

Nice Video Bro

@tumski96 11 месяцев назад

Great video! Anyone knows where can i find the background music at the beginning?

@shakey7847 8 месяцев назад

truly amazing intro sound design

@AndresTheDesigner 7 месяцев назад

Thank you! I try hahaha 😂

@njengathegeek 2 года назад

Nice review Andres

@AndresTheDesigner 2 года назад

Thank you Chris! 🙏

@theojnr-kw3yv Год назад

Would love to see yours as well

@Bliss881 11 месяцев назад

I am a beginner and I am smh encouraged by your content💫💯

@re-member Год назад

Thank you.

@paranoidbeats9579 8 месяцев назад

I have serious question please answer me How these portfolios are designed figma or XD And i wanna learn how to make websites like the first one

@AlleinArk 7 месяцев назад

your friend porto is actually fire and lot of knowledge, cool.

@AndresTheDesigner 7 месяцев назад

Thanks man! He's an awesome friend too

@RagingBull721 Год назад

Hello Andres, I have a quick question regarding your previous career as a business analyst. My original intent was to become one but now I’m leaning towards software engineering. Was the salary not worth it since I’ve heard that business analysts only earn around 40k a year. Software engineers on the other hand earn 70k a year. I was just curious on your opinion on this as I am thinking about switching majors.

@AndresTheDesigner Год назад

Business Analyst can make a decent wage (up to $90K+). Software developers obviously make more. I wouldn't recommend going into a field entirely for money. So look within and ask yourself what you enjoy most.

@timecircle8420 Год назад

lol at anyone going into software engineering for money. It's too complicated and difficult if you're just doing it for money. Find what you enjoy doing and profit from it. You'll make more and be happier than forcing yourself to try to learn SWE for the next couple of years.

@RagingBull721 Год назад

@@timecircle8420 Yeah but not every passion is profitable. Find the the balance in both.

@user-fy3nf3lg2j Год назад

@@AndresTheDesigner wait what did you study business before design?

@tucprogram 4 месяца назад

great job excelent portfolios! does anyone know if hostinger works for backend or only frontend?

@kristinataylor2490 11 месяцев назад

On the next review, can you show what these look like on mobile? Im interested to see if some of the designs are responsive or if they keep it simple.

@voxkekw894 8 месяцев назад

Do you really think a desgin like that won't be resposive comeon now

@kingKing-uq7fp 11 месяцев назад

What's technologies are use to building these websites?

@vanninhvnn 18 дней назад

that is a great video for inspiration but with a little bit turn the volume down for better

@canlancer 11 месяцев назад

my favorite portfolio was Jantana Hennard

@asuka7892 Год назад

Jantana's portfolio has me DROOLING

@user-rm7il5me8x 3 месяца назад

good amount of knowledge

@i.am.rossalex Год назад

Unfortunately, FranciscaMoura's website is not available now... But all of these portfolios are awesome!

@jem3122 2 года назад

Replicating some of these portfolio designs is okay right? I wouldn’t get in trouble? 😂 please post more videos!!

@AndresTheDesigner 2 года назад

🤣 will do! I recommend reading “steal like an artist” it’ll answer your question 👌🏼

@user-qd5le9hr9d 3 месяца назад

Hahah u know, Y I subscribe ur channel right now. Hahaha U clicked the mice amazing. No but in reality ur cameraman is the best 🎉❤

@pratikrajsah 2 года назад

video quality ❤️ I can see 100k subs 🥺

@AndresTheDesigner 2 года назад

❤ Thank you for believing in me!

@hamzz6824 2 года назад

So when making a case study, I should use the color scheme from the project and not the overall portfolio?

@AndresTheDesigner Год назад

I've seen portfolio's do both! So it depends. Use your best judgement.

@johnnynelofficial 4 месяца назад

Newbie question, on which platforms are these portfolios built on?

@badteen 3 месяца назад

can you make one for marketing professional's portfolios please ? great video tho

@selfstudy9569 4 месяца назад

Hello sir please Guide that , Does Behance will be worth it for showcasing painting Portfolio nationally and international for clients even without having a website ? Please reply and just guide 😊

@datta3ya 7 месяцев назад

awesome can you tell us What background music have you used

@AndresTheDesigner 7 месяцев назад

I use artlist.io and epidemicsound.com for my background music!

@user-kc5iz7ts7k 10 месяцев назад

How can I make a moving background on Janana hennard's website? can anyone help?

@ventus.pd89 10 месяцев назад

Hi, why no one doesn't slide right/left why each one I must scroll? Is that industry standard or what?

@timecircle8420 Год назад

I plan on watching this vid soon. Don't have the time now to watch the whole thing. I will say this as someone learning HTML, CSS, and JS, you're portfolio site does not need to be this nice to get a job. Build your portfolio with what you know now and then make it better as you advance in your career. Junior devs probably aren't going to have incredible portfolio sites.

@juliandev2421 Год назад

I have a portfolio with that style of animations and aesthetics and I am a junior, today with the little work and the much competition there are no excuses, you have to move forward.

@AndresTheDesigner 2 года назад

Which portfolio was your favorite?

@pruthvirajchauhan2576 2 года назад

all of them

@GoddessofWarr 2 года назад

The last ! I mean wow.. this guy is a genius !

@usmansayed8302 2 года назад

Dennis's was my favourite. It's so cool, and minimal. And the interactions, animations, the feel, Oh Awesome!

@100DaysExile 2 года назад

How can I get a UI UX job if I do self teaching? Could you please help me in knowing that?

@AndresTheDesigner 2 года назад

@@100DaysExile watch till the end of the video! 👍🏼

@jonathansivahera3886 Год назад

Jantana’s portfolio is giving me web flow vibes 😮

@AndresTheDesigner Год назад

I know! Love her website.

@eyobtilahun2488 Год назад

the Intro >>>>>>>>>>

@AndresTheDesigner Год назад

😅 I appreciate it my man! Intro was a work of love!

@Webrisernl Год назад

Any tips on how to create these... I need a new website like these.... im Jealouse :(

@templatesjungle 8 месяцев назад

Great

@yantalks 2 года назад

Please, can you tell me what's the name of the font that you use in your videos?

@sohailhatim8072 2 года назад

"Syne" i guess🤔

@AndresTheDesigner 2 года назад

Monument Extended 😉

@yantalks 2 года назад

Thanks

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

Are these websites made with coding or framer type thing?

@gideonokwechi3501 2 года назад

I loved the first website, am stealing that one😊, just gonna make some tweaks

@moniquenavarro4131 Год назад

Saved

@nvvasan-rk3je 3 месяца назад

How to upload responsive website in behabce or where we upload a responsive website?

@shubhamhundet4391 2 года назад

Nice

@morby1296 Год назад

How should beginner UI/UX designer make their website? They should hire a front end developer?

@AndresTheDesigner Год назад

My favorite way to build a portfolio is Webflow webflow.grsm.io/5347348 . But let me know what you're considering!

@thewebstylist 4 месяца назад

Wow!! 🎉

@Mater-code 11 месяцев назад

Hey there! We’ve now seen allot of portfolios and all but let’s see some brand new e-commerce sites…. IF YOU DONT MIND

@starogre 2 года назад

Next time you should show how they look on Mobile too :) Im sure many people look at work on computers, but nowadays when people check linkedin messages or emails, they are using their phones a lot more.

@AndresTheDesigner 2 года назад

Ah! Goood point. Totally forgot about checking these websites out on mobile. Thanks for pointing that out.

@bonta7552 2 года назад

they maybe look all fancy but how does it look on mobile? whats the data usage? will older phones be able to keep up with everything going on there? also if i have to scroll through 10 different animations i'll simply get annoyed and leave. what i as a potential customer want is information. fine give me some fancy project details but overall i want to get my information fast and not check everything just to make sure i didn't miss anything.

@isaacprosper6295 Год назад

most arent that interestig on mobile and that's always what matters

@adamdevro8614 Год назад

how much time will I need to design portfolio's like these, if I start learning frontend today??

@star-devil9157 3 месяца назад

1 - 2 days if u really good at UI design and creative animation

@Xgil2Play 2 месяца назад

I think RU-vid updated their app. When you said "All you gotta do is like this video", the Like Button on RU-vid light up. 😮 Did you do that or is it a coincidence it light up at the same time you said it?

@AndresTheDesigner 2 месяца назад

I noticed that!! Totally cool that RU-vid did that hahaha

@mystixz1151 10 месяцев назад

The first one looks extraordinanary for a fresher designer like me 😢 how am I supposed to redesign this? This is an assignment for me... Help! 😢😢

@CODETINO 6 месяцев назад

Ohh I did

@marc-anthonysenat1008 3 месяца назад

I'm looking for code that will allow me to have a video of me run as soon as someone enters my website. It will serve as a welcome video to my visitors and instructs them on the different features and places to go on the website. Presumably, the video will be embedded right where the current picture of my face is and be inside the circular frame that the picture is in now. After the introduction video is over, it would revert back to a static image of me. The website is hardcoded (not done in WordPress or the like) and therefore that needs to be taken into consideration. How do I do that?

@cheekypigg 2 месяца назад

you can do that with just JS, CSS and HTML or React.

@lalalalalala8147 Год назад

Tbh, I'm more interested in the technic part, did they write the code by themselves? the code writer in my company cannot do any advanced code for my designed animation, I have to reduce motion effects a lot in my work which makes me really upset, but I don't know how to write codes and build a website, shame, maybe I should learn how to do that then I can make a web as I want.

@Hickma_ 10 месяцев назад

Sometimes coders save you the hassle of redesigning when it isn’t responsive on mobile. Most of the animations may come out really bad on mobile or tablet/iPad. Take some courses in coding and you’d understand how and why coders do what they do🫠

@RJ-ms5dr 2 года назад

Can websites such as these be created in Squarespace?

@AndresTheDesigner 2 года назад

The websites with fancier animations & interactions, probably not. I recommend using Webflow or doing something custom, for those fancier interactions & animations.