99
DESIGNING FROM THE GROUND UP Future Insights Live / June 2014 / Las Vegas JON SETZEN @jonsetzen

Designing From the Ground Up: Approaching, Prioritizing and Executing Design

Embed Size (px)

DESCRIPTION

Jon Setzen's talk from Future Insights Live 2014 in Las Vegas: "We’ll look at ways to get the right answers from your clients and how to maximise your results by focusing on simple solutions that lead to success. You’ll leave with new ways to think about your projects and new techniques for creating compelling brand stories, engaging content, and user experiences that make your customers your biggest fans." Miss his talk? Join us at a future show: www.futureofwebdesign.com. Sign up for our newsletter at futureinsights.com and get 15% off your next conference.

Citation preview

Page 1: Designing From the Ground Up: Approaching, Prioritizing and Executing Design

DESIGNING FROM THE GROUND UP

Future Insights Live / June 2014 / Las Vegas

JON SETZEN@jonsetzen

Page 2: Designing From the Ground Up: Approaching, Prioritizing and Executing Design

SIMPLE SOLUTIONS & SOLVING PROBLEMSFOCUSING ON CONTENTCREATING EXPERIENCESTORY BEFORE DESIGN

Today’s Agenda

Page 3: Designing From the Ground Up: Approaching, Prioritizing and Executing Design

“Good design is as little design as possible.” - Dieter Rams

Page 4: Designing From the Ground Up: Approaching, Prioritizing and Executing Design

PROBLEM SOLVINGA little bit of design helps solve problems quickly.

Page 5: Designing From the Ground Up: Approaching, Prioritizing and Executing Design
Page 6: Designing From the Ground Up: Approaching, Prioritizing and Executing Design
Page 7: Designing From the Ground Up: Approaching, Prioritizing and Executing Design

I’M NOT THE ONLY USERYou can’t design only for yourself.

Page 8: Designing From the Ground Up: Approaching, Prioritizing and Executing Design

DON’T DISRUPT WORKFLOWWhat seems better for you,

could be worse for someone else.

Page 9: Designing From the Ground Up: Approaching, Prioritizing and Executing Design
Page 10: Designing From the Ground Up: Approaching, Prioritizing and Executing Design

MY SIMPLE SOLUTION

Page 11: Designing From the Ground Up: Approaching, Prioritizing and Executing Design
Page 12: Designing From the Ground Up: Approaching, Prioritizing and Executing Design

USER FEEDBACK

Page 13: Designing From the Ground Up: Approaching, Prioritizing and Executing Design

“I can never remember if the sticker is for the coffee or the toaster. It drives me crazy.”

- Mindy (wife, mother of two, not a morning person)

Page 14: Designing From the Ground Up: Approaching, Prioritizing and Executing Design

ITERATE AND IMPROVE

Page 15: Designing From the Ground Up: Approaching, Prioritizing and Executing Design
Page 16: Designing From the Ground Up: Approaching, Prioritizing and Executing Design

DESIGNED…but not designed.

Page 17: Designing From the Ground Up: Approaching, Prioritizing and Executing Design

IT’S MISSING THE PRETTY

Page 18: Designing From the Ground Up: Approaching, Prioritizing and Executing Design

“Design makes what feels complex simpler, and what is simpler feel richer.”

- John Maeda

Page 19: Designing From the Ground Up: Approaching, Prioritizing and Executing Design

THE SWEET SPOT OF SIMPLICITY & EXPERIENCE

Page 20: Designing From the Ground Up: Approaching, Prioritizing and Executing Design

SIMPLE EXPERIENCESHelp us get what we want & need effortlessly.

Page 21: Designing From the Ground Up: Approaching, Prioritizing and Executing Design
Page 22: Designing From the Ground Up: Approaching, Prioritizing and Executing Design

IT’S ALL ABOUT CONTENTExperience. Stories. Understanding.

Page 23: Designing From the Ground Up: Approaching, Prioritizing and Executing Design

CONTENT WINSParallax Scrolling, not so much.

Page 24: Designing From the Ground Up: Approaching, Prioritizing and Executing Design

“Freely distributed information that’s relevant to the person reading it. That’s web design.”

- Dan Cederholm, SimpleBits.com

Page 25: Designing From the Ground Up: Approaching, Prioritizing and Executing Design

CONTENT IS VAST

Page 26: Designing From the Ground Up: Approaching, Prioritizing and Executing Design

“Content is anything that adds value to the reader’s life. It can add value by making them smarter, making them

laugh, making them do their job better, rush to their child to share the video, make a contribution to a charity”

!

- Avinash Kaushik, Google

