Responsive website design in Adobe XD | Banking website landing page

Welcome back everyone. Today we will show you guys how to create a responsive website in Adobe XD. We will turn a banking website design into mobile screen size.

In this design tutorial:
1. Arrange basic layout in Adobe XD
2. Design responsive web homepage
3. Conceptualize minimalist style effect
4. Web deisgn homepage layout overview

Episode Breakdown:
00:00 Introduction
00:12 Adobe XD artboard setup
00:20 Design website navigation bar
01:29 Design website hero banner
03:20 iPhone size website layout - Best in All
04:32 iPhone size website layout - Our offerings
06:16 iPhone size website layout - Contact us
06:57 iPhone size website layout - Footer design


All the graphic that I used are come from:






Thanks for watching! Hope you enjoyed the video! If there's anything you would like me to cover in a Youtube video, let me know by commenting down below!

Be sure to subscribe to my channel :
My instagram: https://www.instagram.com/esterification_art/
My facebook: https://www.facebook.com/Esterification_art-109994664610586
Web design
Be the first to comment