website redesign: less hassle, more happy

26
Presenter: Melanie Spring Sisarina Inc | [email protected] | @sisarina | sisarina.com Website Redesign Less Hassle, More Happy

Upload: sisarina

Post on 29-Nov-2014

610 views

Category:

Education


0 download

DESCRIPTION

 

TRANSCRIPT

Page 1: Website Redesign: Less Hassle, More Happy

Presenter: Melanie SpringSisarina Inc | [email protected] | @sisarina | sisarina.com

Website Redesign

Less Hassle, More Happy

Page 2: Website Redesign: Less Hassle, More Happy

reasons for a new website

you need a new site because:● it was built in 1998● your cousin/nephew/sister's friend built it for you● you're growing and need more functonality● you want to be able to update it yourself● your branding has changed● you've never had one before

Page 3: Website Redesign: Less Hassle, More Happy

know the diference

website = houseDomain: www.yourbusiness.com - address of your house

Hostng: where your website lives – property your house sits on

Design: the look & feel of your website – blueprints of your house

Development: how your site functons – your house is built

Content Entry: adding your text/pictures – you move into your house

Page 4: Website Redesign: Less Hassle, More Happy

finding a web frm

so... who do you hire?● do your homework● ask other organizatons like yours● review sites similar to yours & fnd credits● consult the interwebs● get recommendatons from friends/colleagues● review frm websites● interview untl it feels right

Page 5: Website Redesign: Less Hassle, More Happy

finding a web frm

will they ft your style?● review portolios● ask to see sites similar to your organizaton● ask to see diferent styles of sites● fnd out their approach to a project like yours

Page 6: Website Redesign: Less Hassle, More Happy

finding a web frm

what will you get?● fnd out about their processes● get a sense for typical number of optons and revisions● get a good feel for typical tmelines● ask how they do meetngs (in-person, phone or skype)● know who will own the fnal product● make sure they do both design AND development

Page 7: Website Redesign: Less Hassle, More Happy

finding a web frm

do they ft your budget?● website design ranges● website development ranges● sofware costs● hostng costs● payment schedules● maintenance costs● upgrade/change costs

Page 8: Website Redesign: Less Hassle, More Happy

finding a web frm

do they have good references?● why did you work with X frm?● how was the overall process?● what was your favorite part of working with them?● what was your least favorite part?● would you use them again?● would you refer them to your friends?

Page 9: Website Redesign: Less Hassle, More Happy

Congrats! You picked one!

Now what?!

Page 10: Website Redesign: Less Hassle, More Happy

Next: Design Scope

Do you know your organizaton?

You'd be surprised at how many don't.

Page 11: Website Redesign: Less Hassle, More Happy

HOW TO: write your own design scope

Word doc with instructons at htp://bit.ly/designscope

Page 12: Website Redesign: Less Hassle, More Happy

key: be honest and transparent

writng a design scope

1. Who are you?

2. Where do you want to go?

3. How do you want to be perceived?

4. What do you have already?

Page 13: Website Redesign: Less Hassle, More Happy

don't make your designer try to use osmosis to get this info

writng a design scope

5. Who is your competton?

6. What colors should be worked with?

7. What logos do you love?

8. What websites do you love?

Page 14: Website Redesign: Less Hassle, More Happy

give your designer as much as you can

writng a design scope

9. Who is your favorite brand?

10. What keywords describe your/your organizaton?

11. What images describe you/your organizaton?

12. What are your sacred cows?

Page 15: Website Redesign: Less Hassle, More Happy

What does a great website

look like?

Page 16: Website Redesign: Less Hassle, More Happy

The Anatomy of a Perfect Landing Page: htp://bit.ly/perfectlandingpage

Page 17: Website Redesign: Less Hassle, More Happy

The Anatomy of a Perfect Landing Page: htp://bit.ly/perfectlandingpage

1. page headings & ad copy

2. clear, concise headlines

3. impeccable grammar

4. taking advantage of trust indicators

5. use a strong call to acton

Page 18: Website Redesign: Less Hassle, More Happy

The Anatomy of a Perfect Landing Page: htp://bit.ly/perfectlandingpage

6. butons & call-outs should stand out

7. go easy on the links

8. use images and videos that relate to copy

9. keep it above the fold

10. always be testng

Page 19: Website Redesign: Less Hassle, More Happy

Instructons at: htp://bit.ly/devscope

HOW TO: write your own

development scope

Page 20: Website Redesign: Less Hassle, More Happy

tip: keep top-level navigaton to 5-8 items

writng a development scope

1. What does your sitemap look like?

2. What content will be included on the homepage?

3. What informaton must be displayed on the homepage?

4. Will you have a blog or newsfeed?

Page 21: Website Redesign: Less Hassle, More Happy

your call-to-acton can't be 'contact us'

writng a development scope

5. What will your main visual be?

6. What is your call-to-acton?

7. What informaton needs to be on multple pages of your site?

8. What informaton has to be on every page of your site?

Page 22: Website Redesign: Less Hassle, More Happy

make sure to ask if your site is able to grow with your organizaton

writng a development scope

9. What areas will need to be changed frequently?

10. What areas will most likely remain statc?

11. What items will be used ofen throughout the site?

12. What do you want people to ultmately do on your site?

Page 23: Website Redesign: Less Hassle, More Happy

make it easy for people to contact you

writng a development scope

13. Where do social media icons/feeds need to be included?

14. How will users contact you via your site?

15. How will users sign up for your newsleter/updates?

16. How will users know where to donate and/or signup?

Page 24: Website Redesign: Less Hassle, More Happy

no one can read your mind

communicate!

Page 25: Website Redesign: Less Hassle, More Happy

they do this all the tme. it's up to you to keep on task.

fnal tps● don't have too many cooks in the kitchen● set one point of contact in your organizaton & web frm● make sure tmelines are manageable● start the content writng before you sign a contract● take care that everything is yours once it's fnished ● fnd a frm that will develop your site in a CMS● enjoy the process & make it fun!

Page 26: Website Redesign: Less Hassle, More Happy

Questons? Send to: [email protected]

Resources found here:

htp://bit.ly/devscopehtp://bit.ly/designscopehtp://bit.ly/perfectlandingpage