GRIFFITHSrongriffiths.com/portfoliopdf/RonGriffiths Portfolio.pdf · ron griths // design direction...

client // descriptions project // descriptions

GRIFFITHS

GRIFFITHS


ADVERTISING

Q u e e n o f c l o g s p r e s e n t s A F R E E - F L O W I N G P R O D U C T I O N S T A R R I N G J E N N Y K I C K B U T T D I R E C T E D by D o n N E L E D R E N

CLOGS DISAPPEARING AT A DRAIN NEAR YOU.

THRILL AS POWERFUL GEL

PULVERIZES NASTY RESIDUE!

SEE THE GIANT SNAKE

SNAG EVIL CLOGS! 23-INCH SNAKE 18 OUNCES OF VENOM

ONE MOM

NI-

1710

0

ron griffiths // design. direction. solutions. // 415.819.9149 client // Clorox, Liquid-Plumr project // Product advertising

NI-1

7532

Take your pick at brita.com/colors

colors that reflect your good taste

ron griffiths // design. direction. solutions. // 415.819.9149 client // Clorox, Brita // Product introduction advertising

NI-X

XXXX

no splash, no mess bleach gel( laundry is spinning with joy )

clorox.com

“Bleach, you’ve changed.”

ron griffiths // design. direction. solutions. // 415.819.9149 client // Clorox Gel Bleach project // Product advertising

“We just gel.”

clorox.com

bleach is now a no splash, no mess, no miss gel

(washing machines are spinning with joy )

ron griffiths // design. direction. solutions. // 415.819.9149 client // Clorox Gel Bleach project // Product advertising

DR.FONE™ IS THE BEST RECIPE ™ IS THE BEST RECIPE ™

FOR RECOVERING IMAGES AND DATA FROM A FRIED iPHONE.

DOWNLOAD A FREE DEMO AT WONDERSHARE.COM

© 2013 Wondershare. All rights reserved. The Wondershare logo and Dr.Fone are trademarks of Wondershare. All other trademarks are the property of their respective owners. Product features and specifi cations subject to change without notice.

Making Mobile Marvelous.

WS_DRFONE_macworld ad_r3v2.indd 1 8/2/13 3:08 PMron griffiths // design. direction. solutions. // 415.819.9149 client // Wondershare project // Product advertising

38440 PPD_Starblaster Ad _ Round 5 Version 1

New Smart Tube® technology reaches to the very bottom of the bottle so you can Spray Every Drop™.

No waste and you save money — now that’s a nice twist.

See the full line atcloroxprofessional.com/smarttubeOnly from Clorox®

NI-

XX

XX

X

There’s an easier way to squeeze out every last drop.

ron griffiths // design. direction. solutions. // 415.819.9149 client // Wondershare project // Product advertising


BRAND STORIES

ron griffiths // design. direction. solutions. // 415.819.9149 client // Vision Care project // Corporate brand mark

T H E N E W V I S I O N I N E N D - S TA G E A M D

ron griffiths // design. direction. solutions. // 415.819.9149 client // Vision Care project // Product brand mark

ron griffiths // design. direction. solutions. // 415.819.9149 client // Vision Care project // Interactive

Ben Hewett / Art Direction + Design Aerogen / Corporate Mark

ron griffiths // design. direction. solutions. // 415.819.9149 client // Aerogen project // Corporate identity

ron griffiths // design. direction. solutions. // 415.819.9149 client // Aerogen project // Corporate brochure / stationery

Ben Hewett / Art Direction + Design Simplex / Corporate Mark

ron griffiths // design. direction. solutions. // 415.819.9149 client // Simplex project // Brand identity

ron griffiths // design. direction. solutions. // 415.819.9149 client // Simplex project // Brand advertising

PMS

465

spotmojo identity FINAL

PMS

390

PMS

485

PMS

391

PMS

152

PMS

432

PMS

315

PMS

130

PMS

284

PMS

120

PMS

666

PMS

266

PMS

424

PMS

437

Primary Logo (preferred)

Secondary Logos

Use the O in mojo to establish clear space around the logo

spotmojo colors

PRIMARY MARK COLORS SECONDARY BRAND COLORS

Primary Type Face: Helvetia Neu (55 Roman)

ABCDEFGHIJKLMNOPQRSTUVWXYZ 1234567890abcdefghijklmnopqrstuvwxyz

ABCDEFGHIJKLMNOPQRSTUVWXYZ 1234567890abcdefghijklmnopqrstuvwxyzAccent Type Face: Helvetia Neu (85 Heavy)

