How to make an Award Winning Portfolio Website - Process Breakdown

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

[@MinhPhamDesign]

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

[@ix_haze]

awsm i really want to learn how to build site like this

[@MyCatKilledYourDad]

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!

[@AnasAhmed-ib1my]

Congratulations buddy!

[@SprayArtNYC]

Congratulations - well deserved🎉

[@thevikingsock8527]

Need more info on the video :) trying something similar, but I dont get my background dark :o

[@DjFinestWorldWide]

Figma, After Effects, and Cinema 4d, you're more than a designer.

[@abdellahftl]

Full Stack Designer

[@xgtwb6473]

​@@abdellahftl of don't code you aren't full stack

[@seoulkimchi50]

how can you then put it in actual website? without coding

[@nobody-bt7mu]

@@xgtwb6473 It's a joke...

[@omarhussari7666]

@@seoulkimchi50 hiring a coder... but I agree knowing code would make this guy a phenomenon...

[@peternicholson26]

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

[@grosseweitewelt]

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.

[@ameet2000]

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.

[@sergio_grez]

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!

[@ismailfaturrohman4858]

Damn. This is not just a design, this is an Art!

[@zgo99]

Absolutely fantastic website! I only recently found your channel, and I can tell you that you're work is on another level. Really inspiring.

[@ReadyDesignerOne]

Love this, everything is top notch. For me, the humour and play with text makes it different from the rest and shows your personality.

[@Poojajaja]

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 "

[@UXUSANDCHILL]

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.

[@huyngxyz]

Awesome video! It's really helpful to see a professional designer's thinking process. Thanks Minh 😁

[@davemorgang]

Your website is amazing, man! I've never seen anything like this before! Congratz, it's marvelous! 🔥🔥

[@robin.journal]

Your design is so impressive bro, It somehow tickles me. You're truly admirable!

[@zeph1697]

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!

[@michaelabanin]

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)

[@adevikthur]

This is really awesome! You have an entire arsenal in your pocket already.

[@hoshi6411]

Really like that dot transition from page to page . Good work !

[@hellobont]

Great video man! Loved seeing a bit of the behind the scenes. Congrats on the awards :)

[@sonoftroy8572]

I truly believe, using video to explain your design thought process is the way to go. Great work by the way!

[@nobody-bt7mu]

I'm in love with this site! Randomly stumbled on to your channel and I'm glad it happened lol.

[@cavancreatives]

that was so clever and creativity at it's finest! Great work sir!

[@imagingconcepts]

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

[@jadenkarim5367]

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.

[@UnleashedDesign]

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

[@rajniranjan]

Super impressive and inspiring. Just started learning design. Keep us motivated!

[@valeriabarrosfreitag4709]

CRAZYYYYYY one of the best portfolios I´ve ever seen

[@motips]

Amazing work Minh, very inspiring!

[@user-js7uz6wg1r]

Bro i am daaaaaaaaaaaam impressed about your portfolio. It's really sick

[@golandesign]

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 ✍🙏

[@CodingPhase]

great way to show collaboration between designer and developer

[@matteozhang7140]

Just realized at 4:38 that I used one his concepts in the past; such a great designer!

[@alibaker78]

Man this is top notch, a beauty to look at!!!

[@nylDev]

Thanks for sharing this process! This is amazing.

[@jayellwood]

Love your work brother. Inspirational.

[@jakcreative6973]

You are so good!!! Really like your sense of humor =)))

[@feltronnn]

Wow, impressive work!

[@braydenfriesen6654]

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!

[@Robert-um2oe]

brother you need a good knowlege of figma and after effects to build something like this .Hope this helps.

[@broofya3805]

Thank you! I'll give you the award for the most likeable designer 😀

[@MinhPhamDesign]

Thank you!! You should have seen the number of Dislikes I have loll

[@des7638]

dope. thank oyou for sharing. love hearing your process

[@arafatnayeem4846]

This is amazing work pham.

[@Devprogram]

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.

[@nazdumanskyy]

wow! Love how cool this looks 🔥

[@parikhvedant]

amazing work, love it

[@ZioSenkai]

