How to make an Award Winning Portfolio Website - Process Breakdown
Vložit
- čas přidán 27. 06. 2024
- Live site: minhpham.design/
FWA Award thefwa.com/cases/minh-pham-de...
Awwwards: www.awwwards.com/sites/minh-p... (voting in progress)
Hon Tran - The Developer: hontran.dev/
Lenis Library: lenis.studiofreight.com/
Greensock Gsap: greensock.com/gsap/
---
0:00 Intro
1:08 Concept / Ideation
1:47 Wireframe Design
2:20 Visual Design
4:32 Project Showcase / Sizzle reel
5:20 Motion Prototype
5:37 Implementation
UPDATE: my site won the Awwwards' Site Of The Day and Developer Award on July 20. Check it out here www.awwwards.com/sites/minh-pham-designer
awsm i really want to learn how to build site like this
Dude, at first I was shocked that they only gave you HM. But then they gave you SOTD, did they change their mind or are the picking SOTD from HM sites? Congrats anyway!
Congratulations buddy!
Congratulations - well deserved🎉
Need more info on the video :) trying something similar, but I dont get my background dark :o
Figma, After Effects, and Cinema 4d, you're more than a designer.
Full Stack Designer
@@abdellahtl of don't code you aren't full stack
how can you then put it in actual website? without coding
@@xgtwb6473 It's a joke...
@@seoulkimchi50 hiring a coder... but I agree knowing code would make this guy a phenomenon...
Excellent work man. thx for sharing the process. Prototyping in after effects was probably one of the best dev handoffs I've seen, well done and executed.
Man, totally subscribed. Your website is perfect and beautiful and the UX is spot on. Many websites abuse of animations, hover effects and over the top fancy stuff that only makes of an horribe experience for the user. You managed to keep things in balance throughout the entire page. Congrats!
I definitely applaud your extra effort on making it in after effects first. That's really going the extra mile.
Also, I was laughing at your perfectionism explanation, as it sounds like me attempting to think of my portfolio which I've done over and over in my head for years. I'm going to use your video as my motivation to get going on mine! Senior developer without a portfolio. What a fool haha
Building a prototype with moving elements in AE is not "going the extra mile", but rather a necessary step of communicating such a complex interactive design to the developer. Just describing it with text and static images would cause too many misunderstandings in my experience.
Damn. This is not just a design, this is an Art!
Absolutely love your video, and in general ALL of your videos are kickass. But this one thing you said, gave me goosebumps.
This summed up my whole life:
"Because it's one thing that I suffer from perfectionism (yes it's a thing )
perfectionism can trigger anxiety and depressions which will build up when you don't meet the high standard you set for yourself I believe every designer has already experienced this especially when working on your personal project, you know, projects have no batteries no deadlines no managers so that's not like a perfect world but you could be trapped in the state where you cannot move forward because you keep changing your mind to strive for the best that you can do "
Absolutely fantastic website! I only recently found your channel, and I can tell you that you're work is on another level. Really inspiring.
Love this, everything is top notch. For me, the humour and play with text makes it different from the rest and shows your personality.
Incredible website, dude
Would be great to see behind the scenes of the technical part as well - as a junior frontend dev I want to learn to do similar amazing stuff.
Having watched this I feel deep, honest respect to your personality, your work, your collaboration with coder and happy that the result was fairly appreciated. It’s inspiring, be sure)
Awesome video! It's really helpful to see a professional designer's thinking process. Thanks Minh 😁
great way to show collaboration between designer and developer
Your design is so impressive bro, It somehow tickles me. You're truly admirable!
This is really awesome! You have an entire arsenal in your pocket already.
Anh này đỉnh thật!
Well, I have an idea about a portfolio with both serious side and joking around just like you and already developing it, but this is just a whole universe level, seeing this help me get more motivation cause I'm learning and following exactly what you do even though I've only taken the first step since 2 yrs ago. So thankful that I accidently meet this while browsing for ideas, wish you all the best!
I truly believe, using video to explain your design thought process is the way to go. Great work by the way!
Your website is amazing, man! I've never seen anything like this before! Congratz, it's marvelous! 🔥🔥
Really like that dot transition from page to page . Good work !
CRAZYYYYYY one of the best portfolios I´ve ever seen
Your work is absolutely amazing, but honestly what it really expressed to me was, nobody could create this style of site, without actually being a cool person.. well done cool person..
Just realized at 4:38 that I used one his concepts in the past; such a great designer!
that was so clever and creativity at it's finest! Great work sir!
Man this is top notch, a beauty to look at!!!
I'm in love with this site! Randomly stumbled on to your channel and I'm glad it happened lol.
Bro i am daaaaaaaaaaaam impressed about your portfolio. It's really sick
Realy Awesome Portfolio, well done!! I was informed by a viewer of me that you did a video about your portfolio, realy interesting to see what your design process was i stumbled about your side on awwards and recreated your text effect your developer did a realy good job!! keep it on
i gotta agree with you, the "perfectinisim" trap is real, this make me stuck on personal projects for ages, specially when so many AI tool popping, its taking over so much of the work around us, i always have fear that my work must be seen less compare to other artists around. So I've been lately busy playing catching up with all the AI tools.
Super impressive and inspiring. Just started learning design. Keep us motivated!
Amazing work Minh, very inspiring!
Wow, impressive work!
Tự hào quá. This is amazing man, i’m inspired
Thanks for sharing this process! This is amazing.
Great video man! Loved seeing a bit of the behind the scenes. Congrats on the awards :)
Love your work brother. Inspirational.
You're so amazing :3 Đỉnh lắm anh ạ
dope. thank oyou for sharing. love hearing your process
wow! Love how cool this looks 🔥
You are so good!!! Really like your sense of humor =)))
It had issues when I load it on my mobile device which I bought just 5 months ago. But still an impressive website to showcase your skills and creative talent. To all arguing the site is impractical, chill it is just a portfolio. I am sure this guy understood the principles of UX when dealing with client requests and other projects for commercial release.
Thank you, bro, for your honest and amazingly inspiring work! Idea, simplicity, amazing result! I'm sitting on my own portfolio now, struggling with and versions :) Took your advises ✍🙏
This is so cool! Thanks for the quality video
This is dope! Thank you for sharing
I have seen your site before this video and was unforgettable!
Holy fuck man. Astonishingly good. So inspiring.
Awesome website Minh, thanks for sharing!
This is amazing work pham.
So cool!!
Great work man. Thanks for the inspiration.
Beautiful, truly outstanding website.
amazing work, love it
Extraordinary website, thank you for the inspiration
Well done! Looks great!
@Minh you were awesome man. I loved it :)
Nice video, Nice Idea, Nice design, Nice dev.. Nice.
Fantastic Job u had done... impressive work ....
amazing job. Thanks for this video !
👏👏👏 I loved it
Thank you! I'll give you the award for the most likeable designer 😀
Thank you!! You should have seen the number of Dislikes I have loll
Great stuff dude and just keep going.
Man this is phenomenal!!! I've been learning front end development and "trying" to get good at design. I'd be extremely interested in watching the code get made for this!
brother you need a good knowlege of figma and after effects to build something like this .Hope this helps.
Beautiful, thank you for sharing 🔥
Very cool!
Site looks dope!
thank you so much for sharing the process ❤
This is very neat!
Thank you for sharing this!
Inspiring designs. Best channel find in ages new sub here!
Thanks for sharing 👏
I love it. Thanks for sharing. Props to the developer. Would be cool if he also did a bts video.
This is crazy! (clapping hand intensely)
It's very inspiring me, thanks for your video
Sick 🔥
Brooo just visited your site, that’s so damn good, I swear that’s so good. Goshhh hell I wish you could just make a tutorial or walk through tour process. I wish you would make something like that in the future. That’s so damn good.
Thank you for sharing this ❤
Good job sharing your process, regards from México
Thanks for sharing! very inspiring
I remember seeing this on Muzli and was just in awe the whole time.
Awesome!
Thanks for sharing! 😍
Thanks mann!!
Cái portfolio site đẹp quá. Hy vọng có cơ hội cộng tác cùng Minh nha. Thanks for the presentation.
Minh.. you're amazing 👌
You are god in design! ❤
bro you inspired to create this account. I'm gonna be doing content like you or something I have in mind for my brand..love your works.
Fake typing scene really holds it together
Inspiring. Thank youuu!
Brilliant.
I swear your website is so damn good. Goshhhh.
Nice work!
Dude legit made me question my skills 🥲 great work bro!
Crazy shit... I love it
Amazing
Very inspiring
He is really an amazing person.
Man you inspired me
hay quá anh ơi
I really love this design so much that I had to create my own using this style and concept 🤣🤣
i would never visit a website because of that nice looking layout, impresing colors ore superfancy animations, the major goal is a userfriendly experience website what have the best value for just every company.
this is crazy!!