0.51.100.1

243.144.29

23.2.0.77

69.85.96

0.95.100.0

238.49.36

13.0.100.33

163.165.16

100.0.12.43

0.114.143

0.30.100.0

253.185.19

79.90.0.0

90.64.153

0.0.0.61

126.128.131

20.52.38.0

207.171.122

22.0.100.8

193.205.35

55.19.0.0

108.173.223

0.9.58.0

255.227.132

31.30.0.7

163.120.200

46.45.49.0

151.137.129

RGB

CMYK

RGB

CMYK

ron griffiths // design. direction. solutions. // 415.819.9149 client // Spotmojo project // Brand mark

© 2

012

spot

moj

o

what do

YOUwanthere?

Log on to spotmojo.com and suggest places you’d like to see

where you live, work or play.

™

1399HAIGHTProperty code:

1 (415) 697-3227Text and what you want to:

From your smartphone or web… No smartphone?

Tacos

TO:14156973227

1399HAIGHT

what do

YOUwant

aroundhere?

Yoga!

Shopping!Tacos!

™

Log on to spotmojo.com and suggest places

you’d like to see where you live, work or play.

spotmojo.com

© 2013 spotmojo

ron griffiths // design. direction. solutions. // 415.819.9149 client // Spotmojo project // Collateral

ron griffiths // design. direction. solutions. // 415.819.9149 client // Spotmojo project // Interactive


INTERACTIVE

ron griffiths // design. direction. solutions. // 415.819.9149 client // T1D Exchange project // Online brand development

ron griffiths // design. direction. solutions. // 415.819.9149 client // Prodad project // Corp web design

ron griffiths // design. direction. solutions. // 415.819.9149 client // InSight Vision project // Corp web design

ron griffiths // design. direction. solutions. // 415.819.9149 client // Medtronic project // Product web design


IDENTITY

Technology

Ben Hewett / Art Direction + Design X Initiative / Consortium Identity

Ben Hewett / Art Direction + Design Simplex / Corporate Mark

ron griffiths // design. direction. solutions. // 415.819.9149 client // Various project // Logo / ID

Technology


Consumer

PMS

465

spotmojo identity FINAL

PMS

390

PMS

485

PMS

391

PMS

152

PMS

432

PMS

315

PMS

130

PMS

284

PMS

120

PMS

666

PMS

266

PMS

424

PMS

437

Primary Logo (preferred)

Secondary Logos

Use the O in mojo to establish clear space around the logo

spotmojo colors

PRIMARY MARK COLORS SECONDARY BRAND COLORS

Primary Type Face: Helvetia Neu (55 Roman)

ABCDEFGHIJKLMNOPQRSTUVWXYZ 1234567890abcdefghijklmnopqrstuvwxyz

ABCDEFGHIJKLMNOPQRSTUVWXYZ 1234567890abcdefghijklmnopqrstuvwxyzAccent Type Face: Helvetia Neu (85 Heavy)

0.51.100.1

243.144.29

23.2.0.77

69.85.96

0.95.100.0

238.49.36

13.0.100.33

163.165.16

100.0.12.43

0.114.143

0.30.100.0

253.185.19

79.90.0.0

90.64.153

0.0.0.61

126.128.131

20.52.38.0

207.171.122

22.0.100.8

193.205.35

55.19.0.0

108.173.223

0.9.58.0

255.227.132

31.30.0.7

163.120.200

46.45.49.0

151.137.129

RGB

CMYK

RGB

CMYK

food for imagination.


Consumer

proDAD new product ID system 10/4/2012 FINAL

AUTOMATIC VIDEO FISHEYE CORRECTION



proDAD RESPEEDR 11.12.13 FINAL

proDAD MERCALLI 3.20.13 FINAL

proDAD ProDRENALIN 3.20.13 FINAL

Preferred, on white version

Secondary, low contrast option for white/light backgrounds

Option for dark backgrounds.


Healthcare

REFLECT REALITY

Ben Hewett / Art Direction + Design Aerogen / Corporate Mark

DuraSiteCompound Advantage

DuraSiteCompound Advantage


Charitable organizations

Ben Hewett / Art Direction + Design Children’s Discovery Museum / Museum Identity



Clorox healthcare

With the growing need for products able to quickly kill viruses responsible for nosocomial infections in hospitals and medical environments, disease prevention specialists sought broad-spectrum germicidal products effective against bacteria, microbes and spores like TB, MRSA and Norovirus.

In 2006, Clorox’s Professional Products Division capitalized on the brand’s consumer equity and launched a healthcare platform and brand.

