dedo web talk

74
Website Design Identifying the Why and What. Tuesday, December 6, 11

Upload: 23rd-5th

Post on 12-May-2015

435 views

Category:

Technology


0 download

DESCRIPTION

Presentation slides to a

TRANSCRIPT

Page 1: Dedo web talk

Website DesignIdentifying the Why and What.

Tuesday, December 6, 11

Page 2: Dedo web talk

Here’s the agenda for the next 91 minutes. Stop blending in.

Who am I.

Why are you here?

What is a brand and why should you care?

Who’s your audience?

Design 101

Development basics

Social commerce

Maintenance considerations.

Questions.

Tuesday, December 6, 11

Page 3: Dedo web talk

This is where my story starts.

Tuesday, December 6, 11

Page 4: Dedo web talk

Actually lets back up.

Born & Raised in Wilmington.

Started drawing before I could talk. Or so it seemed.

Spent my youth building models and drawing houses.

Found a passion for design.

Couldn’t hack it at Pre-Calculus. Scrapped a career in Architecture.

Went to school at night, landed a my first big gig at 17 with AOL Time Warner.

Proud Graduate of Brandywine High School.

Went to College. Worked in Printing for $11/hr. Left for Advertising.

Started teaching.

Adopted some dogs. Bought a House.

Sold my soul to direct mail.

Lost my job.

Started a Company.

Love every minute of it.

Tuesday, December 6, 11

Page 5: Dedo web talk

Why are you here?

You’re tired of lame websites.

Your website resembles an Old Christmas Sweater from Goodwill.

You want to know the ins and outs of The Grid.

You want to be a rockstar.

Tuesday, December 6, 11

Page 6: Dedo web talk

What is a brand?

A brand is not a logo, not an identity, not a product. A brand is a person’s gut feeling about a product, service, or organization.

Tuesday, December 6, 11

Page 7: Dedo web talk

Tuesday, December 6, 11

Page 8: Dedo web talk

Tuesday, December 6, 11

Page 9: Dedo web talk

Tuesday, December 6, 11

Page 10: Dedo web talk

Tuesday, December 6, 11

Page 11: Dedo web talk

Tuesday, December 6, 11

Page 12: Dedo web talk

Tuesday, December 6, 11

Page 13: Dedo web talk

Is your brand “smashable”?

