Skillshare

How to Design any Landing Page in Figma (Skillshare)

Offered by Skillshare,

In this particular course, I will be teaching you how to design any landing page of your choice in Figma. You will learn how to find inspiration, prepare your document, and ultimately build upon these to create beautiful landing pages that you like. Though this course will be done in Figma, you can actually follow along with any design software. At the end of this course, you will be able to even make your own landing page concepts.

You can take one of these 3 projects:
Project 1 (Resize)
Duplicate my Figma project (Homepage - 1280px) and recreate it at a viewport of 768px or 320px.
You can export the final outcome as a PDF or JPG or simply share a public link to your Figma file.
Project 2 (Customize)
Duplicate my Figma project (Homepage - 1280px) and customize the layout, imagery, and styling to fit a particular client or project of your choice.
You can export the final outcome as a PDF or JPG or simply share a public link to your Figma file.
Project 3 (Create)
Set up a blank canvas (width- 1280px) and create a landing page from scratch, leveraging all that you have learned in the course.
You can export the final outcome as a PDF or JPG or simply share a public link to your Figma file.

Go to Class

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

Related Courses

Skillshare

HTML5 for Web Development (HTML5 for Beginners) (Skillshare)

CS: Information & Technology CS: Programming

HTML is a hypertext markup language. It is the most important building block of any website on the internet. HTML is used to describe the content of the website. In this class, I will teach you everything you need to know about HTML and HTML5 (the newest version). I try to go directly to the point and teach by example.

Self Paced

Self-Paced

HTML HTML5 Web Design

Skillshare

Creating Dedicated Landing Pages: How to Get Better ROI for Your Marketing Spend (Skillshare)

Marketing & Communication

Want to get the best performance out of your marketing campaigns? Learn how with landing pages. Join Ryan Engley, VP of Product Marketing at Unbounce, as he shows you how to boost the conversions for your next campaign by creating a dedicated landing page with a single call to action. Instead of sending people to your website, which is full of different types of information, landing pages let you take control of a visitor's journey.

Self Paced

Self-Paced

Business Marketing Landing Page

Skillshare

Javascript Fun: Build a Photo Effects App! (Skillshare)

CS: Design & Product

Welcome to the Javascript fun series! For web design or development, there are 3 must-know technologies, HTML, CSS, and Javascript. The main aim of the Javascript fun series is to take your knowledge of these 3 (only a little is required!), and put them into practice by building a series of educational, yet fun projects that show you exactly how they work perfectly together. Working on projects and solving problems is a great way to learn.

Self Paced

Self-Paced

HTML Javascript CSS

Skillshare

How To Make A Wordpress Website 2018 - Divi Theme Tutorial (Skillshare)

CS: Information & Technology

Why Take This AMAZING Course? I am a highly rated instructor on udemy. I have over 400,000 views a month on tutorials with positive reviews! Use The #1 Selling Theme for Wordpress On The PLANET. I Have Helped Teach And Create Over 500 Wordpress Websites! Get a Modern And Amazing Look For Your Website That Will Impress! Learn From A Professional Who Creates Websites For a Living with over 6,000 Visits! THE MOST UPDATE AND MODERN TUTORIAL. Dont Settle For Outdated Content!; Get A fully Responsive Website And Mobile Responsive; Over 15,000,000 Minutes Watched. Over 4 Million Views. In 180 Countries.

Self Paced

Self-Paced

Technology Web Design Web Development

Skillshare

Build Your Online Portfolio Without Writing Code (Skillshare)

CS: Information & Technology

With the web becoming more and more involved in our daily lives, being able to create your own little corner of the web has never been more important (or exciting). In under one hour with Webflow's Mat Vogels, you'll cover a variety of different topics, including: Why you should be online in the first place; Basic web concepts, like the box model and responsive design; Building a website from scratch; Publishing a website.

Self Paced

Self-Paced

Portfolio Web Design Web Development

Skillshare

UX/UI Design Essentials (Skillshare)

CS: Design & Product

This is an exciting introductory course that will give you a confident understanding of User Experience Design (UX) and User Interface Design (UI). The course will teach you the principles of making great online experiences and you'll learn how to use them to dramatically improve your own websites and apps.

Self Paced

Self-Paced

Web Design User Interface Design User Experience Design

Skillshare

UI/UX: You already know more than you think (Skillshare)

CS: Design & Product

Have you ever given thought to who your audience is for a specific project? Tried to make your piece as user-friendly as possible? Done a dry run on how someone interacts with your book/brochure/website? Tried to establish the most effective hierarchy for the information you’re conveying? Then you’ve already done interface and experience design.

Self Paced

Self-Paced

Prototyping Visual Design Wireframing

Skillshare

Advanced Shopify Theme Development (Skillshare)

CS: Information & Technology

Join Shopify Expert and founder of Disco Gavin Ballard to see how to take your Shopify theme development skills to the next level. Intended for web designers and developers with some prior Shopify experience, this course follows on from Kurt Elster's introductory course "Shopify Essentials for Web Designers".

self Paced

Self-Paced

Web Design Shopify E-Commerce

Skillshare

Whimsical - Flowcharts and Wireframes (Skillshare)

CS: Design & Product

Whimsical is a relatively new online collaboration tool that allows you to build quick flowcharts and wireframes. Think of it as similar to Google docs, in that several users can be on the same screen all working together. Pretty cool! There are no prerequisites for the class and Whimsical has a free tier for up to four boards. Along the way, l have a couple of challenges for you to work on. So, join me in learning to create flowcharts and wireframes with Whimsical.

Self Paced

Self-Paced

User Experience Wireframes UX Design

Skillshare

How to Animate a Sketch UI using Principle (Skillshare)

CS: Design & Product

This class will show you how to add motion to a User Interface that has been designed in Sketch using Prototype. It’s perfect for any designer who creates their UI using Sketch and wants to add motion and interaction to their designs. No prior experience of Principle is required to take the class as I’ll explain how to use it. The only thing you need to do before you take this is to download the Principle app on your machine.

Self Paced

Self-Paced

Prototyping Interaction Design Animation

Skillshare

How To Make A Real Estate Website With Wordpress 2017 (Skillshare)

CS: Information & Technology

n this video, I will teach you how to make a fully responsive real estate wordpress website. This wordpress tutorial will help real estate agents, realtors, or property managers create a fully functional real estate wordpress website. The theme i use in this tutorial is the agentpress pro theme created by studiopress. Trust me, i spent about 1 month researching real estate wordpress themes and this was by far the best real estate websites. The theme is very easy to use and very responsive on the mobile devices.

Self Paced

Self-Paced

Web Graphics Web Design Web Development

Skillshare

Introduction to User Experience Design (Skillshare)

CS: Design & Product

IUX Design is fun and challenges. Don't be afraid to ask questions early and often. This class is about how to think and make solutions to problems using the tools of UX Design. Some skills you will learn in this class are: how to write personas & user scenarios, build out wireframes, and from the wireframes create a prototype using a style guide. I would love to see what you all create for the class project.

Self Paced

Self-Paced

User Experience Design Thinking Design Research