The corner stone to the healthcare offering were a series of new products designed specifically for fast-paced healthcare environments including a high-concentration germicidal bleach, spray and wipes.

The new line featured faster kill times than regular bleach, a corrosion inhibitor for sensitive equipment and a kill-claims list that was the largest in the industry; far out-stripping quaternary disinfectant kill times and pathogen claims by a factor of 5.

We introduced the new product offering with a campaign featuring the new product line in several print-ads that ran in professional janitorial, healthcare and medical journals. These ads became the basis for collateral and trade-show materials for national sales teams.

Messaging focused on practitioner needs: work fast, kill as many pathogens as possible and eliminate doubt.

Further communications addressed protocol revisions and an educational campaign that dispelled some of the negative beliefs and myths about bleach and bleach use in healthcare environments.

Once the germicidal product lines were established, we developed a comprehensive marketing and messaging platform that would serve as a basis for new product introductions and lay the groundwork for growing the brand and its reputation.

Future products integrated into the platform included H2O2 Disinfectants, Quaternary Disinfectants, Skin Antisepsis and Soft Surface Disinfectants.

EPILOGUE / DIRECTORS CUTWork that didn’t make it into the feature presentation,

but builds story and character development.

Platform brochure

ron griffiths // design. direction. solutions. // 415.819.9149

Advertising7.875”

10.7

5”

Clorox introduces new germicidal solutions that increase productivity, safety and patient flow.

Clorox® Commercial Solutions® Germicidal Wipes and Clorox® Commercial Solutions® Germicidal Spray

are the latest additions to the Clorox family of trusted disinfecting products. Effective against a wide

range of microorganisms* and engineered to meet the disinfecting needs of today’s busy healthcare

professionals: featuring reduced kill times, convenient application methods and a shelf-stable formula.

Available May 2005 — Call 888-797-7225 or your sales rep. for additional information. NEXT PATIENT PLEASE*SEE PRODUCT LABEL FOR DETAILS

THE WAIT IS OVER*

A history of trust, a history of clean.N

I-468


Advertising

Excellent references. Proven history.

Hire by the numbers. Clorox® Germicidal Bleach

products offer a higher number of kill claims and

faster kill times than any quat-based product. In

your fight against HAIs the right hire can make

a world of difference.

To find out why Clorox Germicidal products are the informed choice of health care professionals

log on to cloroxprofessional.com.

This is why we hired Clorox.

Excellent references. Proven history.

Hire by the numbers. Clorox® Germicidal Bleach

products offer a higher number of kill claims and

faster kill times than any quat-based product. In

your fight against HAIs the right hire can make

a world of difference.

To find out why Clorox Germicidal products are the informed choice of health care professionals

log on to cloroxprofessional.com.

This is where we count experience.


Concept

NO 7

CATEGORY PRODUCT

Jan / San Equity Products

Clorox Heros

Kills germs. Healthier employees. Saves day.In the right hands, Clorox Commercial Solutions products are a powerful foe against spreading germs, offi ce and environmental bugs and the stuff that can make employees sick. Protection starts with fast action. Here you come to save the day.

1-800 / WWW / LOGO

NO 8

CATEGORY PRODUCT

Clorox Heros

Restaurant Anywhere hard surface

Anywhere for EveryoneClorox Anywhere Hard Surface spray cleans and disinfects – safely. So no matter where or what your cleaning crew handles, they only kill germs, not the dining experience. Safe enough to use around food, strong enough to disinfect.

1-800 / WWW / LOGO

NO 9

CATEGORY PRODUCT

Clorox Heros

Medical Germicidal Products

Faster than a speeding bugInfection control starts simply enough with Clorox Germicidal Products. You can kill bugs without bugging the patients, families, visitors or staff by minimizing cross-contamination potentials. This is the kind of power you expect from Clorox in the environment that needs it most – the hospital.

1-800 / WWW / LOGO


CLOUD CAR UX ExploreInteraction Map

Mon Sep 29 2014

Creator

Modified

Ron Griffiths8 / 28

CLOUDCAR

Onboard

Driver Setup

Planning

Nav Setup

Driver Locations

Geofence Areas and Integration

Calendar Integration

Contacts Integration

Soft services Admin

Service Settings

Drriver / Driver Preferences

Vehicle Update and Status

System Reset

Driver ecosystem

Cloud Sync

Contacts

Calendar

Geofence Integration

Reminders

Smartphone Integration

Desktop Access and Information

Learn

FAQ

Questions / Answers

Live tutorials

