Hey everyone. I’m Adi Purdila, and I am a web designer from Romania. 
I’ve been working in this field for over a decade now and in this class, I’ll share my insights, personal workflow, and best practices for designing a landing page starting from a project brief and a set of wireframes.
In this class you will learn how to: 
<ul>
<li>Start a web design project from a wireframe</li>
<li>Create a compelling color scheme</li>
<li>Choose the best typefaces for the project</li>
<li>Use the amazing Figma software to bring it all together in one final, stunning design</li>
</ul>
By taking this class you’ll get as close as you can to a real-life project. We’ll start with a project brief from a fictional client, asking us to design a landing page for a fictional product. Based on that and a provided wireframe we’ll start the design process, step by step.
Now, this class is fantastic for beginners because we’ll take things slowly and I’ll try to explain everything I’m doing every step of the process. I’ll show you time-saving keyboard shortcuts and techniques for working in Figma and also tips and tricks for working as efficiently as possible. 
If you want to kickstart your freelancing career and create websites, this is a great place to begin. 
There’s also a great class project available and I strongly encourage you to work alongside me as you’re taking this class. That way, if you’re stuck at any point and you have questions, just leave a comment in the Discussions section of this class and I’ll do my best to help you out.
If you want to see a preview of the final design I’ll be creating, have a look at the links down below. You can also download the exercise files and get started right away.
Starter kit (zip file): <a href="https://www.dropbox.com/s/px8cqd7vijfzkub/Landing%20Page%20Starter%20Kit.zip?dl=0" rel="nofollow noreferrer noopener" target="_blank">Download here</a>
Starter kit (folder): <a href="https://www.dropbox.com/sh/2ohzt5sukqaketm/AABD5Oz28YQsRO26d337sU8va?dl=0" rel="nofollow noreferrer noopener" target="_blank">Download here</a>
Completed files: <a href="https://www.figma.com/file/uZCYondvGjMYOfCl3z9JNV/Landing-Page-for-Numm-Page-built-in-class?node-id=1%3A277" rel="nofollow noreferrer noopener" target="_blank">Download here</a>
So let's get started — see you in class! 
Check out some of my other classes on Skillshare:
<ul>
<li><a href="https://skl.sh/3a9jtIJ" rel="nofollow noreferrer noopener" target="_blank">How to Setup macOS for Web Design</a></li>
<li><a href="https://skl.sh/3k76k8n" rel="nofollow noreferrer noopener" target="_blank">Design with Figma: One-Page Restaurant Website</a></li>
</ul>
UPDATE
Since this class was recorded, Figma’s interface has changed in a few places. The workflows and concepts you’ll learn here are still valid, but some buttons, menus, or panels may look different than what you see in my videos.
To help you out, I’ve added a bonus video called “Figma 2025 Update: What’s Changed” where I walk through the new UI and point out the main changes. Be sure to watch that if you’re ever confused.
And if something doesn’t match what you see on your screen, feel free to ask here in the Discussions — I’ll be happy to clarify. Chances are, if you have the question, other students will too!
Thanks, and happy designing!
— Adi

Welcome to the Class

Your Class Project

Figma 2025 Update: What’s Changed

Colour Scheme

Typography

Images and Other Assets

Hero Header and Background

Hero Content

First Section for Features

Second Section for Features

Small Call-to-Action

Third Section for Features

Screenshot Gallery

Testimonials

Main Call-to-Action

Footer

The Epic Conclusion

Designing with Figma: Landing Page for Mobile App

Adi Purdila gave you 1 free month of Skillshare

Get 1 free month of Skillshare

Designing with Figma: Landing Page for Mobile App

Creative Learning Made Easy

Company

Work With Us

Teach with Us

Shop

Mobile