Website Design From Scratch In Adobe Xd - Travel Agency
Learn how to research, design, animate and share a complex travel website
Master Complex Layout And Animation Techniques And Advance Your Career Today
16+ hours of video content, helpful practice files and industry leading examples to help you get started, today.
Complete Design Process
Starting with design brief and ending in developer handoff, we are going to cover it all.
Micro Interactions
Unlike static designs, by using micro interactions, clients will understand your design much better.
Resource And Practice Files
You will be able to follow along, practice what you learned and present it in a portfolio later.
50k+ Students Already Enrolled
Over 50.000 students already enrolled in my courses, changed their lives, found better jobs and improved as designers.
Topics Covered In The Course
Scroll down to see what we are going to cover in this 16+ hours long course.
Get Started In Adobe Xd
Learn what Adobe Xd is, what are it's features and how to optimize it for yourself and your workflow.
How to research, plan and
design a website
Starting with a design brief, we are going to explore who our client is, which industry they are in, who is their competition, what is our deadline and so much more.
Determine the design direction
Create mood board to determine the design style and direction and overall feel of the project before creating the layout and design.
Creating Paper Wireframes
Wireframes are essential part of the design process, because they are the key to laying down the structure of our pages on the piece of paper before moving into Adobe Xd.
Creating Wireframes In Adobe Xd
When our paper wireframes are finished, we are going to bring them to Adobe Xd where we are going to start with the real structure, and share them with our clients or team mates for feedback.
Creating Design In Adobe Xd
When wireframes are approved, we are moving onto design by adding colors, images, shadows and more, to form the overall look and feel of our design using the design guidelines we have put in place from the start.
Adding Animation And Interactions
By adding animations and interactions, you are giving life to your design before it moves into code. Clients can easily understand what you are thinking because they can see what the finished product can look like before it's coded.
Responsive Design
When we finish our main size and client approves it, we are moving on to responsive design. We are going to adapt our design to work on different screens and screen sizes.
Sharing And Feedback
We are going to share our designs from the start, to get feedback from our clients, team mates and developers, so we can easily adjust our design and make changes as we work.
Asset Export For Developers
Using the industry standards and techniques, we are going to export our assets in the sizes and file formats we agree with the developers. You are going to learn about image optimization, best practices, different file formats, code snippets and so much more.
Lessons From The Course
- Project Resources (7:32)
- Creating Style Guide (16:06)
- Creating Wireframes In Adobe Xd 1 (15:03)
- Creating Wireframes In Adobe Xd 2 (32:02)
- Creating Wireframes In Adobe Xd 3 (19:50)
- Creating Wireframes In Adobe Xd 4 (14:57)
- Creating Wireframes In Adobe Xd 5 (23:37)
- Creating Wireframes In Adobe Xd 6 (27:25)
- Creating Wireframes In Adobe Xd 7 (24:27)
- Creating Wireframes In Adobe Xd 8 (11:11)
- Creating Wireframes In Adobe Xd 9 (19:50)
- Creating Wireframes In Adobe Xd 10 (21:35)
- Adobe Xd Bugs (3:17)
- Creating Navigation (30:07)
- Creating Design 1 (9:45)
- Creating Design 2 (16:23)
- Creating Design 3 (11:47)
- Creating Design 4 (13:14)
- Creating Design 5 (19:24)
- Creating Design 6 (20:39)
- Creating Design 7 (10:30)
- Creating Design 8 (27:13)
- Creating Design 9 (30:29)
- Creating Design 10 (5:44)
- Getting Started With Responsive Design (17:05)
- Creating Responsive Design 1 (28:00)
- Creating Responsive Design 2 (12:14)
- Creating Responsive Design 3 (13:04)
- Creating Responsive Design 4 (23:13)
- Creating Responsive Design 5 (29:19)
- Creating Responsive Design 6 (32:56)
- Creating Responsive Design 7 (19:49)
- Creating Responsive Design 8 (33:59)
- Creating Responsive Design 9 (16:50)
- Creating Responsive Design 10 (26:17)
- Creating Responsive Design 11 (12:53)
- Creating Responsive Design 12 (27:13)
- Creating Responsive Design 13 (22:01)
- Creating Responsive Design 14 (24:38)
- Creating Responsive Design 15 (26:08)
About Your Teacher
My name is Aleksandar and for the last 10 years i have designed websites, products and apps for different companies, big and small. With my wife i have started 3 startup companies and for the last five years i have created over 500 design products, improved the lives and workflows of over 100.000 designers from around the world.
Now my mission is to improve the lives of others, and so far over 50.000 students from all over the world have enrolled in my courses.
Enroll Today
Enroll in this course today and change your career and workflow by using the same techniques that industry pro's are using.