Tiered resonses

Tips

Entertainment

Non-system information

Driver Reminders

Cellular Data, Calling and Text

Inform

Vehicle Status

Warnings and Service Reminders

Traffic and Hazards

Interfaces

Audio

Visual

Tactical

Driver-centric Information

Calendar

Vehicle Preferences

Contacts

FavoriteLocations

Speech Patterns

Driving Style and Needs

Driving

Engage / Respond

Voice Commands

Audio Response

Tactical Interface

Auditory Alerts

Off-board

Entertainment

Playlists

Radio Station Settings (by

Driver)

Non-driver preferences

Web

Vehicle Stats

Software / Firmware Updates

Dealer Interface

Driver Preferences

Driver Setup

Vehicle Manual

SMS / Phone in-App

Trip Planning

Vehicle Stats

Tips

FAQ

Tutorial

Vehicle Manual

Alerts

Security

Reminders

Vehicle Status

CLOUD CAR UX ExplorePersona: Susan L

Mon Sep 29 2014

Creator

Modified

Ron Griffiths12 / 28

CLOUDCAR

SUSAN LIMNDRIVER1

AGEGENDER

OCCUPATIONMER. STATUS

HOMECOMMUTE MI.AVERAGE HHI

MOTIVATIONSDEMOGRAPHICS TECHNOLOGIES (familiarity / use)

Poor gas mileage of current vehicle.Distractions while driving, from kids or from phone. Texts, accidents, and other drivers are high on grievances list.Feels that a feature-rich car is outside her price range. If she does get another car, Susan feels that she won’t opt for an options package that would have anything really cool and high-tech, like a nav. system or voice activated features.

2002 Chevy Tahoe

Susan loves her car and thinks it’s in great condition for its age. She can fit the entire family for road-trips and “Can see everything from up there!” As a mother of two, Susan is often running errands or shuttling the kids or the family from one event to the next.

She admits that her current car is a ‘gas guzzler,’ but is reluctant to give up her ‘baby’ for something that might be too small. Susan might consider a Japanese car as a future purchase because of reliability and feature/value.

FRUSTRATIONS

CURRENT VEHICLE “Anything that can make my life easier is welcome, if that means getting rid of buttons, then get rid of the buttons — I think the kids would love talking to the car, like Thomas the Train!”

BIO

TIERARCHETYPE

46FProject ManagerMarried, 15 yrsLivermore, CA30mi /rt$97k /yr

Practical UserShuttle Driver

LOW / NONE INDIFFERENT SOMEWHAT VERY NO-USE CASUAL ENTHUSIAST PROSUMER

Feels that voice activated technology seems like a luxury car feature and not sure it’s in her price range.Would like to integrate her iPhone more with her car, or have the car be more like her phone and Siri. Would like to make life easier. Have a system that tells her where she’s going next and how to get there.Would like to keep the kids occupied without feeling like they’re just vegging- out in the back seat.

GOALS

NAV SYSTEMS

SMART PHONES

VOICE-ACTIVATED

USE OF CLOUD

SATELLITE RADIO

SOCIAL NETWORKING

STAY AT HOME EVENING OUT

FUNCTION FORM

DOMESTIC FOREIGN

COLOR STYLE

CONVENIENCE

SAFETY

LIFE INTEGRATION

STATUS

NEW TECHNOLOGY

INFOTAINMENT VOICE TACTILE

GENERIC BRAND NAME

CLOUDCAR

CLOUD CAR UX ExploreUser Map

Mon Sep 29 2014

Creator

Modified

Ron Griffiths28 / 28

CLOUDCAR

Enter Vehicle Existing Driver

Setup New Driver Prefs

Set Navigation

Entertainment

Sync Driver Cloud Data

Just Drive

System Inquiryor Status

Begin Driving

Download Traffic Conditions

Along Proposed Route

System Statsand Status

Maintenance Issues

Alerts Review

Reminders

Select Dest from Contacts Optimized Route

Driver Contacts / Phone Book

Travel Status Updates

In-Drive Information and Feedback

Driver Media Library

Vehicle Status

Entertainment Updates

Weather and Environmental Hazards Route Conditions

Select Route from Several Offered by System

Use and Wear Data

Weather and Hazards

Fob ID Verification

New DriverEntertainment Controls

and Options

Manufacturer

Service Provider

Software UpdatesFirmware Updates

INSTANCE:

Driver enters car, plots course with reference to contact list,

previous routes taken and previous entertainment selections,

including new route and entertainment choice.

FOB ID = Existing Driver

