Design a Website Landing Page in Sketch (Tutorial) ?

Posted on


Design a Website Landing Page in Sketch (Tutorial) ?
Sketch is a powerful application created specifically for design. In this video I walk you through some of the features Sketch has to offer and why it is the preferred software to use for designers. As a demonstration I create a fictitious website landing page that has an adventure/lifestyle look and feel.

JUMP TO A SEGMENT IN THE VIDEO:

Insert an Art-board: 2:35

Create a Grid: 3:20

Build a Navigation Header: 4:40

Create Navigation Link Text Styles: 9:22

Design a Hero Slider: 13:35

Design a Content Section Using Symbols: 25:33

Add a Testimonials Section: 34:25

WEBSITES FEATURED

https://www.sketchapp.com

https://burst.shopify.com/

Home

https://magdeleine.co/

MUSIC

Cody G: Ukulele and Chill
https://soundcloud.com/gudgeoncody

Towser: Again and Again

Made in M: Chinua

Emune: Paraiso

Basic Jo: I Like U
https://soundcloud.com/basicjo/i-like-u

Jinsang: Pine Leaves

Eets: Hawthorne

Keep the Cipher: Blossom
https://soundcloud.com/keemthecipher

Philanthrope: Real Estate

Enjo: Ride Out

Mndsgn & Sofie: Abeja

THE GEAR I USE

â–şâ–şâ–ş CAMERAS

Sony a6000: http://amzn.to/2z9RzbK
Iphone 7: http://amzn.to/2jOF5DT

â–şâ–şâ–ş LENS

Sony 16-50mm: http://amzn.to/2iGmiXI

â–şâ–şâ–ş TRIPODS

Manfrotto Mini Tripod: http://amzn.to/2zbv5Y8
Manfrotto Photo Tripod: http://amzn.to/2zedfU0

â–şâ–şâ–ş MICROPHONE

Blue Spark: http://amzn.to/2iIOxVZ

â–şâ–şâ–ş LIGHTING

Natural Light from the good ol’ sun

Cody Brown Design is a participant in the Amazon Services LLC Associates Program, an affiliate advertising program designed to provide a means for us to earn fees by linking to Amazon.com and affiliated sites.

â–şâ–şâ–ş CODY BROWN DESIGN APPAREL

Rise Shine Design Tee: http://codybrowndesign.storenvy.com/

WHAT TO EXPECT FROM THIS CHANNEL:

Every week, I will publish meaningful & concise content that provides insight into the field of graphic design, web design, illustration, branding, app design, & other creative areas I find important in my field as a commercial artist. This media includes software tutorials, lifestyle vlogs, and other useful videos to help and inspire anyone looking to improve their skills as a creative badass and take their creativity to new heights.

ABOUT ME:

Hey there, I’m Cody. A craft-beer drinking Designer & Art Director living in San Diego, Ca.

I’ve been designing professionally for the last 6 years and have learned quite a bit along the way. Throughout my career as a creative I’ve had the pleasure of designing for a number of incredible brands & creative agencies.

From working with a variety of clients and organizations, my style can been seen as eclectic and constantly evolving, much like a chameleon. In the world of commercial arts I’ve had to get out of my comfort zone and adapt to the brands and tasks at hand. I like to think that my personal aesthetic is contemporary and minimal combing modern techniques with classic design elements.

SKILLS

Some of the skills I’ve acquired throughout my journey as a creative:

Art & Creative Direction
Styling
Graphic Design
Branding & Identity Design
Web Site Design (optimized for mobile & tablet)
App Design
Photography
Illustration
Image Manipulation
Typography & Lettering
Motion Graphics
Video Production & Editing
Animation

MY STUFF

Website: http://www.codybrowndesign.com
Dribble: https://dribbble.com/codybrown23
Behance: https://www.behance.net/codycanvas
Instagram: https://www.instagram.com/mistercodybrown