Responsive website design in Adobe XD | Agency website landing page
Welcome back everyone. Today we will show you guys how to create a responsive website in Adobe XD. We will create an agency website landing page as the responsive website demo.
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:20 Adobe XD artboard setup
00:58 Design website navigation bar
03:15 Design website hero banner
04:06 Website - Company mission
06:30 Website - Contact Us
09:30 Website - Team member
12:12 Website Footer design
13:05 Responsive website - Ipad version
16:29 Responsive website - Iphone version
===
Following link is the responsive web design template. Some images may have copyrights issued, so it will not be included.
Download link for this project file (ADOBE XD file):
https://drive.google.com/file/d/1QObc...
===
All the graphic that I used are come from:
https://elements.envato.com/light-and...
https://elements.envato.com/business-...
https://elements.envato.com/portrait-...
https://elements.envato.com/group-of-...
===
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: / esterification_art
My facebook: / esterification_art-109994664610586