Welcome "Driver" <greeting defined by user preference>

Driver Response: Let's go to Mom's

SYS: Just to verify, you'd like to go to Mom's Place at 1550 Sutter

Street in San Francisco, right?

Driver: Yes, thank you.

SYS: Absolutely. Would you like me to plot the fastest route?

Driver: Use the same as last time.

SYS: Here's your route to Mom's Place via Highway 101 North.

Ready to go?

Driver: Thanks, I'd like a more scenic route.

SYS: There's a more scenic route along highway 280 North. That

would take us approximately 28 minutes longer than using

highway 101 North. Shall I plot the route?

Driver: Yes.

SYS: Here's the route. Would you like to continue your playlist

from where we left off this morning?

Driver: No, find a classical station.

SYS: 102.1 is a local classical station. Shall I tune it in?

Driver: Yes.

SYS: Here's that station. We should arrive at Mom's Place in

approximately 43 minutes. Would you like me to send Mom an

ETA text?

Driver: Thanks.

SYS: I've sent a text. Ready to go?

Driver: Yep.

SYS: Let me know if you need anything else.

Up/ Download

SystemActions

DriverActions

Spotmojo UI/UX Web Interface V3.0Click Map / Outcomes

Thu Oct 02 2014

Creator

Modified

Ron Griffiths3 / 20

Pitch Interface

Paid Plans

Pitch Interface

Main Feed Pitchesand Suggestions

Social LoginsNo retention of login information, but the action of logging in and/or sharing content is logged.

POINT OF ENTRY: Home Page

Consumer UserConsumer user could also be Business user, using the site as a user would. All interactions for the business user are the same as a consumer, except on the Pitch Home or in the Pitch Creator interface.

User Business / Consumer Business

Consumer HOME PAGE OPTIONS

Select Pitch

Vote on Suggestion

Suggest

Explore

Login

Join

Pitch Page

Sort

Location

Filter TypeFilter Type

Filter Type

SOCIAL:FB / TW / G+

Favorite

Result

Select Pitch

ResultResultResultResult

Marketing Data

SOCIAL LOGIN

USER HOMEcollects points for

gamification

Comments from users and

EntrepreneurPole, Business

DefinedVote

Yes / Maybe / No

About Spot MojoCTA for Business

About Makinga Pitch Page

OPTIONS / PRICING

Login

Join

Business Sign-up

Plan 1

Plan 2

Plan 3

Plan 4

Page Creatorand Editor

Filter TypeFilter TypeUser

Content

Payment Processing

PITCH BACK END HOME Social Networking Multi-Media Reports

Consumer Target

RequestsVotes

FeedbackResponses

Investors Lenders Principals / Stake Holders

ACTUALIZED CONCEPTOpen Business

DEFINE USER TYPE PRELIMINARY ACTIONS INTERMEDIATE ACTIONS RESULTS HOME PAGES

PLACE HOMES neighborhoods, cities and towns

BUSINESS OUTCOMES

LoginAny action requiring validation or outcome that contributes to the data model must have a login associated with it.

Data StreamCollected data feeds directly to the reporting engine on the backend of the Pitch Home page.



Place Home PagesManaged and established by neighborhood organizations or municipalities as a reporting vehicle and a platform for public interface.

REALTOR HOMEproperty vacancies

and local feeds

Business SIgn-upOption includes a free plan with limited interaction between business and users. Pricing based on level of engagement and total audience.

OutcomeThe ultimate outcome of Spotmojo is to help facilitate the building and launching of small businesses. Spotmojo also acts as a feedback loop between established businesses and their core customers.

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24

Spotmojo UI/UX Web Interface V3.0Home Page V1.0 User Comments from initial testing

Thu Oct 02 2014

Creator

Modified

Ron Griffiths7 / 20

1. Left-hand Feed Over-all, users were able to find what they were looking for in the feed, but had many

questions that had to be explored for answers rather than more obvious click outcomes using more common vernacular and interface language. Learning curve is steep and with a moderate-high frustration level.

1.1 Users confused about nomenclature. What IS a spot? What am I adding, how do I do it. Users reluctant to engage in interface because of questionable outcomes.

1.2 Nomenclature indicates a more robust user page rather than a feed modification. Users were disappointed by clicking this nav point.

1.3 Who is this person? Feed people relationships are unclear. Some users wanted to see what their friends on other social media sites were doing on Spotmojo. A personalized tie-in with social media outlets might give them a more individualized experience and be more center on their needs.

1.4 What am I voting on? Users were confused about voting and the net outcome. Did it reflect on

