This free online course teaches you to design a sample travel agency website using Adobe XD using simple guidelines and easy to follow steps. We begin by creating a design brief in Adobe XD and using it to explore your target audience. Then we study how to do a competitor analysis and see what other travel agency websites are doing correctly or incorrectly to avoid or adopt their decisions in your design. Discover how to create mood boards for your project using Adobe XD. We discuss finding templates of mood boards to download from the course instructor’s website. Several handy tips on how to create paper wireframes for your website and export them into Adobe XD will be outlined. You will also learn how to make paper wireframes for the navigation, homepage, destination page and special offers page of your sample website.
The course will then teach you how to put your collections of images, icons, colours, font, font sizes and combinations into a style guide using Adobe XD. Your clients can quickly glance at all the elements you used in your design using the style guide. Next, you will study how to design wireframes in Adobe XD and explore ways to turn your paper wireframes into wireframes to share with clients and acquire proper feedback. We demonstrate ways to group your items and elements in the artboard of Adobe XD and you will discover how to design dropdowns, sidebars, hover effects and son on for your websites. We also provide you with comprehensive guidelines on how to animate and make your web pages interactive and adapt them to different screen sizes.
Furthermore, you will explore tips on sharing prototypes of your web pages with your clients, teammates and other developers. Anyone with a basic knowledge of Adobe XD will find this course easy to follow. Upon completion, you will be confident to design intricate websites without using any code in Adobe XD and employ advanced animation and techniques. The instructor has over ten years of experience in teaching how to design websites and applications. Over the last five years, he has created over 500 design products and improved the lives and workflows of over 100 000 designers worldwide. So use his experience to your advantage and sign up for this course today!
Some points apply to every course of this kind; see how we rank.
Alison is in Tier 4: commercial training companies and platform-made courses of our institution ranking (50/100). Free to study, paid certificates, quality varies.
This is CS50W, CS50's Web Programming with Python and JavaScript. Register for free at https://cs50.edx.org/web. Slides and source code at https://cs50.harvard.edu/web. This course picks up where Harvard University’s CS50 leaves off, diving more deeply into the design and implementation of web apps…
Learning objectives This course picks up where Harvard University's CS50 leaves off, diving more deeply into the design and implementation of web apps with Python, JavaScript, and SQL using frameworks like Flask, Django, and Bootstrap. Topics include database design, scalability, security, and user…
Harvard University · edX
An introduction to the intellectual enterprises of computer science and the art of programming.
Learning objectives This course picks up where Harvard University's CS50 leaves off, transitioning from web development to mobile app development with React Native, a popular open-source framework maintained by Facebook that enables cross-platform native apps using JavaScript without Java or Swift.…
Harvard University · edX
An introduction to programming using Python, a popular language for general-purpose programming, data science, web programming, and more.
Harvard University · edX
This course picks up where CS50 leaves off, diving more deeply into the design and implementation of web apps with Python, JavaScript, and SQL using frameworks like Django, React, and Bootstrap.
