blue coast process

13
CAPABILITIES & PROCESS

Upload: blue-coast

Post on 17-Aug-2015

97 views

Category:

Design


0 download

TRANSCRIPT

CAPABILITIES & PROCESS

WHAT WE DO

Brand Strategy & Development

Identity systems, brand messaging & guidelines

Digital web design & development, web applications

Communications marketing & sales collateral

Motion Graphics explainer videos, product demos

DIGITAL

kickoff & brand workshop

web site tour

creative brief

user experience

concept development

initial site mock ups

final site mock ups

design of interior template pages

HTML CSS JS programming

CMS integration, QA, deployment

& launch

PROCESS OVERVIEW

Discovery

Design

Development & Testing

KICKOFF & BRAND WORKSHOP

• project goals • brand attributes • customer types • customer journey • existing marketing materials • project timeline

Tell us about your:

Discovery Design Development & Testing

CHANNELS

POSITION

ING

ATTRIBU

TES ON-LINE

OFF-LIN

E

AUDIEN

CECO

MPE

TITION

IDENTITY

IMAGERY

FONTS/COLORS TONE

/VOI

CE

BRAND

WEB SITE TOUR

Competing & Aspirational Sites

• messaging • features • navigation • calls to action • photography • color • typography

Discovery Design Development & Testing

CREATIVE BRIEF

• background • project description & goals • brand review • target audience • competition • communication strategy • timeline • success metrics

Goals & Strategy

Discovery Design Development & Testing

USER EXPERIENCE

• identify brand touch points & user needs • document the conversion process • identify engagement opportunities • examine key analytics & set goals

Research & Discovery

Information Architecture• create hierarchy that is flexible & scalable • identify content needs • provide for concrete & abstract workflows • establish functional requirements

Discovery Design Development & Testing

CONCEPT DEVELOPMENT

• point of connection between brand & user • humorous • emotional • relatable

• extendable & scaleable • brand messages • supporting visuals

What’s the big idea?

Discovery Design Development & Testing

INITIAL SITE MOCK-UPS

• navigation structure • layout • imagery • color • proposed messaging • typography

Explorations of:

Discovery Design Development & Testing

FINAL MOCKUPS | DESIGN OF INTERIOR PAGES | HTML

• sourcing stock/custom photography

• graphic production

• design supporting graphics

• HTML & CSS

• JavaScript

Building out the site

Discovery Design Development & Testing

CMS INTEGRATION | QA DEPLOYMENT | LAUNCH

• database / CMS configuration

• content incorporation

• code integration with CMS

• server set-up

• browser/platform testing program

• redirects & SEO

• launch plan

Technical stuff

Discovery Design Development & Testing

Thank You