7 Portfolio Websites That Will Make You Jealous
ฝัง
- เผยแพร่เมื่อ 17 พ.ค. 2024
- 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
*👇🏼 How I got my 1st UX Client 👇🏼*
th-cam.com/video/GT5-IKopEVA/w-d-xo.html
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.
thx for the info!
Thx
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 ❤
the art of making a perfect video...amazing work Andres
You are really investing in your content, the background music, and your setup. seriously damn amazing.
Thank you Durgesh! I'm just making videos that I would want to watch :)
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
Thanks for the love Sam!
loving your editing style and the general vibe of the channel! awesome work 👏
Awwww, I really appreciate it 🙏🙏🙏 Love the authenticity & story telling of your content.
@@AndresTheDesigner Thank you Andres!
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.
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).
i guess finally i am not alone
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.
@@adetutuolabisirichard4730me too.
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.
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.
Thank you so much for this video. Super helpful and well-presented. Your time and effort is most appreciated!
@andres can you share how did you edit this video? looks really cool frames are very smooth.
This is amazing! Thank you
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?
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?
@@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.
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. 🔥
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
Omg loved the tunes,all, and got very excited, omg omg amazing...projects omg❤
The cinematic s of your video and your swag is out of this world and funny man….liked and subscribed
Thank you & welcome to the club purple rabbit 😎
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
Wow... Thank you so much for your kind words Armando. I really appreciate the support. 🙏🙏🙏
Thanks for the video it will really help
Great editing dude. A lot to learn here ✍️🙏🏾
Appreciate that!
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!
How did the bootcame go?
@@MilitantExtremist recently joined one last week after so much thinking & researching. I start on May 22nd :)
@@I3eyondhow was it? Go into detail and put in a link
If you goal was to get me pumped. I’m half way through and I AM PUMPED.
Liked and subscribed
My man is back finally ✨
😅 Your man is back indeed 🔥
I really love your style. So unique and engaging
I appreciate you 🙏🏼🙏🏼🔑🔑
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 ?
Th editing at 0:40 literally made me like the video😂 Great content and really well put together!
Yes 😅
Amazing 🥳🥳
Hi! This is really cool video and works, and I was always wondering how do people find these portfolios? Can you share please? ☺
Holy cow, the first one is insane😮now i wanna these skills
Yo sick intro!!! I love this video :)
😭 🙏🏼 yoooo thank you!!! Trying to learn from you! hahaha
Cool overview though! Nice cases and talented people!
I love it. Thanks for making this video
Glad you enjoyed it! 🙏🏼
Hi, just came across this video and loved it! Was wondering what website platform did Dennis use to build his website?
looks like webflow, but I dont have sure man.
Great video!
Anyone knows where can i find the background music at the beginning?
Wow very impressive! I’m inspired
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.
great job excelent portfolios! does anyone know if hostinger works for backend or only frontend?
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.
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 ☺️
Appreciate the kind words and the feedback! Will consider making smoother edits next time :)
my most favorite portfolio out of all is probably olivier's.
Nice review Andres
Thank you Chris! 🙏
truly amazing intro sound design
Thank you! I try hahaha 😂
that is a great video for inspiration but with a little bit turn the volume down for better
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
Nice Video Bro
I am a beginner and I am smh encouraged by your content💫💯
Thank you.
Are they responsive?
Would love to see yours as well
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 😊
your friend porto is actually fire and lot of knowledge, cool.
Thanks man! He's an awesome friend too
What's technologies are use to building these websites?
good amount of knowledge
can you make one for marketing professional's portfolios please ? great video tho
Jantana's portfolio has me DROOLING
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.
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.
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.
@@timecircle8420 Yeah but not every passion is profitable. Find the the balance in both.
@@AndresTheDesigner wait what did you study business before design?
So when making a case study, I should use the color scheme from the project and not the overall portfolio?
I've seen portfolio's do both! So it depends. Use your best judgement.
How can I make a moving background on Janana hennard's website? can anyone help?
Are these websites made with coding or framer type thing?
Unfortunately, FranciscaMoura's website is not available now... But all of these portfolios are awesome!
Newbie question, on which platforms are these portfolios built on?
you are the missing the biggest part which is resizing the viewport to see how responsives those designs are...
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.
Do you really think a desgin like that won't be resposive comeon now
awesome can you tell us What background music have you used
I use artlist.io and epidemicsound.com for my background music!
Hi, why no one doesn't slide right/left why each one I must scroll? Is that industry standard or what?
my favorite portfolio was Jantana Hennard
Great
Replicating some of these portfolio designs is okay right? I wouldn’t get in trouble? 😂 please post more videos!!
🤣 will do! I recommend reading “steal like an artist” it’ll answer your question 👌🏼
I loved the first website, am stealing that one😊, just gonna make some tweaks
Please, can you tell me what's the name of the font that you use in your videos?
"Syne" i guess🤔
Monument Extended 😉
Thanks
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 🎉❤
Any tips on how to create these... I need a new website like these.... im Jealouse :(
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
How to upload responsive website in behabce or where we upload a responsive website?
Jantana’s portfolio is giving me web flow vibes 😮
I know! Love her website.
video quality ❤️
I can see 100k subs 🥺
❤ Thank you for believing in me!
the Intro >>>>>>>>>>
😅 I appreciate it my man! Intro was a work of love!
Your video so Unique. A lot to learn here.
how much time will I need to design portfolio's like these, if I start learning frontend today??
1 - 2 days if u really good at UI design and creative animation
Nice
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?
you can do that with just JS, CSS and HTML or React.
Wow!! 🎉
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.
Ah! Goood point. Totally forgot about checking these websites out on mobile. Thanks for pointing that out.
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.
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.
Saved
Which portfolio was your favorite?
all of them
The last ! I mean wow.. this guy is a genius !
Dennis's was my favourite. It's so cool, and minimal. And the interactions, animations, the feel, Oh Awesome!
How can I get a UI UX job if I do self teaching? Could you please help me in knowing that?
@@100DaysExile watch till the end of the video! 👍🏼
is the designer use GSAP ?
Can websites such as these be created in Squarespace?
The websites with fancier animations & interactions, probably not. I recommend using Webflow or doing something custom, for those fancier interactions & animations.
What you are missing out is that 90% of people use smartphones for browsing, so no hover effects on mobile.
Sadly, most HR departments don't care about this, especially here in the Philippines.
How should beginner UI/UX designer make their website? They should hire a front end developer?
My favorite way to build a portfolio is Webflow webflow.grsm.io/5347348 . But let me know what you're considering!
I think TH-cam updated their app. When you said "All you gotta do is like this video", the Like Button on TH-cam light up. 😮
Did you do that or is it a coincidence it light up at the same time you said it?
I noticed that!! Totally cool that TH-cam did that hahaha
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! 😢😢
Ohh I did
okay I'm so jealous and getting my head hotter :D
hahaha, me too.
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.
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🫠
How it's possible to demonstrate case studies so deep if almost all big projects are under NDA?
Can you design this websites in webflow?
Yes! Most of these websites & interactions can be developed on Webflow!
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.
most arent that interestig on mobile and that's always what matters
why dont you check responsiveness
Bruhh barely a min in and Dennis made me realize, my site is sheet💀
SAME! LOL 😂
Are these portfolios made using wordpress?
Same question ! thought hardly doubt it
I don't think so! If you want something really custom, I recommend webflow. Sky is the limit with that tool. Framer is a great second choice.
bruh I just learned how to apply a blur effect to the background of a text.