Designing a landing page in Sketch – Tutorial



An in-depth tutorial of how I design a landing page in Sketch! You’ll learn basic web design techniques and process, as well as some tips and tricks for using Sketch efficiently.

If you’re new to Sketch, check out my 101 video first to get familiar with it:

Sketch is a brilliant tool for web design, and it’s what I use on a daily basis for designing websites and landing pages. What else would you like to learn about it from me? I stuck with the basic functionality in this video since we were covering the design of a whole web page, but perhaps in a future video I could share a more detailed look at working with vector shapes and designing for mobile?

This video was voted on and created thanks to the wonderful people who have joined my Patreon! If you’d like to download the file I created in this video, just sign up at the $10 or higher tier and you’ll instantly get access to it along with a bunch of other assets:

// MORE USEFUL VIDEOS

Color palettes management:
Exporting assets for web:

**
Sign up to be notified when my font is finished!
**

———————————————–

// ENJOY MY VIDEOS?

My videos no longer have pre-roll ads because I think ads are annoying. That means you don’t have to sit through ads, and it also means I don’t earn anything from the content I put on YouTube. If you want to support me and my channel the best thing you can do is join my Patreon!

You’ll get tons of extra content and ways to learn, like behind-the-scenes process info, downloadable assets or even a monthly group Google Hangout! Choose your tier and sign up here:

———————————————–

// ABOUT ME

Hello there! I’m Charli and I’m a web and graphic designer from New Zealand currently living in London and posting design videos every Saturday about tools, projects, and concepts and vlogs every Tuesday about my life as a designer. Please subscribe and say hi in the comments so we can be friends 🙂

———————————————–

// MORE

Blog:
Online apparel store:
Design portfolio:
Podcast:

// SOCIAL

Twitter:
Instagram:
Facebook:
Snapchat: charlimarietv

My sister SmayJay’s channel:

———————————————–

// MUSIC & TECH

Music: YouTube Audio Library

My gorgeous intro animation was created by hand lettering animator Austin Saylor, you should hire him to do yours too:

Video Source: https://www.youtube.com/watch?v=EQ8bPVFB33g

Small Business Web Development Cardiff