Page 27: Designing From the Ground Up: Approaching, Prioritizing and Executing Design
Page 28: Designing From the Ground Up: Approaching, Prioritizing and Executing Design

GOOD CONTENT MAKES US FEEL SOMETHING

Page 29: Designing From the Ground Up: Approaching, Prioritizing and Executing Design
Page 30: Designing From the Ground Up: Approaching, Prioritizing and Executing Design
Page 31: Designing From the Ground Up: Approaching, Prioritizing and Executing Design

GOOD CONTENT MAKES US PART OF SOMETHING

Page 32: Designing From the Ground Up: Approaching, Prioritizing and Executing Design

WE DO A LOT FOR THE CONTENT WE WANT

Page 33: Designing From the Ground Up: Approaching, Prioritizing and Executing Design

WE DO A LOT FOR THE CONTENT WE WANT

Page 34: Designing From the Ground Up: Approaching, Prioritizing and Executing Design

WE DO A LOT FOR THE CONTENT WE WANT

Page 35: Designing From the Ground Up: Approaching, Prioritizing and Executing Design

WE DO A LOT FOR THE CONTENT WE WANT

Page 36: Designing From the Ground Up: Approaching, Prioritizing and Executing Design

WHERE DO YOU GET YOUR CONTENT?

Page 37: Designing From the Ground Up: Approaching, Prioritizing and Executing Design
Page 38: Designing From the Ground Up: Approaching, Prioritizing and Executing Design
Page 39: Designing From the Ground Up: Approaching, Prioritizing and Executing Design

CREATING AN EXPERIENCEThe unique story of your content.

Page 40: Designing From the Ground Up: Approaching, Prioritizing and Executing Design

LET’S TALK ABOUT MUSIC

Page 41: Designing From the Ground Up: Approaching, Prioritizing and Executing Design
Page 42: Designing From the Ground Up: Approaching, Prioritizing and Executing Design
Page 43: Designing From the Ground Up: Approaching, Prioritizing and Executing Design
Page 44: Designing From the Ground Up: Approaching, Prioritizing and Executing Design
Page 45: Designing From the Ground Up: Approaching, Prioritizing and Executing Design

Arcade Fire Discography Funeral Neon Bible The Suburbs Reflektor

Page 46: Designing From the Ground Up: Approaching, Prioritizing and Executing Design
Page 47: Designing From the Ground Up: Approaching, Prioritizing and Executing Design
Page 48: Designing From the Ground Up: Approaching, Prioritizing and Executing Design
Page 49: Designing From the Ground Up: Approaching, Prioritizing and Executing Design
Page 50: Designing From the Ground Up: Approaching, Prioritizing and Executing Design
Page 51: Designing From the Ground Up: Approaching, Prioritizing and Executing Design

GET YOUR STORY STRAIGHTThe best content tells the right story, right away.

Page 52: Designing From the Ground Up: Approaching, Prioritizing and Executing Design

WHAT IS WEB HOSTING?

Page 53: Designing From the Ground Up: Approaching, Prioritizing and Executing Design

THERE ARE OVER

40,000 WEB HOSTING COMPANIES

IN YOUR CITY THERE IS

ONE POWER COMPANY

Page 54: Designing From the Ground Up: Approaching, Prioritizing and Executing Design

+ approximately 39,994

Page 55: Designing From the Ground Up: Approaching, Prioritizing and Executing Design
Page 56: Designing From the Ground Up: Approaching, Prioritizing and Executing Design

tough metallic

dismissive machine-like

elitist

elegant conditioned

inviting human

approachable

Media Temple then Media Temple now

Page 57: Designing From the Ground Up: Approaching, Prioritizing and Executing Design

vs.

PERSONIFICATION

Page 58: Designing From the Ground Up: Approaching, Prioritizing and Executing Design

vs.

THE ARMY BEHIND YOU

Page 59: Designing From the Ground Up: Approaching, Prioritizing and Executing Design

MESSAGE DIVERSITY v. MESSAGE DISCIPLINE

Tell unique stories, not just the same story.

Page 60: Designing From the Ground Up: Approaching, Prioritizing and Executing Design
Page 61: Designing From the Ground Up: Approaching, Prioritizing and Executing Design
Page 62: Designing From the Ground Up: Approaching, Prioritizing and Executing Design
Page 63: Designing From the Ground Up: Approaching, Prioritizing and Executing Design
Page 64: Designing From the Ground Up: Approaching, Prioritizing and Executing Design
Page 65: Designing From the Ground Up: Approaching, Prioritizing and Executing Design
Page 66: Designing From the Ground Up: Approaching, Prioritizing and Executing Design