The term "smashable" dates back to 1915, when the Coca-Cola company asked a designer in Terre Haute, Indiana, to design a bottle that consumers could still recognize as a Coke bottle, even if someone flung it against a brick wall and it shattered into a hundred pieces. Coke is a smashable brand. So are Guinness, Ferrari, Harley-Davidson and, of course, Apple (take a sledgehammer to an iPad and you'll know what I mean). Which suggests that the logo as we once knew and loved it--from Citibank's Scowling Umbrella (I don't know what else to call it), to Nike's Swoosh, to Starbucks's Whoever-The-Heck-She-Is--needs to be re-considered if it's going to play any role in future brand-building.

- Martin Lindstrom via @FastCompany

Tuesday, December 6, 11

Page 14: Dedo web talk

Tuesday, December 6, 11

Page 15: Dedo web talk

Tuesday, December 6, 11

Page 16: Dedo web talk

Tuesday, December 6, 11

Page 17: Dedo web talk

Tuesday, December 6, 11

Page 18: Dedo web talk

A great brand tells a story.And luckily we all make great stories.

Marina Willer of Wolff Olins London declared, “It’s not about consistency, it’s

about creating stories that make sense.” Stories are the way we connect with

people and create relationships. If we think of brands as people or personalities,

they need to be magical storytellers. As humans, we thrive on all of the

emotional connections we have. We get passionate about them. It’s the stories

we tell and hear that trigger those connections.

Tuesday, December 6, 11

Page 19: Dedo web talk

Crafting your story.In 5 steps.

01 | Be Real & Don’t Lie.

02 | Write down what has made an impact on you, and why it’s important.

03 | Go back to those 5 things you LOVE to do. What are they?

04 | Be Clear & Concise. A story has a beginning, a middle and an end.

05 | Leave out the sales copy, and focus on you. We’ll get to what you’ve done soon enough.

Tuesday, December 6, 11

Page 20: Dedo web talk

Audience

Tuesday, December 6, 11

Page 21: Dedo web talk

Audience

Tuesday, December 6, 11

Page 22: Dedo web talk

Audience

Tuesday, December 6, 11

Page 23: Dedo web talk

Design 101

01 | Content

02 | Structure & Hierarchy

03 | Typography

04 | Image

05 | Call to Action

Tuesday, December 6, 11

Page 24: Dedo web talk

01 | Content

What pages do you need in your site?

- Product

- About Us

- Contact

- Etc.

Tuesday, December 6, 11

Page 25: Dedo web talk

02 | Structure & Hierarchy

Tuesday, December 6, 11

Page 26: Dedo web talk

02 | Structure & Hierarchy

Tuesday, December 6, 11

Page 27: Dedo web talk

02 | Structure & Hierarchy

Tuesday, December 6, 11

Page 28: Dedo web talk

02 | Structure & Hierarchy

Tuesday, December 6, 11

Page 29: Dedo web talk

02 | Structure & Hierarchy

Tuesday, December 6, 11

Page 30: Dedo web talk

02 | Structure & Hierarchy

Tuesday, December 6, 11

Page 31: Dedo web talk

02 | Structure & HierarchySocial Commerce

Tuesday, December 6, 11

Page 32: Dedo web talk

02 | Structure & Hierarchy

Tuesday, December 6, 11

Page 33: Dedo web talk

02 | Structure & Hierarchy

Tuesday, December 6, 11

Page 34: Dedo web talk

03 | Typography

Tuesday, December 6, 11

Page 35: Dedo web talk

03 | Typography

Tuesday, December 6, 11

Page 36: Dedo web talk

03 | Typography

Tuesday, December 6, 11

Page 37: Dedo web talk

03 | Typography

Tuesday, December 6, 11

Page 38: Dedo web talk

03 | Typography

Tuesday, December 6, 11

Page 39: Dedo web talk

03 | Typography

Tuesday, December 6, 11

Page 40: Dedo web talk

03 | Typography

Tuesday, December 6, 11

Page 41: Dedo web talk

03 | Typography

Tuesday, December 6, 11

Page 42: Dedo web talk

03 | Typography

Tuesday, December 6, 11

Page 43: Dedo web talk

04 | Image

Tuesday, December 6, 11

Page 44: Dedo web talk

04 | Image

Tuesday, December 6, 11

Page 45: Dedo web talk

04 | Image

Via SmashingMagazine.com

Tuesday, December 6, 11

Page 46: Dedo web talk

04 | Image

Tuesday, December 6, 11

Page 47: Dedo web talk

04 | Image

Via SmashingMagazine.com

Tuesday, December 6, 11

Page 48: Dedo web talk

05 | Call to Action

Via SmashingMagazine.comTuesday, December 6, 11

Page 49: Dedo web talk

05 | Call to Action

Via SmashingMagazine.com

Tuesday, December 6, 11

Page 50: Dedo web talk

05 | Call to Action

Via SmashingMagazine.com

Tuesday, December 6, 11

Page 51: Dedo web talk

05 | Call to Action

Via SmashingMagazine.com

Tuesday, December 6, 11

Page 52: Dedo web talk

05 | Call to Action

Via SmashingMagazine.comTuesday, December 6, 11

Page 53: Dedo web talk

05 | Call to Action

Via SmashingMagazine.com

Tuesday, December 6, 11

Page 54: Dedo web talk

05 | Call to Action

Via SmashingMagazine.com

Tuesday, December 6, 11

Page 55: Dedo web talk

Website Development

01 | Content

02 | Structure & Hierarchy (Database)

03 | Front-End (HTML, XHTML & CSS)

04 | Back-End (MySQL, .NET, ASP, PHP, RUBY)

05 | Integration (Sales Platform, CMS, Shipping Software, Customer Service, etc.)

Tuesday, December 6, 11

Page 56: Dedo web talk

04 | Back-End (Platform)

Tuesday, December 6, 11

Page 57: Dedo web talk

04 | Back-End (Platform)

Tuesday, December 6, 11

Page 58: Dedo web talk

04 | Back-End (Platform)

Tuesday, December 6, 11

Page 59: Dedo web talk

04 | Back-End (Platform)

Tuesday, December 6, 11

Page 60: Dedo web talk

04 | Back-End (Platform)

Tuesday, December 6, 11

Page 61: Dedo web talk

04 | Back-End (Platform)

Tuesday, December 6, 11

Page 62: Dedo web talk

05 | Integration

Tuesday, December 6, 11

Page 63: Dedo web talk

05 | Integration

Tuesday, December 6, 11

Page 64: Dedo web talk

05 | Integration

Tuesday, December 6, 11

Page 65: Dedo web talk

05 | Integration

Tuesday, December 6, 11

Page 66: Dedo web talk

05 | Integration

Tuesday, December 6, 11

Page 67: Dedo web talk

05 | Integration

Tuesday, December 6, 11

Page 68: Dedo web talk

05 | Integration

Tuesday, December 6, 11

Page 69: Dedo web talk

Social Commerce

Tuesday, December 6, 11

Page 70: Dedo web talk

Social Commerce

Tuesday, December 6, 11

Page 71: Dedo web talk

Social Commerce

Tuesday, December 6, 11

Page 72: Dedo web talk

Social Commerce

Tuesday, December 6, 11

Page 73: Dedo web talk

Question & Answer

Tuesday, December 6, 11

Page 74: Dedo web talk

Thanks. Bradford [email protected]@bradwason

Tuesday, December 6, 11