Designing with Figma: Landing Page for Mobile App | Adi Purdila | Skillshare

Designing with Figma: Landing Page for Mobile App

Adi Purdila, Web Designer

Play Speed
  • 0.5x
  • 1x (Normal)
  • 1.25x
  • 1.5x
  • 2x
16 Lessons (3h 48m)
    • 1. Welcome to the Class

    • 2. Your Class Project

    • 3. Colour Scheme

    • 4. Typography

    • 5. Images and Other Assets

    • 6. Hero Header and Background

    • 7. Hero Content

    • 8. First Section for Features

    • 9. Second Section for Features

    • 10. Small Call-to-Action

    • 11. Third Section for Features

    • 12. Screenshot Gallery

    • 13. Testimonials

    • 14. Main Call-to-Action

    • 15. Footer

    • 16. The Epic Conclusion

134 students are watching this class

About This Class

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

  • Start a web design project from a wireframe
  • Create a compelling color scheme
  • Choose the best typefaces for the project
  • Use the amazing Figma software to bring it all together in one final, stunning design

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): Download here

Starter kit (folder): Download here

Completed files: Download here

So let's get started — see you in class!