“The features for the price - but also your site design and blog posts - appealed to my sense of design aesthetic and seemed to be interesting, useful articles. Gave me a sense of professionalism that I liked.”

WHAT THEY’RE SAYING

Page 67: Designing From the Ground Up: Approaching, Prioritizing and Executing Design
Page 68: Designing From the Ground Up: Approaching, Prioritizing and Executing Design

A TRUE REFLECTION OF OUR COMPANY’S STORYThe shining star of the redesign

Page 69: Designing From the Ground Up: Approaching, Prioritizing and Executing Design
Page 70: Designing From the Ground Up: Approaching, Prioritizing and Executing Design
Page 71: Designing From the Ground Up: Approaching, Prioritizing and Executing Design

GROWING A COMPANY“will you redesign our website for us?”

Page 72: Designing From the Ground Up: Approaching, Prioritizing and Executing Design

X

Page 73: Designing From the Ground Up: Approaching, Prioritizing and Executing Design

LET’S TALK ABOUT TOTE BAGS

Page 74: Designing From the Ground Up: Approaching, Prioritizing and Executing Design
Page 75: Designing From the Ground Up: Approaching, Prioritizing and Executing Design
Page 76: Designing From the Ground Up: Approaching, Prioritizing and Executing Design
Page 77: Designing From the Ground Up: Approaching, Prioritizing and Executing Design
Page 78: Designing From the Ground Up: Approaching, Prioritizing and Executing Design
Page 79: Designing From the Ground Up: Approaching, Prioritizing and Executing Design

CREATING THE NEW MAPTOTE

Page 80: Designing From the Ground Up: Approaching, Prioritizing and Executing Design

Brand Characteristics !

Made in Brooklyn Creative Design Studio Stylish Everyday Products The Perfect Gift For Women and Men Accessible

Page 81: Designing From the Ground Up: Approaching, Prioritizing and Executing Design

There’s a Maptote for everyone.Regardless of who you are, what you do, or where you live there’s a Maptote for you.

Page 82: Designing From the Ground Up: Approaching, Prioritizing and Executing Design

Three Pillars

Everyday Chic The Perfect GiftCreative Studio

Page 83: Designing From the Ground Up: Approaching, Prioritizing and Executing Design

Creative Studio

Page 84: Designing From the Ground Up: Approaching, Prioritizing and Executing Design

Everyday Chic

Page 85: Designing From the Ground Up: Approaching, Prioritizing and Executing Design

The Perfect Gift

Page 86: Designing From the Ground Up: Approaching, Prioritizing and Executing Design

Photo shoots - becoming a lifestyle brand

Page 87: Designing From the Ground Up: Approaching, Prioritizing and Executing Design
Page 88: Designing From the Ground Up: Approaching, Prioritizing and Executing Design

X

Page 89: Designing From the Ground Up: Approaching, Prioritizing and Executing Design

X

Page 90: Designing From the Ground Up: Approaching, Prioritizing and Executing Design

SiteMap

Cities Tote Bags* Travel Pouches* Wine Totes Home Goods Kids & Baby Accessories

US

Europe

Asia

Grocery

Everyday (black)

Hobo (natural)

Hobo (black)

Mini

Denim

Organic

Beach

Dopp Kit

Pencil Pouch

Make-up Pouch

Change Purse

Single Bottle

Double BottleCloth Napkins

Alphabet Prints

Calendars

Note Cards

Onesies

T-shirts

Buttons

Company Press Stores Custom Contact Newsletter

Our Story

News BlogBlogs

Magazines

Television

US

InternationalBusiness

PersonalInformation

Twitter

Facebook

Instagram

Pinterest

Page 91: Designing From the Ground Up: Approaching, Prioritizing and Executing Design
Page 92: Designing From the Ground Up: Approaching, Prioritizing and Executing Design
Page 93: Designing From the Ground Up: Approaching, Prioritizing and Executing Design
Page 94: Designing From the Ground Up: Approaching, Prioritizing and Executing Design
Page 95: Designing From the Ground Up: Approaching, Prioritizing and Executing Design
Page 96: Designing From the Ground Up: Approaching, Prioritizing and Executing Design
Page 97: Designing From the Ground Up: Approaching, Prioritizing and Executing Design

WHERE DO WE GO FROM HERE

Page 98: Designing From the Ground Up: Approaching, Prioritizing and Executing Design

YOUR BIG SPARK IS NOT A WIREFRAMEIt’s a story. It’s a solution. It’s an experience.

Page 99: Designing From the Ground Up: Approaching, Prioritizing and Executing Design

THANK YOU@jonsetzen

jonsetzen.com