16
5 Steps to Design Your Website Without Losing Your Sanity A BEGINNER’S GUIDE

5 Steps to Design Your Website

Embed Size (px)

Citation preview

Page 1: 5 Steps to Design Your Website

5 Steps toDesign Your WebsiteWithout Losing Your Sanity

A BEGINNER’S GUIDE

Page 2: 5 Steps to Design Your Website

Define Your Goals

STEP ONE

Page 3: 5 Steps to Design Your Website

What does your website need to do or be to help your business succeed?

1.

2. How can I achieve it?

BRAINSTORM ANSWERS

Page 4: 5 Steps to Design Your Website

Build Your Site Architecture

STEP TWO

Page 5: 5 Steps to Design Your Website

Required pages

Page purpose

Page features

MAKE A LIST

ex. home, about, sales, etc.

ex. sign up for your lead magnet

ex. video background, sign up box, any photos, etc.

Page 6: 5 Steps to Design Your Website

Create Your Mockups

STEP THREE

Page 7: 5 Steps to Design Your Website

l ogo

l ogo

Sketch it out.GRAB A PENCIL AND. . .

Using your Site Architecture, sketch out how you want each page to look.

Make sure your page is in-line with your goals. And if you’re stuck, browse the web or Pinterest for inspiration.

Page 8: 5 Steps to Design Your Website

Customize Your Design

STEP FOUR

Page 9: 5 Steps to Design Your Website

MediaGET CREATIVE

IMAGES VIDEOS AUDIOS

Looking through your mockups, make a list of what media you’ll

need and whether you already have it or will need to get it.

Page 10: 5 Steps to Design Your Website

ColorsSET THE TONE

Using your business goals and/or logo, create your color palette.

To look the most professional, try to stick to no more than 2-3 main colors. And don’t forget the neutrals!

Page 11: 5 Steps to Design Your Website

Write Your Copy

STEP FIVE

Page 12: 5 Steps to Design Your Website

Words matter.BECAUSE. . .

Use your mockups to determine what copy you need.

Either hire a copywriter or find the time to research how to write a killer about/sales/home/etc. page.

You need to know how to convert clients and your website copy needs to reflect that.

Page 13: 5 Steps to Design Your Website

Try to make your copy...TO KEEP IN MIND

• Clear, direct, succinct (easy to read)• Customer-focused (relevant to your viewer’s needs)• Conversion-optimized (benefits with credibility)• Consistent (in voice and tone with your overall

brand messaging)• Competitive (with keywords woven in)

Page 14: 5 Steps to Design Your Website

You’re now ready to build!

CONGRATULATIONS

You’ve designed your website and know exactly how you want it to look.

Your next step is to find a theme or framework to build it on or hire a web developer to turn your plan into reality.

Page 16: 5 Steps to Design Your Website

Thank You!For more resources to make your website

successful, visit alirand.com.

And please don’t hesitate to reach out to me if you have any questions about your

website. I’ll do my best to help you!

- Ali Rand