7 Portfolio Websites That Will Make You Jealous

Рет қаралды 751,689

Күн бұрын

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

Пікірлер: 237

@AndresTheDesigner Жыл бұрын

*👇🏼 How I got my 1st UX Client 👇🏼* kzfaq.info/get/bejne/fbplYKx81NaphnU.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 6 ай бұрын

thx for the info!

@demonslayer8934 4 ай бұрын

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.

@henrythomas7112 Ай бұрын

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

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

@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 10 ай бұрын

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

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

@moniquenavarro4131 Жыл бұрын

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

@_lindssay_ Жыл бұрын

This is amazing! Thank you

@ElenaBezborodova 9 ай бұрын

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

@AndresTheDesigner 8 ай бұрын

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

@ElenaBezborodova 8 ай бұрын

@@AndresTheDesigner Thank you Andres!

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

@armandogutierrez2880 9 ай бұрын

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 8 ай бұрын

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

@m_wayne946 2 жыл бұрын

My man is back finally ✨

@AndresTheDesigner 2 жыл бұрын

😅 Your man is back indeed 🔥

@adetomiwaibrahimobayemi5030 2 жыл бұрын

I really love your style. So unique and engaging

@AndresTheDesigner 2 жыл бұрын

I appreciate you 🙏🏼🙏🏼🔑🔑

@webtotheflow 2 жыл бұрын

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

@AndresTheDesigner 2 жыл бұрын

Appreciate that!

@cloudblue9466 Жыл бұрын

Thanks for the video it will really help

@Janet.tamara 2 жыл бұрын

Amazing 🥳🥳

@rachelhow 2 жыл бұрын

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

@AndresTheDesigner Жыл бұрын

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

@KartikeyaSaxenaJainKSJ 2 ай бұрын

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

@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 7 ай бұрын

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

@pamelamoyana1493 2 ай бұрын

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

@DropZoneMedia Ай бұрын

Yes 😅

@webdev8283 24 күн бұрын

@@DropZoneMediahi you creating portfolio website?

@kirk1257 Жыл бұрын

Cool overview though! Nice cases and talented people!

@gococo.xoxoxo Жыл бұрын

Wow very impressive! I’m inspired

@kurma3992 Жыл бұрын

I love it. Thanks for making this video

@AndresTheDesigner Жыл бұрын

Glad you enjoyed it! 🙏🏼

@ahmedahmedx9600 Жыл бұрын

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 ?

@evan-james Жыл бұрын

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

@cath6266 Жыл бұрын

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

@njengathegeek 2 жыл бұрын

Nice review Andres

@AndresTheDesigner 2 жыл бұрын

Thank you Chris! 🙏

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

@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 :)

@Teddykiss1996 Жыл бұрын

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

@re-member Жыл бұрын

Thank you.

@markott3978 Жыл бұрын

Nice Video Bro

@moonxflair 5 ай бұрын

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.

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

@tumski96 Жыл бұрын

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

@CoIdestMoments Жыл бұрын

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

@kingKing-uq7fp Жыл бұрын

What's technologies are use to building these websites?

@respectthedripkaren4515 Жыл бұрын

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

@user-rm7il5me8x 4 ай бұрын

good amount of knowledge

@theojnr-kw3yv Жыл бұрын

Would love to see yours as well

@kristinataylor2490 Жыл бұрын

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 9 ай бұрын

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

@nikyabodigital 11 ай бұрын

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.

@Bliss881 Жыл бұрын

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

@vanninhvnn Ай бұрын

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

@asuka7892 Жыл бұрын

Jantana's portfolio has me DROOLING

@shakey7847 9 ай бұрын

truly amazing intro sound design

@AndresTheDesigner 8 ай бұрын

Thank you! I try hahaha 😂

@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-kc5iz7ts7k 11 ай бұрын

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

@AlleinArk 8 ай бұрын

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

@AndresTheDesigner 8 ай бұрын

Thanks man! He's an awesome friend too

@badteen 4 ай бұрын

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

@tucprogram 5 ай бұрын

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

@johnnynelofficial 5 ай бұрын

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

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

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

@i.am.rossalex Жыл бұрын

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

@ventus.pd89 11 ай бұрын

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

@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

@eyobtilahun2488 Жыл бұрын

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

@AndresTheDesigner Жыл бұрын

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

@nvvasan-rk3je 4 ай бұрын

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

@canlancer Жыл бұрын

my favorite portfolio was Jantana Hennard

@pratikrajsah 2 жыл бұрын

video quality ❤️ I can see 100k subs 🥺

@AndresTheDesigner 2 жыл бұрын

❤ Thank you for believing in me!

@atiqsheikh2491 2 ай бұрын

Are these websites made with coding or framer type thing?

@selfstudy9569 5 ай бұрын

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 😊

@user-qd5le9hr9d 4 ай бұрын

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 🎉❤

@Webrisernl Жыл бұрын

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

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

@gideonokwechi3501 2 жыл бұрын

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

@templatesjungle 9 ай бұрын

Great

@jonathansivahera3886 Жыл бұрын

Jantana’s portfolio is giving me web flow vibes 😮

@AndresTheDesigner Жыл бұрын

I know! Love her website.

@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

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

@thewebstylist 4 ай бұрын

Wow!! 🎉

@TNcFlipbook Жыл бұрын

Your video so Unique. A lot to learn here.

@datta3ya 8 ай бұрын

awesome can you tell us What background music have you used

@AndresTheDesigner 8 ай бұрын

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

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

@explorewithanshika 3 күн бұрын

Where can I learn these animations?😭

@Mater-code Жыл бұрын

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

@moniquenavarro4131 Жыл бұрын

Saved

@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

@mystixz1151 11 ай бұрын

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 7 ай бұрын

Ohh I did

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

@user-rv6tp6zh9v 2 ай бұрын

is the designer use GSAP ?

@marc-anthonysenat1008 4 ай бұрын

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.

@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

@MishraJiDeveloper-2003 6 ай бұрын

why dont you check responsiveness

@rubendragan6514 Жыл бұрын

What you are missing out is that 90% of people use smartphones for browsing, so no hover effects on mobile.

@Xgil2Play 3 ай бұрын

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

@AndresTheDesigner 3 ай бұрын

I noticed that!! Totally cool that KZfaq did that hahaha

@deathnote3283 2 ай бұрын

Sadly, most HR departments don't care about this, especially here in the Philippines.

@user-zm5ev4ij4p 11 ай бұрын

can anybody give me a tutorial of Dennis Snellenberg's portfolio website please

@CODETINO 7 ай бұрын

Yes I recreated

@simoneaves9941 6 ай бұрын

These are all DREADFUL!

@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_ 11 ай бұрын

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🫠