their profile, would it be broadcast on social media with a click. Uncertainty was the predominant response for user that signed in with a social media profile, rather than having created an account on the site.

1.5 Users saw that there were additional comments, but weren't certain if they could add their own or where comments lived. Users reported that the on-click state of the content box looked like new content, rather than the comments that would have been associated with this box.

1.6 Load more options at the bottom of the screen seemed odd to most users when the feed was infinitely scrolling. Low priority change, but warrants attention or removal.

1.7 Infinite scroll proved frustrating to users. The scroll bar on the far right hand side of the page dissociated the indications of scrolling with the feed itself. Users felt like they would never reach the bottom of the page.

1.8 Most users had to search hard to find the privacy policy. Some never found it. Over-all sentiment for having it tucked away was suspicion about the site and raised flags for most and legitimacy to others.

2. Map Area Most users wanted to focus on the map area, but were disappointed by the lack of

content and content variety. Some users did not clearly see the data link between the map screen and the feed contents.

2.1 Most users wanted to change the zoom level of the map immediately, with controls that theory were familiar with, and were frustrated not to find them.

2.2 Initially, users were intrigued by the data graph that came-up, some thought aloud that they had finally found something interesting. They were let down when the level of user interactivity was minimal and most clicked off of the cart quickly.

2.3 Data content was abstract for users. Most wanted the graph to take them to a page that would explain more about that business. Some were confused as to the nature of the business as to it's current existence, a suggestion from the left or somebody's idea.

2.4 Users moved past map icons quickly, discounting them to be all of similar content.

2.5 Some users wanted a way to retract the map and close it completely, resulting in a content-only window. Two users compared the activity to be 'like Yelp's.'

3. Site Header Nomenclature and lack of clear site location were the major complaints about the header.

Some users, however liked the simplicity and lack of clutter.

3.1 A search button in the nav bar seemed redundant to the field below it.

3.2 Plain language might work better in this area. Most users would have preferred About and Blog for button labels. Some users thought the site was trying too hard to be unique.

3.3 Social media icon placement was confusing. Some users thought that they would leave the site, while others thought they would tweet or comment about the site on their feeds. Users were confused about the icon coloration and the deviation from the brand colors.

3.4 Users who were logged in, liked that their name was reflected in the title, but would have preferred that the logout option be more prominently displayed in the header. Users also thought that a user-centric page would have been a part of the navigation, like other social media sites.

3.5 ISP locater / auto-fill was confusing for some users whose ISP was located in areas that they were unfamiliar with. Most understood what the site was trying to do, but thought that the outcome was not quite hitting the mark for their needs and would prefer a 'standard' location or a map zoomed out enough to have felt 'generic' and waiting for them to make an indication about their location.

3. Overall Impressions Users who took the time to read the about section really liked the idea of the site and

thought that it's concept was timely and relevant to current market conditions. However, initial impression of the site during 15-second views were that the site was map-oriented or finding a business or service oriented.

Users wanted a clear, quick understanding of what the site is, what it's for and how to get involved in dialogue with business ideas or how to create an idea of their own.

1.2

3.2

2.2

2.4

3.1

1.3

1.7

2.3

1.1

1.5

3.5

1.6

1.4

2.1 2.4

3.3

3.4

1.8

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24

Spotmojo UI/UX Web Interface V3.0Wireframe Modifications based on user comments and stake-holder input — Home Page

Thu Oct 02 2014

Creator

Modified

Ron Griffiths8 / 20

1. Main Navigation1.1 Location auto-fill using non-ISP location. Included drop-

down options for cities that narrow as user types.1.2 Search box drop-down with suggestions to auto-fill1.3 Sort options and defaults: Pitch Type / Time / Popularity1.4 EXPLORE button takes user to an all-feed page without

introduction / header information.1.5 CLEAR CTA: Make a Suggestion for consumers and Make

a Pitch for entrepreneurs. MAP button is a slide-in map that can be turned on and off by user. LANGUAGE: is plainly stated for easy and fast navigation without confusion. Special instance / CTA language is written in common vernacular for clarity.

2. Communications2.1 Large prominent copy blocks that describe each action or

feature of the site to consumers and entrepreneurs. Images elicit immediate read about the site, who it's for and it's function.

2.2 Large image opportunity for branding and explaining.2.3 Slide-show: suggest use of multi-media if appropriate.

3. Pitch Cards Entire feed navigation is redesigned to use a modular card-based structure. Gives more opportunity for screen and content scaling and also works better in mobile environments with responsive design.

