![Page 1: Extreme Makeover: Taking your website to a new level](https://reader035.vdocuments.site/reader035/viewer/2022062312/55526193b4c9052e1f8b4c99/html5/thumbnails/1.jpg)
+
Eve SimonCreative Director
Beaconfire Consulting
Extreme Makeover: Taking your website to a new level
Ad Council Seminar SeriesOctober 1st, 2009
![Page 2: Extreme Makeover: Taking your website to a new level](https://reader035.vdocuments.site/reader035/viewer/2022062312/55526193b4c9052e1f8b4c99/html5/thumbnails/2.jpg)
+
Feeling stuck?How to tell that you need to redesign your website.
![Page 3: Extreme Makeover: Taking your website to a new level](https://reader035.vdocuments.site/reader035/viewer/2022062312/55526193b4c9052e1f8b4c99/html5/thumbnails/3.jpg)
+ Any of this sound familiar? “We’re rebranding
the organization, but let’s just swap out the logo on the web site, ok?”
“It’s fine that no one can find us on search engines – the right people know where we are.”
“Add a button on the homepage for the new content. Squeeze it in above the fold.”
“We’re missing out on this social networking thing. Fix it!”
![Page 4: Extreme Makeover: Taking your website to a new level](https://reader035.vdocuments.site/reader035/viewer/2022062312/55526193b4c9052e1f8b4c99/html5/thumbnails/4.jpg)
Oh yeah, you’re ready.
![Page 5: Extreme Makeover: Taking your website to a new level](https://reader035.vdocuments.site/reader035/viewer/2022062312/55526193b4c9052e1f8b4c99/html5/thumbnails/5.jpg)
+
“Flash is the future!” … and other website redesign myths debunked.
![Page 6: Extreme Makeover: Taking your website to a new level](https://reader035.vdocuments.site/reader035/viewer/2022062312/55526193b4c9052e1f8b4c99/html5/thumbnails/6.jpg)
+ Myth #1“Design is universal.”
![Page 7: Extreme Makeover: Taking your website to a new level](https://reader035.vdocuments.site/reader035/viewer/2022062312/55526193b4c9052e1f8b4c99/html5/thumbnails/7.jpg)
+ Myth #2“They do it, so we should too.”
![Page 8: Extreme Makeover: Taking your website to a new level](https://reader035.vdocuments.site/reader035/viewer/2022062312/55526193b4c9052e1f8b4c99/html5/thumbnails/8.jpg)
+ Myth #3“Site architecture should reflect your org’s structure.”
![Page 9: Extreme Makeover: Taking your website to a new level](https://reader035.vdocuments.site/reader035/viewer/2022062312/55526193b4c9052e1f8b4c99/html5/thumbnails/9.jpg)
+ Myth #4“Usability is luxury that we can’t afford.”
![Page 10: Extreme Makeover: Taking your website to a new level](https://reader035.vdocuments.site/reader035/viewer/2022062312/55526193b4c9052e1f8b4c99/html5/thumbnails/10.jpg)
+ Myth #5“Twitter will save us.”
![Page 11: Extreme Makeover: Taking your website to a new level](https://reader035.vdocuments.site/reader035/viewer/2022062312/55526193b4c9052e1f8b4c99/html5/thumbnails/11.jpg)
Ok, so then what’s the Holy Grail of design?It’s not magic – it’s a process...
“Don’t go there – it’s a silly place”
![Page 12: Extreme Makeover: Taking your website to a new level](https://reader035.vdocuments.site/reader035/viewer/2022062312/55526193b4c9052e1f8b4c99/html5/thumbnails/12.jpg)
+1. Start a dialogue
Avoid design by committee
Interview stakeholders
Brainstorm
Ask lots of questions
Determine your target audience
Think like an outsider looking in
Be honest about likes & dislikes
Know you cannot please everyone
Challenge yourself to think unconventionally
Don’t over complicate
![Page 13: Extreme Makeover: Taking your website to a new level](https://reader035.vdocuments.site/reader035/viewer/2022062312/55526193b4c9052e1f8b4c99/html5/thumbnails/13.jpg)
+2. Do Your Homework
Know the audience inside & out
Prioritize multiple audiences
Clearly define site goals & requirements.
Identify & prioritize engagement opportunities
Objectively identify the pain points
Understand the brand
Size up the competition
Gather all design assets
![Page 14: Extreme Makeover: Taking your website to a new level](https://reader035.vdocuments.site/reader035/viewer/2022062312/55526193b4c9052e1f8b4c99/html5/thumbnails/14.jpg)
+3. Don’t reinvent the wheel
Follow best practices where appropriate Consistency Usability Typography Page balance & eyetracking Color & Contrast
Keep it simple
Read “Don’t make me think” by Steve Krug
![Page 15: Extreme Makeover: Taking your website to a new level](https://reader035.vdocuments.site/reader035/viewer/2022062312/55526193b4c9052e1f8b4c99/html5/thumbnails/15.jpg)
+4. Use visual narrative to push action & engagement
Define your “voice” & stick to it
Select strong visuals & draw your audience in but don’t overdo it
Don’t be afraid of metaphor, but think it through carefully
Use straightforward labels
Keep the subject matter accessible to your audience
Show all available engagement opportunities clearly
Move people to “do something”
![Page 16: Extreme Makeover: Taking your website to a new level](https://reader035.vdocuments.site/reader035/viewer/2022062312/55526193b4c9052e1f8b4c99/html5/thumbnails/16.jpg)
+5. Beat All Expectations
Create very different design options to select from
Never force a concept. If it feels like you have to explain it to your mother, throw it out and try again
Beware of visual stereotypes
Be picky
Deliver an “embarrassment of riches”
Stay engaged and on message throughout the process
![Page 17: Extreme Makeover: Taking your website to a new level](https://reader035.vdocuments.site/reader035/viewer/2022062312/55526193b4c9052e1f8b4c99/html5/thumbnails/17.jpg)
+
Not Just a Pretty FaceReal examples of how mission, message & engagement can transform user experience
![Page 18: Extreme Makeover: Taking your website to a new level](https://reader035.vdocuments.site/reader035/viewer/2022062312/55526193b4c9052e1f8b4c99/html5/thumbnails/18.jpg)
+American Lung Association
Before
![Page 19: Extreme Makeover: Taking your website to a new level](https://reader035.vdocuments.site/reader035/viewer/2022062312/55526193b4c9052e1f8b4c99/html5/thumbnails/19.jpg)
+American Lung Association
After
![Page 20: Extreme Makeover: Taking your website to a new level](https://reader035.vdocuments.site/reader035/viewer/2022062312/55526193b4c9052e1f8b4c99/html5/thumbnails/20.jpg)
+Wildlife Conservation Society
Before
![Page 21: Extreme Makeover: Taking your website to a new level](https://reader035.vdocuments.site/reader035/viewer/2022062312/55526193b4c9052e1f8b4c99/html5/thumbnails/21.jpg)
+Wildlife Conservation Society
After
![Page 22: Extreme Makeover: Taking your website to a new level](https://reader035.vdocuments.site/reader035/viewer/2022062312/55526193b4c9052e1f8b4c99/html5/thumbnails/22.jpg)
+
National Breast Cancer Coalition
Before
![Page 23: Extreme Makeover: Taking your website to a new level](https://reader035.vdocuments.site/reader035/viewer/2022062312/55526193b4c9052e1f8b4c99/html5/thumbnails/23.jpg)
+
National Breast Cancer Coalition
After
![Page 24: Extreme Makeover: Taking your website to a new level](https://reader035.vdocuments.site/reader035/viewer/2022062312/55526193b4c9052e1f8b4c99/html5/thumbnails/24.jpg)
+Tell the story through visual impact
![Page 25: Extreme Makeover: Taking your website to a new level](https://reader035.vdocuments.site/reader035/viewer/2022062312/55526193b4c9052e1f8b4c99/html5/thumbnails/25.jpg)
+Focus on action
![Page 26: Extreme Makeover: Taking your website to a new level](https://reader035.vdocuments.site/reader035/viewer/2022062312/55526193b4c9052e1f8b4c99/html5/thumbnails/26.jpg)
+Design for the audience (even if it’s not your aesthetic)
![Page 27: Extreme Makeover: Taking your website to a new level](https://reader035.vdocuments.site/reader035/viewer/2022062312/55526193b4c9052e1f8b4c99/html5/thumbnails/27.jpg)
+Encourage interactivity
![Page 28: Extreme Makeover: Taking your website to a new level](https://reader035.vdocuments.site/reader035/viewer/2022062312/55526193b4c9052e1f8b4c99/html5/thumbnails/28.jpg)
+
Secret sauce, silver bullets & the tooth fairyA great website is not about someone else’s fiction.
It needs to tell your story.
Own it.
![Page 29: Extreme Makeover: Taking your website to a new level](https://reader035.vdocuments.site/reader035/viewer/2022062312/55526193b4c9052e1f8b4c99/html5/thumbnails/29.jpg)
+
Thank you.