You're so amazing :3 Đỉnh lắm anh ạ

[@pablocortes682]

Awesome website Minh, thanks for sharing!

[@stochasticthots]

This is dope! Thank you for sharing

[@neoshung3656]

Tự hào quá. This is amazing man, i’m inspired

[@gamepacked]

This is so cool! Thanks for the quality video

[@RyanMayer]

Well done! Looks great!

[@djdesigns81]

Great work man. Thanks for the inspiration.

[@willl0014]

I have seen your site before this video and was unforgettable!

[@rainbownahida1103]

Fantastic Job u had done... impressive work ....

[@subramanian-kalyan]

@Minh you were awesome man. I loved it :)

[@TheDyingPlant]

Inspiring designs. Best channel find in ages new sub here!

[@bragagamingz]

Extraordinary website, thank you for the inspiration

[@Tharushism-su2ev]

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.

Great stuff dude and just keep going.

[@maxwebstudio]

amazing job. Thanks for this video !

[@SprayArtNYC]

thank you so much for sharing the process ❤

[@RelicWessels]

Beautiful, thank you for sharing 🔥

[@TerenceKearns]

I love it. Thanks for sharing. Props to the developer. Would be cool if he also did a bts video.

[@London-Outdoors]

Beautiful, truly outstanding website.

[@Jjjabes]

Nice video, Nice Idea, Nice design, Nice dev.. Nice.

[@ramahstudio]

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.

[@104_muhammadhaikalrahman4]

It's very inspiring me, thanks for your video

[@aeronbarreras2923]

I remember seeing this on Muzli and was just in awe the whole time.

[@cmnweb]

Good job sharing your process, regards from México

[@andretansil8374]

Thanks for sharing! very inspiring

[@MrMamfred77]

Minh.. you're amazing 👌

[@jarmel3745]

Thank you for sharing this!

[@gregory2156]

Thank you for sharing this ❤

[@minhrdi]

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.

[@evgenia8326]

You are god in design! ❤

[@aminansar5294]

Insane stuff man, you are extremely creative. I would love to learn from you if you have got a course on design and 3d stuff

[@brucekennedy5274]

Holy fuck man. Astonishingly good. So inspiring.

[@Tharushism-su2ev]

I swear your website is so damn good. Goshhhh.

[@werchsley]

This is very neat!

[@alwayjohnrallos7359]

Inspiring. Thank youuu!

[@hucancode9]

So cool!!

[@abhisheksharma-xo8kw]

He is really an amazing person.

[@hanscesa5678]

I really love this design so much that I had to create my own using this style and concept 🤣🤣

[@ferminciudad6800]

👏👏👏 I loved it

[@ed.penkov]

Thanks for sharing! 😍

[@mumk]

spectacular work! Really inspired but as a developer with zero design background, I can't formulate such fancy-looking interface 😭

[@iqbalmauludy]

I feel the same when working on personal project. 😬 Cool site btw, thanks for sharing process.

[@elierh442]

Very cool!

[@feelgoodmusic8722]

Site looks dope!

[@charlie113]

While this is a great demonstration of technical skills, I think the true content (projects) is sunk within the amount of effect and overload of animation. Thumbs up!

[@ratstar4102]

Man you inspired me

[@hemantkumarnirmalkar2868]

Best design i have ever seen 🔥🔥🔥 Please tell us guide to Pro full stack web developer 🙏🙏🙏

[@shrutisharma8750]

Thanks mann!!

[@theado3183]

This is crazy! (clapping hand intensely)

[@LCJ15]

Awesome!

[@hamptonpete7905]

4:29 this cracked me up lol!

[@crrnt2684]

Nice work!

[@khoroshoigra8388]

only I can say WOW!! sir !!

[@toluwanimifavouronifade8702]

Very inspiring

[@4988raja]

congrats on your breakthrough. could you please make more videos on spline tutorials. it's hard to grasp lessons on youtube as there aren't much tutorials to learn.

[@TrezStudio]

Sir, you're so INSPIRATIONAL ! Thank you so much for sharing, may ALLAH BLESS YOU !

[@sergejs.4661]

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.