3.1 Unique shape compared to suggestion cards3.2 Pitch Cards and Suggestions can shuffle so that interface

isn't stagnant and can reflow for screen size without being limited to designated content columns.

3.3 Large image of Pitch.3.4 Location / Category clearly indicated.3.5 Pitch title or headline3.6 Description, not limited by character count, with continue

button for continent over-flow.3.7 Popularity banner, can also allow business to purchase

placement in feed with banner noting their involvement level (determined by pricing structure).

3.8 Stats for the business plays into gamification for users. Acts as a rally point for users who might be rooting for a particular business or idea.

4. Suggestion Cards 4.1 Suggestion cards are more condensed and streamlined.

Shape is different from Pitch Cards — Suggestions stack two to every Pitch card to keep feed orderly (consider scaling cards as test).

4.2 User photo is linked with stats and name showing user activity and engagement level.

4.3 Hover over share icon reveals social media slide-out. User has several social media options. If user has not link a social account to Spotmojo, user is given opportunity to do so at that time.

4.4 User stats depict views, comments, favorites and badge count (gamification).

4.5 User suggestion are limited character count, like a tweet. Which avoids users sharing books of information in a suggestion.

4.6 Voting buttons show three options. Positive response, negative and a neutral for those that could go either way. Research revealed that a large quantity of users wanted to vote for suggestions / ideas, even if they're weren't 100% in either direction. This gives entrepreneurs an additional data point to work into their model.

AB. FooterStandardized footer area with clear links to legal information and redundant links to header items. Additional like for corporate needs live here as well.

SEARCH BOX W/ AUTO FILLLOGO

LOCATION W/ GOOGLE GEO AUTOFILL CATEGORY TIME/POPULAR SUGGESTION MAKE A PITCH MAP

EXPLORE ABOUT BLOG LOGIN JOIN

BUSINESS PITCH CARD

CONSUMER REQUEST CARD

LARGE IMAGE AREA / SLIDESHOW / VIDEO / ANIMATIONWITH EXPLANATION COPY

PITCH PRIMARY PHOTO

PITCH / BUSINESS TITLE

BUSINESS STATS / GAMIFICATION

BUSINESS DESCRIPTION

CATEGORY LOCATION

USER PHOTO

USER NAME /SUGGESTION

USER SUGGESTION DESCRIPTION

VOTE + VOTE –+ / –

USER STATS

POPULARITY

STANDARDIZED FOOTER BLOCK

EXPLOREABOUTLOGINJOIN

CORPORATEJOBSINVESTINGPRESSMEDIA KITNEWSBLOG

PRIVACY POLICY TERMS / CONDITIONS © 2014 SPOTMOJO, INC

CONSUMER REQUEST CARDBUSINESS PITCH CARD BUSINESS PITCH CARD

SEARCH BOX W/ AUTO FILLLOGO

LOCATION W/ GOOGLE GEO AUTOFILL CATEGORY TIME/POPULAR SUGGESTION MAKE A PITCH MAP

EXPLORE ABOUT BLOG LOGIN JOIN

STANDARDIZED FOOTER BLOCK

EXPLOREABOUTLOGINJOIN

CORPORATEJOBSINVESTINGPRESSMEDIA KITNEWSBLOG

PRIVACY POLICY TERMS / CONDITIONS © 2014 SPOTMOJO, INC

BUSINESS IDEA DESCRIPTION

BUSINESS ALTERNATE PHOTO GALLERY

BUSINESS DESCRIPTIONCAN VARY IN LENGTH

KEY FEATURESOF BUSINESS

BUSINESS GOAL

BUSINESS STATUS

LOCATIONS UNDER CONSIDERATION

WEB LINKFB LINK

TWITTER LINK

ENTREPRENURE BIO

ENTREPRENURE PHOTO

BUSINESS STATS

COMMENTS VIEWS VOTES ONLINE REGULARS TWEETS LIKES

BUSINESS POLLING AND RESEARCH AREA

KEY QUESTION TO CONSUMERS

VOTE COMMENT SUGGEST ALTERNATE

ENTREPRENURE PHOTO

1.6

1.3

1.5

2.1

1.2

3.1 4.1

3.2

B

A

1.1

1.4

2.3

2.2

4.6

CTAFBTWG+

4.3

4.4

4.2

3.3

3.7

3.4

3.5

3.6

3.8

4.5

USER ACTIONS: LIKE TWEET SHARE FAVORITE COMMENT VOTE

USER PHOTO

USER NAME

Comment or response, longer character limit than suggestions


USER STATS

