Это видео недоступно.
Сожалеем об этом.
How to make an Award Winning Portfolio Website - Process Breakdown
HTML-код
- Опубликовано: 14 авг 2024
- Live site: minhpham.design/
FWA Award thefwa.com/cas...
Awwwards: www.awwwards.c... (voting in progress)
Hon Tran - The Developer: hontran.dev/
Lenis Library: lenis.studiofr...
Greensock Gsap: greensock.com/...
---
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
@@Xettlcast 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...
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.
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.
Damn. This is not just a design, this is an Art!
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.
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 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.
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 "
Love this, everything is top notch. For me, the humour and play with text makes it different from the rest and shows your personality.
Absolutely fantastic website! I only recently found your channel, and I can tell you that you're work is on another level. Really inspiring.
Your design is so impressive bro, It somehow tickles me. You're truly admirable!
Bro i am daaaaaaaaaaaam impressed about your portfolio. It's really sick
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..
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
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)
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.
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 !
Just realized at 4:38 that I used one his concepts in the past; such a great designer!
Very detailed breakdown. Very inspiring!
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.
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.
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!
great way to show collaboration between designer and developer
that was so clever and creativity at it's finest! Great work sir!
CRAZYYYYYY one of the best portfolios I´ve ever seen
This is really awesome! You have an entire arsenal in your pocket already.
I'm in love with this site! Randomly stumbled on to your channel and I'm glad it happened lol.
Fake typing scene really holds it together
4:29 this cracked me up lol!
I truly believe, using video to explain your design thought process is the way to go. Great work by the way!
Super impressive and inspiring. Just started learning design. Keep us motivated!
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
Man this is top notch, a beauty to look at!!!
Awesome video! It's really helpful to see a professional designer's thinking process. Thanks Minh 😁
I have seen your site before this video and was unforgettable!
I love it. Thanks for sharing. Props to the developer. Would be cool if he also did a bts video.
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!
This is crazy! (clapping hand intensely)
Tự hào quá. This is amazing man, i’m inspired
Wow, impressive work!
Nice video, Nice Idea, Nice design, Nice dev.. Nice.
I remember seeing this on Muzli and was just in awe the whole time.
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 ✍🙏
You are so good!!! Really like your sense of humor =)))
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.
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.
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.
Fantastic Job u had done... impressive work ....
You know hyperplexed is here for sure
You're so amazing :3 Đỉnh lắm anh ạ
This is dope! Thank you for sharing
Amazing work Minh, very inspiring!
dope. thank oyou for sharing. love hearing your process
Inspiring designs. Best channel find in ages new sub here!
Beautiful, truly outstanding website.
I really love this design so much that I had to create my own using this style and concept 🤣🤣
This is amazing work pham.
This is so cool! Thanks for the quality video
Holy fuck man. Astonishingly good. So inspiring.
make a tutorial about that circular mask in figma
Love your work brother. Inspirational.
Great video man! Loved seeing a bit of the behind the scenes. Congrats on the awards :)
This perfectionism thing also keeping me down and triggers my anxiety. I'm trying to get it under control :)
Extraordinary website, thank you for the inspiration
I feel the same when working on personal project. 😬
Cool site btw, thanks for sharing process.
Good job sharing your process, regards from México
Thanks for sharing this process! This is amazing.
Man I think stuff like this is so cool, and I feel like most employers would be impressed. However, I was told in college not to supe out my website with animations and overly stimulating distractions.. If you're applying for a web dev job this might work I guess but I work in video and apparently doing this means site speeds are too slow and it's too difficult to just quickly find examples of my work for a hiring manager. I remember thinking that was a bunch of bull because my site should be a piece of my work in itself and represent my creativity and style, and instead the board of people I presented mine too just told me to take all that out and get to the point. Just enough visual interest to easy locate my work and my resume. For the record I still think that's a load of crap.
@Minh you were awesome man. I loved it :)
It's very inspiring me, thanks for your video
How much did he charge you?
Hey Michael. Do you need assistance with such a project? I am capable of such stuff
yeah how much
@@SashaChiricoyour pp is so good
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
Awesome website Minh, thanks for sharing!
I swear your website is so damn good. Goshhhh.
Great work man. Thanks for the inspiration.
wow! Love how cool this looks 🔥
Sir, you're so INSPIRATIONAL ! Thank you so much for sharing, may ALLAH BLESS YOU !
Well done! Looks great!
I have this Perfectionist personality that’s why I’m stuck over a year with my portfolio still not done yet
Best design i have ever seen 🔥🔥🔥
Please tell us guide to Pro full stack web developer 🙏🙏🙏
Dude legit made me question my skills 🥲 great work bro!
He is really an amazing person.
thank you so much for sharing the process ❤
amazing job. Thanks for this video !
Very inspiring
Thats amazing please bring one detailed tutorial on awwwward wining website design using figma with process
spectacular work! Really inspired but as a developer with zero design background, I can't formulate such fancy-looking interface 😭
I'm currently building my portfolio too and i am going through the same emotional experiences
Perfectionism😢
For me, this masterpiece is just out of the world 😍. I tried my best to find that hover circle enlarging and changing frame content within the circle effect in Figma, but I had no success🥲. I am a college student and a very beginner-level designer; I want to learn this type of effect. Can you share its Figma design version? or can you make a tutorial on it, please?❤
Merry Christmas 🎅❄☃
only I can say WOW!! sir !!
You are god in design! ❤
Thank you for sharing this!
Beautiful, thank you for sharing 🔥
Hi @Minh Pham, nice work. all your stuff is pretty great. So my question is how do you get around the issue with bringing 3D objects into mobile without sacrificing optimization?
Great stuff dude and just keep going.
Minh.. you're amazing 👌
Thanks for sharing! very inspiring