YoVDO

Website Design From Scratch In Adobe Xd

Offered By: Skillshare

Tags

Adobe XD Courses Web Design Courses Prototyping Courses Wireframing Courses Conversion Optimization Courses

Course Description

Overview

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


Syllabus

  • Class Intro
  • Class Overview
  • The Brief
  • Competitor Analisys 1
  • Competitor Analisys 2
  • Competitor Analisys 3
  • What Is A Landing Page
  • Why Conversion Matters
  • Function Over Beauty
  • Landing Page Structure
  • What To Consider
  • Planning
  • Inspiration
  • Mood Board
  • Sketching
  • File Preparation
  • Creating Wireframe 1
  • Creating Wireframe 2
  • Creating Wireframe 3
  • Creating Wireframe 4
  • Creating Wireframe 5
  • Creating Wireframe 6
  • Creating Wireframe 7
  • Creating Wireframe 8
  • Creating Wireframe 9
  • Image Structure
  • Creating Design 1
  • Creating Design 2
  • Creating Design 3
  • Creating Design 4
  • Creating Design 5
  • Working With Components
  • Creating Dropdowns
  • Creating Calendars
  • Organization
  • Prototyping 1
  • Prototyping 2
  • Prototyping 3
  • Creating Style Guide
  • Sharing With Client
  • Packaging Structure
  • Exporting Assets
  • Delivering To Client
  • Conclusion
  • Links And Resources
  • YouTube Channel For More Content
  • Join My Free Facebook Group

Taught by

Aleksandar Cucukovic

Related Courses

مقدمة إلى برنامج أدوبي إكس دي
Coursera Project Network via Coursera
اِبدَأ مشروعًا في برنامج أدوبي إكس دي
Coursera Project Network via Coursera
Use Adobe XD to Create a Presentation
Coursera Project Network via Coursera
3D Transforms in Adobe XD
Coursera Project Network via Coursera
Build a High-Fidelity Prototype for a Mobile App in Adobe XD
Coursera Project Network via Coursera