YoVDO

Designing an effective landing page using Adobe XD

Offered By: Skillshare

Tags

Adobe XD Courses Sketching Courses Mood Boards Courses Wireframes Courses

Course Description

Overview

Hello, Nice to meet you! 

Hi, I'm Zachery Sutton. I am a multidisciplinary designer with experience in graphic design, Illustration, and UX/UI design. I have spent the past ten years working professionally as a UX/UI designer for companies like SAP, SAP Ariba, and VMware. I am currently a User Experience Design Manager at VMware.

In this class, you will learn how to create an engaging and effective landing page. We will learn why landing pages are essential and how to structure a landing page from start to finish. Throughout this class, I will teach you fundamental UX and UI principles that will help you create your own landing page! I will take you through my workflow from brainstorming, mood boarding, sketching, wireframing, and finally designing a mock-up.  

 

This class is for anyone that wants to learn to create a landing page and also learn essential UX and UI design principles. Students should have some familiarity with Sketch, Adobe XD, InVision Studio, or Figma. If you are not familiar with these programs, it's ok! I will be working in Adobe XD. I will go over some of the basics of the program with you.  

 

This class is essential if you would like to learn the thought process that goes behind how to create a landing page, website, or app. The principles that you will learn will be able to carry into different areas.  By the end of this class, you’ll be able to create a mood board, wireframe, and design a landing page.

 

For this class, Adobe XD will be required, but as I stated before if you have Sketch, InVision Studio, or Figma, you can still follow along.

Also, sign up for a free account at milanote. This is a great resource when creating mood boards or getting your ideas down! 


Syllabus

  • Intro
  • Your Assignment
  • What is a landing page?
  • Inspiration
  • Moodboarding
  • What is UX Deisgn
  • Sketching Tools
  • Low Fidelity Wireframe
  • Adobe XD Basics
  • Platforma 2 Wireframe Kit
  • High Fidelity Wireframe
  • High Fidelity Mockup
  • Bye

Taught by

Zachery Sutton

Related Courses

Brand New Brand
California Institute of the Arts via Coursera
From Brand to Image: Creating High Impact Campaigns That Tell Brand Stories
IE Business School via Coursera
Graphic Design: Make Interior's Project Mood Boards in Gimp
Coursera Project Network via Coursera
Photoshop Retouching: Fashion Editorial
LinkedIn Learning
Web Design: Efficient Workflow
LinkedIn Learning