I tried to design and code an awwwards-inspired portfolio website. Here's the process
HTML-код
- Опубликовано: 6 авг 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 🫵
🔖 Join my free monthly newsletter for more exclusive freelance and web contents:
subscribepage.io/huyng
______________________________________
🚀 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
🌊 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
Glad this blew up! I appreciate you giving viewers the small tools that help design decisions, like the typography tool.
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!
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.
Awesome portfolio, and well done on execution from start to finish!
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
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 💯🙏
You are going places, my man. Great content
Crazy design man! And the animations are sooo SILKY smooth! You're an inspiration
Really nicely put! Great work!
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!
great video, loved the website
thats the type of design i like, well done keep it up
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 RUclips !❤
That's AMAZING, what an awesome portfolio. Great job man!
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.
BROOO, i love your web development content, Subscribed!!!
Such an amazing content bro, im planing to make my own web design after wacthing your video : )
This is genuinely amazing
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!
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!
This is incredible work bro 👏 got me inspired to make my own site even better 😅
This is awesome! immediately subscribed!
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
Keep up the good work my man
Amazing. Thank you so much for your content
Had to create an e-portfolio and stumbled onto this video but i really love it. the website looks great too.
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 incredible work bro 👏
loveed the process💖💖💖💖
really great master class
THIS IS DOPE!!! subbed
Amazing 😮
Absolutely a great video.
The end result is beautiful!
That’s an amazing portfolio! And the video was very inspiring! Thanks for your tutorials , there are great
Glad you like them!
Thanka Huy for showing the process.
I got a lot of knowledge from your perception
Great to hear it man, thanks a lot!
Ahh this is soo good!! All the best for the future.
Thanks so much
The website design is awesome🔥
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 : )
I am also making my portfolio i am so inspired from u thanks huy your every video inspire and teach me a lot
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 😉
Awesome bro keep creating cool stuff 🔥❤️
Thanks so much Ashutosh
Nice job!
Nailed it dude!
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 !
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!
really enjoyed the video, quite a fun watch :)
Glad you enjoyed it!
This channel will be big !! Nice job 🎉
Thank you Maymu 🙌🙌
Hope, you’ll be noticed by more Polish viewers🗿
That gave me a lot of inspiration fir today, thankyou Huy.
Happy to hear it, no worries!
very cool break down
Хуй, отличная работа, анимации просто супер
Amazing !!!
Bro this was amazing youre gonaa blow up soon
Thank you so much, happy to hear that you enjoyed it
Such a good piece love it !
Thank you! Cheers!
Đỉ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 ạ
Mate, that's so cool. It's like it was created by someone who has been in the industry for a long time.
Loved it❤🎉
Thank you! I really appreciate it
insane channel with insane content.
amazing video, thank youu!
Glad you liked it!
Awesomeeeeee. Won a follower
Bruh that thing is so Clean 🙇🏻♂️ am definitely stealing 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 🔥
Awesome!
wait this is actually so cool huy
😋
Respect for doing this all on a tiny screen!
This looks awesome man.
Thanks man!
love your stuff!
Thank you so much Diya! I'm glad you've enjoyed it
Beautiful bro!
Appreciate it Tio!
this is so cool
Nice work
Wow literally woww
Excellent content!
Much appreciated!
Content 🔥💯
love it
Đỉnh quá anh ơi!!!
I’m on my way to becoming a software engineer and this is phenomenal!!! Dude teach me!
amazing
damn bro amazing website, fr
Great job, I really like your site
Happy to hear that Carson! Thanks a lot!
Bro this is SICK 😫
Yo Longgg, thanks a lot man. I really appreciated it 🤙
You got a new subscriber Huyng
Nice video
100% would hire you
this is fucking gorgeous. incredible work
Really appreciate it man ✌️
so good
Great looking website👍
Glad you like it 🙌🙌
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!
Bro you portfolio deserved the awwwwward. super dope
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!
probably the best portfolio i've ever seen
Really appreciate it 😁
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 looks cool😎😎
Appreciate it man!
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 vid
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
Bruh that's cool
Your whole aura is minimalist
Haha you got that right
Đỉnh quá broooo
goated