Upload
ali-rand
View
41
Download
0
Embed Size (px)
Citation preview
5 Steps toDesign Your WebsiteWithout Losing Your Sanity
A BEGINNER’S GUIDE
Define Your Goals
STEP ONE
What does your website need to do or be to help your business succeed?
1.
2. How can I achieve it?
BRAINSTORM ANSWERS
Build Your Site Architecture
STEP TWO
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.
Create Your Mockups
STEP THREE
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.
Customize Your Design
STEP FOUR
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.
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!
Write Your Copy
STEP FIVE
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.
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)
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.
Get Your FREE WorkbookVisit my blog to get FREE 5 Steps to Designing Your Website Workbook.
It includes more details for each step, and some examples to help you along the way.
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