How to Design a Beautiful Landing Page In Adobe XD – Process Video

How do you design a beautiful landing page? How do you go from wireframe to visual design? In this video, our Art Director, Sang Chung, showcases his process of designing the video content page in Adobe XD. Check the live page out:

First, make sure you have a style guide and wireframe to reference. By having these things you are drastically reducing your designing time. Next, create a grid system. Know when to follow it and when to break it to be able to fit your design needs. After that, add your images and make your design tweaks to the site. Finally, make sure you have a call to action and that it stands out.

00:00 – Start
00:06 – Step 1: Prepare a style guide and wireframe
00:20 – Step 2: Create a grid system
00:38 – Shortcut for turning off the grid
01:38 – Step 3: Place images
04:00 – Step 4: Make sure to have a prominent CTA
03:09 – Finished Product

👉See our main channel:

#TheFutur #1BminusOne

Want a deeper dive? Typography, Lettering, Sales & Marketing, Social Media and The Business of Design courses available here:

If you’re a complete beginner, consider taking any of these Adobe Creative Cloud fundamental courses from our friends at Bring Your Own Laptop: 

Love the content? Become a sustaining member for $5/mo today.

Our recommended products and Booklist:

Kits & Proposals:

Visit our website:

FREE resources:

Mandarin (Chinese) Subtitles on UiiUii


🙏 Support The Futur but purchasing through our affiliate links:
Retro Supply Co.:
Creative Market:
Design Cuts:

✍️ Sharpen your skills by taking a course, using our affiliate links:
School of Motion:
Bring Your Own Laptop Tutorials:

🎧 Do you like the music? Check out the music libraries we use in our affiliate links below:
Epidemic Sound:

*By making a purchase through any of our affiliate links, we receive a very small commission at no extra cost to you. This helps us on our mission to provide quality education to you. Thank you.

Futur Podcast on iTunes: 🎙
Spotify: 🎙

We love getting your letters. Send it here:
The Futur
c/o Chris Do
1702 Olympic Blvd.
Santa Monica, CA 90404

Host– Chris Do
Content Director– Matthew Encina
Producer – Mark Contreras
Cinematographers– Ricky Lucas, Jona Garcia
Editors– Ricky Lucas, Jona Garcia
Live Editor– Jona Garcia
Social Team– Elle Money, Alex Burlui
Futur Theme Music – Adam Sanborne
Typefaces: Futura, DIN, Helvetica Neue, Calibre, Champion Gothic
Futur theme song— Adam Sanborne


Save This Post
ClosePlease login

No account yet? Register