creative + ux webinar

44
Creative + User Experience Part of the Forum One Creative+ Series @forumone #f1creativeplus Join the Conversation Submit questions/comments via the Questions panel.

Upload: forum-one

Post on 17-Jan-2017

372 views

Category:

Technology


0 download

TRANSCRIPT

Page 1: Creative + UX webinar

Creative + User ExperiencePart of the Forum One Creative+ Series

@forumone #f1creativeplus

Join the ConversationSubmit questions/comments via the Questions panel.

Page 2: Creative + UX webinar

#f1creativeplus

Christina CrawleyDirector of Marketing

@tinacrawley

Courtney ClarkManaging Director,

User Experience@circlish

Corey JonesArt Director

@coreycreative

Our Team

Page 3: Creative + UX webinar

#f1creativeplus

About Forum One

Seattle, WA

Alexandria, VA - HQ

Washington, DC

Germany

Page 4: Creative + UX webinar

#f1creativeplus

What is the Creative+ Series?

Forum One is exploring the intersection of creative design and other areas of practice, such as content, analytics, UX, and technology, to

help you strategize an approach for your digital spaces.

go.forumone.com/creativeplus

Page 5: Creative + UX webinar

#f1creativeplus

Page 6: Creative + UX webinar

#ForumOne

Brand ExperienceA solid starting place.

Page 7: Creative + UX webinar

Brand ExperienceHow people feel when they

experience your organization

Page 8: Creative + UX webinar

#f1creativeplus

Page 9: Creative + UX webinar

Your brand is an EXPERIENCE.

Not just a logo.!

Page 10: Creative + UX webinar

What do you stand for?

Page 11: Creative + UX webinar

Who areyou talking to?

Page 12: Creative + UX webinar

What do you want to say?

Page 13: Creative + UX webinar

YOUR BRAND

VALUEAUDIENCEMESSAGE

What do you stand for?

What do you want to say?Who are you talking to?

Page 14: Creative + UX webinar

Voice & Tone

Brand Attributes Messaging Look & Feel

What kinds of adjectives would best describe your brand?

How do you use visuals to map to your brand

attributes and messages?

How do you want to talk about your brand?

What different ways will you communicate that voice

and narrative?

How do you want audiences to perceive your brand?

What are the specific messages do you want to relay to your audiences?

What do you stand for? Who are you talking to? What do you want to say?

Page 15: Creative + UX webinar

Why do orgsstruggle withtheir brand?

Page 16: Creative + UX webinar

Why do orgsstruggle withtheir brand?

It’s not written down. We don’t know

the answers.

We can’t agree on the answers.

We’re inconsistent on delivery.

Page 17: Creative + UX webinar

deeper CONNECTIONgreater IMPACT and a

you need to define your brand.

If you want a

Page 18: Creative + UX webinar

Creative & UX NEED TO KNOW

the brand first*

Page 19: Creative + UX webinar

#ForumOne

Creative + UXTogether is better

Page 20: Creative + UX webinar

#f1creativeplus

Page 21: Creative + UX webinar
Page 22: Creative + UX webinar

#f1creativeplus

Page 23: Creative + UX webinar

#f1creativeplus

Page 24: Creative + UX webinar

#f1creativeplus

Project Manager Front-End

Designer UX Dev

Page 25: Creative + UX webinar

#f1creativeplus

Project Manager & QA

UX & Designer

Front-End & Dev

Page 26: Creative + UX webinar

#ForumOne

Audience JourneyOur approach to design

Page 27: Creative + UX webinar

#f1creativeplus

Defining Audience Journeys Together

It’sFun

SameLanguage

It’sStrategic

SameFoundation

BetterResults

ItUnblocks

SameVision

Page 28: Creative + UX webinar

#f1creativeplus

Internal KickoffBackground DocsAnalytics ReviewAudience ResearchUsability ReviewStakeholder InterviewsContent InventoryBrandingGoal SettingTech Review

*not always all of this, but some at least.

We do discovery* before we start.

Discovery Design Build

}

Page 29: Creative + UX webinar

#f1creativeplus

AUDIENCE JOURNEYWhat

Who

Page 30: Creative + UX webinar

#f1creativeplus

AUDIENCE JOURNEYWhat

Who

Pacific Whale Conservancy

whale.net

Redesign the homepage to convey the new brand identity and increase donations and audience engagement.

Page 31: Creative + UX webinar

#f1creativeplus

AUDIENCE JOURNEYWhat

Who

Pacific Whale Conservancy

pwc.org

Redesign the homepage to convey the new brand identity and increase donations and audience engagement.

Donors - Passionate Millennials

Recent Grad working at NGO

Penelope

Penelope studied marine biology in undergrad. She lives in the Pacific Northwest and is active in her local bike club. She is fairly informed and wants to be more involved, but is unsure where to focus her efforts.

Page 32: Creative + UX webinar

You are not your PRIMARY

AUDIENCE.!

Page 33: Creative + UX webinar

#f1creativeplus

AUDIENCE JOURNEYWhat

Who

Pacific Whale Conservancy

pwc.org

Redesign the homepage to convey the new brand identity and increase donations and audience engagement.

Donors - Passionate Millennials

Recent Grad working at NGO

Penelope

Penelope studied marine biology in undergrad. She lives in the Pacific Northwest and is active in her local bike club. She is fairly informed and wants to be more involved, but is unsure where to focus her efforts.

Donate Engage & Inform Sign Up for E-Newsletter

Page 34: Creative + UX webinar

#f1creativeplus

Page 35: Creative + UX webinar

#f1creativeplus

Google search or news article

Homepage

Inspired

Donate

Concerned, Compelled

Thank You Page

Satisfied, Empowered

Page 36: Creative + UX webinar

#f1creativeplus

Google search or news article

Homepage

Inspired

Donate

Concerned, Compelled

Thank You Page

Satisfied, Empowered

Navigation

Hero Image

Donate Map

Featured Stories

Email Signup

Footer

Navigation

Brand Messaging

Donation Form

Accountability

Footer

Navigation

Thank You Message & Impact Statement

Footer

Email Signup

Featured Stories

Page 37: Creative + UX webinar

#f1creativeplus

Page 38: Creative + UX webinar

#f1creativeplus

Block Wireframes

Page Info

(Audience, Goals, Action)

Detailed Wireframe

Creative Design

1 2 4

HOME PAGE

Audience- Lorem ipsum

Audience Goals- Consectetur- Sit Amet

Feelings- Apply for dolor sit

Actions- Apply for dolor sit- Sign lorem ipsum

Supporting Content- Lorem ipsum dolor site

amet consectetur dolor sit.

Navigation

Hero Image

Donate Map

3

Featured Stories

Email Signup

Footer

Page 39: Creative + UX webinar

#f1creativeplus

Defining Audience Journeys Together

It’sFun

SameLanguage

It’sStrategic

SameFoundation

BetterResults

ItUnblocks

SameVision

Page 40: Creative + UX webinar

#f1creativeplus

Your brand should cover what your org stands for, your audience, and your message.

Creative and User Experience Designers rely on an understanding of the brand in order to do their work.

User Experience brings a focus on audience and purpose, which pairs nicely with creative.

Defining the audience journey together helps us get on the same page early and design better products.

Key Takeaways

Your brand is more than a logo.

The importance of branding.

Remember who you’re designing for.

Define the audience journey together.

Page 41: Creative + UX webinar

#f1creativeplus

Page 43: Creative + UX webinar

#f1creativeplus

Questions?

Page 44: Creative + UX webinar

Creative+ Resourcesgo.forumone.com/creativeplus

[email protected]@forumone