7 Portfolio Websites That Will Make You Jealous

Рет қаралды 761,023

Күн бұрын

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 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/
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
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...
Sign up for Hostinger (Video Sponsor)
www.hostg.xyz/aff_c?offer_id=...

Пікірлер: 238

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

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 ❤

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

@annsk4241 11 ай бұрын

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

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

@henrythomas7112 2 ай бұрын

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

@rachelhow 2 жыл бұрын

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

@AndresTheDesigner Жыл бұрын

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

@_lindssay_ Жыл бұрын

This is amazing! Thank you

@moniquenavarro4131 Жыл бұрын

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

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

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

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

@cloudblue9466 Жыл бұрын

Thanks for the video it will really help

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

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

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

@m_wayne946 2 жыл бұрын

My man is back finally ✨

@AndresTheDesigner 2 жыл бұрын

😅 Your man is back indeed 🔥

@webtotheflow 2 жыл бұрын

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

@AndresTheDesigner 2 жыл бұрын

Appreciate that!

@adetomiwaibrahimobayemi5030 2 жыл бұрын

I really love your style. So unique and engaging

@AndresTheDesigner 2 жыл бұрын

I appreciate you 🙏🏼🙏🏼🔑🔑

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

@KartikeyaSaxenaJainKSJ 3 ай бұрын

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

@kirk1257 Жыл бұрын

Cool overview though! Nice cases and talented people!

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

Amazing 🥳🥳

@pamelamoyana1493 2 ай бұрын

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

@DropZoneMedia Ай бұрын

Yes 😅

@webdev8283 Ай бұрын

@@DropZoneMediahi you creating portfolio website?

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

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

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

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

@CoIdestMoments Жыл бұрын

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

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

@Teddykiss1996 Жыл бұрын

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

@njengathegeek 2 жыл бұрын

Nice review Andres

@AndresTheDesigner 2 жыл бұрын

Thank you Chris! 🙏

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

Thank you.

@markott3978 Жыл бұрын

Nice Video Bro

@tumski96 Жыл бұрын

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

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

@moonxflair 6 ай бұрын

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.

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

@vanninhvnn Ай бұрын

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

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

Would love to see yours as well

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

good amount of knowledge

@respectthedripkaren4515 Жыл бұрын

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

@asuka7892 Жыл бұрын

Jantana's portfolio has me DROOLING

@Bliss881 Жыл бұрын

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

@shakey7847 9 ай бұрын

truly amazing intro sound design

@AndresTheDesigner 8 ай бұрын

Thank you! I try hahaha 😂

@tucprogram 5 ай бұрын

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

@AlleinArk 9 ай бұрын

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

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

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

What's technologies are use to building these websites?

@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 👌🏼

@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

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

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

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

@canlancer Жыл бұрын

my favorite portfolio was Jantana Hennard

@johnnynelofficial 5 ай бұрын

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

@TNcFlipbook Жыл бұрын

Your video so Unique. A lot to learn here.

@pratikrajsah 2 жыл бұрын

video quality ❤️ I can see 100k subs 🥺

@AndresTheDesigner 2 жыл бұрын

❤ Thank you for believing in me!

@eyobtilahun2488 Жыл бұрын

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

@AndresTheDesigner Жыл бұрын

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

@user-kc5iz7ts7k Жыл бұрын

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

@shubhamhundet4391 2 жыл бұрын

Nice

@thewebstylist 5 ай бұрын

Wow!! 🎉

@jonathansivahera3886 Жыл бұрын

Jantana’s portfolio is giving me web flow vibes 😮

@AndresTheDesigner Жыл бұрын

I know! Love her website.

@templatesjungle 9 ай бұрын

Great

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

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

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

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

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

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

@Webrisernl Жыл бұрын

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

@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

@gideonokwechi3501 2 жыл бұрын

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

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

@moniquenavarro4131 Жыл бұрын

Saved

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

@paranoidbeats9579 9 ай бұрын

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

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

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

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

@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

@explorewithanshika 12 күн бұрын

Where can I learn these animations?😭

@rubendragan6514 Жыл бұрын

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

@deathnote3283 2 ай бұрын

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

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

why dont you check responsiveness

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

is the designer use GSAP ?

@adamdevro8614 Жыл бұрын

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

@star-devil9157 4 ай бұрын

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

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

@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

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

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

@fiqihalfarizy4843 Жыл бұрын

okay I'm so jealous and getting my head hotter :D

@AndresTheDesigner Жыл бұрын

hahaha, me too.

@user-zm5ev4ij4p Жыл бұрын

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

@CODETINO 7 ай бұрын

Yes I recreated

@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

@simoneaves9941 6 ай бұрын

These are all DREADFUL!

@gideonokwechi3501 2 жыл бұрын

Can you design this websites in webflow?

@AndresTheDesigner 2 жыл бұрын

Yes! Most of these websites & interactions can be developed on Webflow!

@sposo Жыл бұрын

I HATE the people that are forcing us to like and subscribe

@melikajmohamadi4321 Жыл бұрын

None of them are free?

@AbelJohn-cq2gg 9 күн бұрын

A question, can anyone answer? I want to create a unique portfolio for me in this way..... Is it possible create like this awesome UI design for free.....