Featured

Responsive website design in Adobe XD | Banking website landing page



Published
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:

https://www.flaticon.com/premium-icon/payment_4573037?term=digital%20bank&page=1&position=53&page=1&position=53&related_id=4573037&origin=search

https://www.flaticon.com/free-icon/blockchain_5966684?term=decentralized&page=1&position=62&page=1&position=62&related_id=5966684&origin=search

https://www.flaticon.com/premium-icon/ewallet_5392851?term=ewallet&page=1&position=38&page=1&position=38&related_id=5392851&origin=search

https://www.flaticon.com/premium-icon/money_2058414?related_id=2058414

===

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
Category
Web design
Be the first to comment