Create Mockups for a Mobile Website Using Adobe XD

Offered By
Coursera Project Network
In this Guided Project, you will:

Learn how to create a mock-up for a mobile website in Adobe XD.

Learn tools to get a mobile website design project off to a good start.

Clock1.5 hours
IntermediateIntermediate
CloudNo download needed
VideoSplit-screen video
Comment DotsEnglish
LaptopDesktop only

Adobe XD is a UI/UX design tool that allows users to create all kinds of graphic art and website design products including website wireframes, mobile app wireframes, Social Media images, and other projects. It has many of the most popular features of Adobe Photoshop, and it allows users to import files from Photoshop, Illustrator, and Sketch. In this project, learners will learn how to create a mock-up for a mobile website in Adobe XD including, how to get a free account, helpful tips on how to get started with a website design project, and other basics that will help learners get a mobile website design project off to a good start. This is the perfect project for someone who needs an easy-to-use platform to create advanced-looking graphic art products. This will be beneficial to individuals and teams in creative departments, marketing and sales, design, and departments where creating presentations is a regular need. Note: This course works best for learners who are based in the North America region. We’re currently working on providing the same experience in other regions.

Skills you will develop

Digital MarketingGraphic ArtsWeb DesignUI/UXMobile website design

Learn step-by-step

In a video that plays in a split-screen with your work area, your instructor will walk you through these steps:

  1. Get to know Adobe XD and Setup An Account

  2. How To Start A Digital Project

  3. How To Create A Mockup in Adobe XD

  4. How To Use The Mockup App In Adobe XD

  5. Add the finishing touches to a mobile website mockup

How Guided Projects work

Your workspace is a cloud desktop right in your browser, no download required

In a split-screen video, your instructor guides you step-by-step

Frequently asked questions

Frequently Asked Questions

More questions? Visit the Learner Help Center.