I tried to design and code an awwwards-inspired portfolio website. Here's the process
Вставка
- Опубліковано 28 чер 2024
- Developing and designing a portfolio website is super fun and I definitely recommend everyone to make their own as a side project 🎨.
I really hope you guys enjoyed this video and thank you everyone for almost 500 subscribers, it really drives me to keep going. Don't forget if you have any suggestions, feedback or ideas feel free to leave a comment down below or reach out to me via email 🫵
🚀 Check out my portfolio website here:
www.huyng.xyz/
🔗 Resources Mentioned:
www.fontshare.com/
uncut.wtf/
www.awwwards.com/
greensock.com/
www.figma.com/community/file/... (SVG Shapes)
⏰ Timestamps:
0:00 Intro
0:28 Part I: Finding Inspiration
1:14 Part II: Colors & Typography
2:35 Part III: Logos & Assets
3:26 Part IV: Designing Website
4:53 Part V: Development
6:03 Final Results
7:06 Thank you!
⭐️ Try out Figma for free - best tool for web design:
psxid.figma.com/ate27lpjj9a6
🀄️ Try Tilebit for free - speed up your design with quality premade components:
bit.ly/trytilebit
🌊 Support the Channel:
ko-fi.com/supporthuyng
🎵 Music:
I get my amazing music from Epidemic Sound. Get a free 30 day trial here it would support the channel a lot, thanks!
share.epidemicsound.com/isj993
💬 Socials:
bento.me/huyng
📧 Email:
hello@huyng.xyz(for business inquiries)
.
.
.
.
.
.
.
.
Assets used:
www.pexels.com/video/overview...
www.pexels.com/video/white-se...
giphy.com/gifs/uwu-cafeilustr...
#frontenddeveloper #frontend #design #webdesign #portfolio #uidesign #uxdesign #awwwards #webdesigner - Наука та технологія
Bro Pin me now, cozz this channel is going to blow up soon 🔥
Haha FOR SURE! I appreciate it
@@huyngxyz hey there, so i am student and now a day i am trying to learning web design on wordpress elementor. Now i was just scrolling on youtube and saw this video. So can you please please tell me which website or software you are using for designing your website because i am using wordpress elementor so can you tell me your's Thank you.
@@huyngxyz and one more thing. Does this requres coding because mine is just drag and drop
He seems hand codint without a builder like elementor !
Hey Huy can I know , how did you came with your logo design @@huyngxyz
Huy, thank you so much for your content, it really helped me to escape my procrastinating and stuck phase on an aspiring frontend developer journey. My code learning started in October 2022, and currently I am also working on my personal website, but thanks to your video I've noticed that I made a couple mistakes during the design process which made the development stage harder. So now I can return to that stage and make some changes.
Your channel overall has helped me a lot both in organizing my processes and being more productive in general, I wish you the online recognition you deserve and hope to see more new videos from you soon. Thanks again, and have a nice day!
I'm really happy to hear that my videos have helped you in some sort of way, it really means a lot! I also started in October 2022, we just need to keep learning and building . Thank you Daria, and make sure to share your portfolio once it's completed, I'd love to see it.
Glad this blew up! I appreciate you giving viewers the small tools that help design decisions, like the typography tool.
At first when i saw the website design in the thumbnail i instantly thought yours might be a famous channel but i am shocked its not. The website design is so good, the effort put in the whole process is laudable
Thank you so much Vis, I am super glad that you've enjoyed it 💯🙏
Crazy design man! And the animations are sooo SILKY smooth! You're an inspiration
great video! I really liked that you gave time to both code and design! I rarely find people who take effort to design themselves. But they should. Even though I am not a designer (not a pro) but I like good design and basic rules apply everywhere.
You've made a great website, thanks again for making the video. I was trying to update my portfolio and this video came on the right timing!
Really appreciate the way you included the whole process. When I first started I only focused on the development part not on the design so it really becomes essential for a developer to focus on both aspects . Great job !
For sure! Doing both aspects of design and development are also super rewarding as well!
This is awesome, I've been learning web development for the past year and a half and even though I try to plan my projects thorougly, I end up leaving many decisions for last minute. Nice to see how someone else approaches this.
Nice project dude. You're leaps and bounds beyond what I'm capable of currently doing.
Thanks man! I wouldn't say that I am leaps and bounds beyond anyone but everyone is capable of creating these kind of websites. Just constant building, building and building. Good luck on your journey!
Great content! As someone learning to code, this video helps me to know the possibilities I can achieve in time through more work and dedication. And good luck with the youtube channel, you're going far
You are going places, my man. Great content
I had never thought about choosing my colours from the clothes I use to wear, I find this tip interesting and I'll try it, cause I didn't know where to begin. Also you referenced to colour psychology in another video on building a portfolio, I'm going to study it properly, cause this was not the first time I came across the concept, but I never took the chance of studying it properly. I'll do💪📚
You give precious advice, thanks, people do it rarely on UA-cam !❤
Awesome portfolio, and well done on execution from start to finish!
Really nicely put! Great work!
This is genuinely amazing
BROOO, i love your web development content, Subscribed!!!
Thanka Huy for showing the process.
I got a lot of knowledge from your perception
Great to hear it man, thanks a lot!
Such an amazing content bro, im planing to make my own web design after wacthing your video : )
This is awesome! immediately subscribed!
I am also making my portfolio i am so inspired from u thanks huy your every video inspire and teach me a lot
Keep up the good work my man
The end result is beautiful!
beautiful site and great video bro! I just bought a 3 letter domain I want to use for my portfolio so this def gave me inspiration to finally go start designing it!
Hope, you’ll be noticed by more Polish viewers🗿
great video, loved the website
thats the type of design i like, well done keep it up
This is incredible work bro 👏 got me inspired to make my own site even better 😅
Awesome bro keep creating cool stuff 🔥❤️
Thanks so much Ashutosh
That’s an amazing portfolio! And the video was very inspiring! Thanks for your tutorials , there are great
Glad you like them!
Great video mate, amazing visuals, a unique suggestion on how to choose a colour palette for your portfolio. You just earned an other subscriber. Keep up the great work!
Big thanks Vedant, I am glad that you've enjoyed the video
loveed the process💖💖💖💖
Ahh this is soo good!! All the best for the future.
Thanks so much
This is incredible work bro 👏
The website design is awesome🔥
Absolutely a great video.
Mate, that's so cool. It's like it was created by someone who has been in the industry for a long time.
Amazing. Thank you so much for your content
great video, and great channel too. I'm also starting to learn creative coding and I needed a reference point and your channel is perfect. THANKS
Glad to hear that man! Best of luck in your creative coding journey, see you around
THIS IS DOPE!!! subbed
Nailed it dude!
This channel will be big !! Nice job 🎉
Thank you Maymu 🙌🙌
really great master class
Bro thank you so much for this sick video. You have inspired me so much from just 1 video lol. I'm so motivated right now, so imma go and use your methods and resources that you have shared(very helpful btw) and will try to make some cool projects. Thank you so much!!. Waiting for more awesome content like this!!!
LET'S GO!! Content like this is coming soon your way : )
Respect for doing this all on a tiny screen!
Bro this was amazing youre gonaa blow up soon
Thank you so much, happy to hear that you enjoyed it
damn bro really cool video, really cool website, loved learning more about the process. Please keep on doing content like this
Glad to hear it man, more coming soon! Stay tuned 😉
really enjoyed the video, quite a fun watch :)
Glad you enjoyed it!
I am a new developer. This video gives a great idea of how to make your own website in steps and even create something unique of your own from various inspirations. Great work bro 💯
Super great to hear man! Thank you and good luck with your developer journey 🔥
insane channel with insane content.
Such a good piece love it !
Thank you! Cheers!
This looks awesome man.
Thanks man!
wait this is actually so cool huy
😋
That gave me a lot of inspiration fir today, thankyou Huy.
Happy to hear it, no worries!
Amazing !!!
Wow literally woww
Bruh that thing is so Clean 🙇🏻♂️ am definitely stealing it 🥸
Amazing 😮
Beautiful bro!
Appreciate it Tio!
probably the best portfolio i've ever seen
Really appreciate it 😁
amazing video, thank youu!
Glad you liked it!
That's a nice portfolio website! I'm currently redesigning my own, so you gave me some cool ideas. I'm definitely stealing the svg icons Figma file. 😂
Haha the svg icons definitely come in handy!
Loved it❤🎉
Thank you! I really appreciate it
Bro this is SICK 😫
Yo Longgg, thanks a lot man. I really appreciated it 🤙
This was such a good video. i recreate awwward website animations so this was such an interesting video to watch.
Hey Diego, I appreciate it man !
love your stuff!
Thank you so much Diya! I'm glad you've enjoyed it
I’m on my way to becoming a software engineer and this is phenomenal!!! Dude teach me!
Nice job!
very cool break down
Excellent content!
Much appreciated!
Awesomeeeeee. Won a follower
Bro I'm from india and just now yt algo showed me your video and when I opened the playlist section it was insane you got a subscriber from India love your content keep growing and make such videos♥️
Really appreciate it man!
Awesome!
Content 🔥💯
this is fucking gorgeous. incredible work
Really appreciate it man ✌️
Đỉnh quá anh ơi!!!
Great job, I really like your site
Happy to hear that Carson! Thanks a lot!
Your whole aura is minimalist
Haha you got that right
Đỉnh quá a ơi :D Lướt thấy video của anh thấy tên giống mà hóa ra là đồng bào thiệt :3 +1 sub ạ
You got a new subscriber Huyng
Its my suggestion please take this only website project and teach us from designing website to development..no one on this internet is teaching us.
Hey! Sorry for the late reply! I am planning to make small tutorial videos on some of the interactions that I have done on my portfolio. Stay tuned for that and thanks for the suggestion!
Can you tell me how you learned using gsap with react cause every time I am finding myself with those html, css and js
@@arshnabi4312 use framer motion with react it’s modern and powerful for animations
You guys can check shreyians coding school channel in youtube, it's great for learning coding in hindi, if you are from india, and he taught a lot in frontend so check him out
@@dmztmeh
Great video, i liked your process of explaining these different steps.
Do you have any plans on releasing a video on your new portfolio? I would really enjoy some insights on the technologies you used. Your new site is just soo smooth 🥰
Definitely in the pipeline 😁
this is so cool
Great looking website👍
Glad you like it 🙌🙌
Bro you portfolio deserved the awwwwward. super dope
love it
100% would hire you
damn bro amazing website, fr
amazing
Hope you guys enjoyed this video, if you have any questions please feel free to leave a comment down below!
Been watching your video keep up the good work. Loved the website.
Nice work
Great job huy I just want to ask you how did you present you website that way like it easing in 🎉
Love your videos!
In the inspiration step, did you just screenshot the websites you liked and uploaded the images into Figma?
Man!!!, Your cursor follow animation is looks sick. Could you please tell us how do you made it?
Hey, the video is awesome! The effort put into it this time was even greater. I loved it! I also wanted to point out an advancement in your portfolio. It would be great if you could add the attribute 'target=_blank' to your anchor tags, for eg in projects section the links don't have this. This will open your projects and links in a new tab, making it easier for people to come back to your website. Great work!
1000% definitely a great improvement for ux, I didn't know this existed before haha. I'll be making the change right now as I see this comment. Thanks so much Sai and I'm glad you've enjoyed the video
@@huyngxyz wait - You've managed to code such an amazing website, and didn't know that target="_blank" exists? That's even more awesome that You've done it. Nice work mate!
This looks cool😎😎
Appreciate it man!
so good
Đỉnh quá broooo
goated
Хуй, отличная работа, анимации просто супер
Nice video
Can you do a tutorial about that custom cursor on hover pleaseee.