Website Design From Scratch In Adobe Xd 2019

Web Donut, Design products and assets for creatives like you.

Play Speed
  • 0.5x
  • 1x (Normal)
  • 1.25x
  • 1.5x
  • 2x
45 Lessons (5h 47m)
    • 1. Class Intro

      1:15
    • 2. Class Overview

      3:18
    • 3. The Brief

      17:28
    • 4. Competitor Analisys 1

      9:05
    • 5. Competitor Analisys 2

      11:31
    • 6. Competitor Analisys 3

      10:15
    • 7. What Is A Landing Page

      2:45
    • 8. Why Conversion Matters

      2:49
    • 9. Function Over Beauty

      11:33
    • 10. Landing Page Structure

      6:24
    • 11. What To Consider

      4:09
    • 12. Planning

      2:47
    • 13. Inspiration

      6:24
    • 14. Mood Board

      10:58
    • 15. Sketching

      6:31
    • 16. File Preparation

      3:36
    • 17. Creating Wireframe 1

      9:36
    • 18. Creating Wireframe 2

      6:31
    • 19. Creating Wireframe 3

      7:38
    • 20. Creating Wireframe 4

      6:15
    • 21. Creating Wireframe 5

      16:58
    • 22. Creating Wireframe 6

      5:48
    • 23. Creating Wireframe 7

      6:23
    • 24. Creating Wireframe 8

      13:44
    • 25. Creating Wireframe 9

      13:22
    • 26. Image Structure

      1:03
    • 27. Creating Design 1

      4:38
    • 28. Creating Design 2

      2:46
    • 29. Creating Design 3

      6:07
    • 30. Creating Design 4

      4:20
    • 31. Creating Design 5

      10:44
    • 32. Working With Components

      8:01
    • 33. Creating Dropdowns

      16:26
    • 34. Creating Calendars

      13:21
    • 35. Organization

      4:41
    • 36. Prototyping 1

      7:18
    • 37. Prototyping 2

      5:11
    • 38. Prototyping 3

      12:18
    • 39. Creating Style Guide

      18:43
    • 40. Sharing With Client

      10:12
    • 41. Packaging Structure

      2:24
    • 42. Exporting Assets

      12:00
    • 43. Delivering To Client

      4:50
    • 44. Conclusion

      3:31
    • 45. Links And Resources

      1:37
21 students are watching this class

About This Class

e0a0d187

When you design a website it's more important that it converts, then to have a trendy design. Because website is there to sell a service or a product so you have to design with that in mind.

Knowing how to structure a page for high conversion is really important because it makes you more valuable to client and more desirable as a designer. Using Adobe Xd to create it gives you unlimited possibilities because it's free, cross platform, vector based and it has regular updates.

.

Hey there my name is Alex and in this course you will learn:

  • Secrets of the good design brief

  • What makes the good landing page

  • How to create landing pages that convert

  • How to apply those principles to plan, draw and create a wireframe

  • Add images, icons and shadows to create a design

  • Then add movement and transitions to create prototypes

  • Share the work with your client to get feedback

  • And finally, how to export your assets for developers

.

You don't need any previous knowledge of UI / UX or Adobe Xd, we are going to cover it all in this course. All you need is an interest in this field and you will do well by the end of this course.

Through this course you will also learn about important resources which you can use in your work, that will save you hours and sometimes even months of your projects. Hours that you can charge extra for, while keeping your free time.

.

So what are you waiting for? Click enroll and i'll see you in class.

.

Have a creative day!

Aleksandar