Class Central is learner-supported. When you buy through links on our site, we may earn an affiliate commission.

Skillshare

Designing an effective landing page using Adobe XD

via Skillshare

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

Reviews

Start your review of Designing an effective landing page using Adobe XD

Never Stop Learning.

Get personalized course recommendations, track subjects and courses with reminders, and more.

Someone learning on their laptop while sitting on the floor.