ENT PHOTO

ENTREPRENUER


USER PHOTO

USER NAME



USER STATS


Copy ThatConcepter, presenter, thinker designer…writer. As if 1000 words weren’t enough,

here are a few more.

Kingsford Latino packaging copy

Big wins. On the field and on the grill.

Kinsford salutes the Guadalajara Chivas — two great teams steeped in a tradition of winning excellence.

In 1920, the Kingsford Charcoal Company was created when wood scraps from the production of Ford’s Model T were reproposed and formed into charcoal briquettes.

For nearly 100 years, Kinsford has been the number one award-winning champion of barbecues everywhere. And like the Chivas and their 11 championships wins, Kingsford continues to be a Fútbol favorite both at home and away.

Soy Vay packaging romance

Recipes to ooh and ah and oy over.

SUB: You really do have great taste

Back in 1982, Eddie Scher told his mother that he was opening a marinade company with a Chinese girl, Heidi Chien. Mom cried “Oh Veh!” and Eddie replied, “No mom, we’re calling it Soy Vay.” The name stuck, mom’s happy and so are a lot of other folks that have enjoyed our marinades over the years.

Like with anything, you put great stuff in, you get even better stuff out. Combine preservative-free soy sauce, fresh ginger and garlic with the finest soy and sesame oils, and what do you get? If you’re lucky, you get magic in a bottle. We called it Veri x. But the fun didn’t stop there. With five flavorful sauces and marinades to choose from, your taste buds are in for a treat. Oh, and did we mention that all of our stuff is certified Kosher?

So, by now, you’re a fan of Soy Vay®, and you can go out and spread the love about flavorful food. Whether you put it on fish, meat, poultry, tofu, vegetables or just like it on the side, this stuff is good!

Glad school Promotion

Do the math, transform your trash and win.

It all ads up. Did you know that if every student in the U.S. recycled their plastic sandwich bags, we could save up to 4,500,000 pounds of plastic from going into our landfills every year — big numbers indeed.

Your school is competing with other schools in the area for music download cards. The school with the most recycled plastic lunch baggies in 12 weeks wins music downloads for the whole school!

So get out there: do lunch, recycle those baggies and rock on.

Hidden Valley Sandwich Spreads

Your sandwich has never seen anything like this.

Sandwich condiments are staples that have been around for years. There’s not much exciting in the same ol,’ same ol’. Hidden Valley Sandwich Spreads are the best thing to happen to sandwiches since sliced bread.

Tag: Spread the wow!


NAMING

Brands:

ProDRENALIN

DEFISHR / DENOISR

Spotmojo

Rue, Fashion your digital life.

Hold for Jane

ECO2 Plastics

ReaLab

Touchpoint

OurClorox, brand for Clorox culture

Clorox QuickShot

Flavors and brand extensions:

Ocean Rain (fresh-step scent)

Liquid Plumr Pro-Action Clog Eliminator

Clorox® Soft Touch

Clorox Scented Bleach

Lavender Bouquet

Warm Cotton

Lemon Twist

Wild Blossom

Burt’s Bees Brand Brochure

It’s your typical beekeeper meets artist story.

From the original candles, to our world famous Beeswax Lip Balm, our product family has grown since then to over 180 products. And all the while, Burt’s Bees has always been guided by a single principle: Nature has the best answers.

Color and care for kissersHead to Toe, Face and Body A little something for BabyGreat products for the Great OutdoorsJust the thing for the manliest of MenFeel-good throat drops

We promise to keep it natural Maintaining the highest ideals and never taking the easy way out is our way of committing to products that offer you the best experience and sense of well-being possible. Our products average 99% natural, with half being 100% natural — and we will continue to strive for products that are 100% natural, that offer you the greatest sense of well-being without using ingredients that have potential suspected human health risks.

Chemicals, schmemicalsIf you can’t pronounce it, it doesn’t belong in our products. We feel things like Petrochemicals, Phalates, Preservatives and other ingredients that aren’t found in nature don’t belong in products designed to nurture, pamper and promote well-being. So we leave them out.

Socially conscious, environmentally awareGet the buzz online about our involvement with friends all over the world who are committed to healthier bee colonies, sustainability and social responsibility check it out at: http://www.burtsbees.com/c/communit



GRIFFITHS

GRIFFITHS

Date post:	21-Aug-2020
Category:	Documents
Upload:	others
View:	2 times
Download:	0 times

GRIFFITHSrongriffiths.com/portfoliopdf/RonGriffiths Portfolio.pdf · ron griths // design direction...

Documents