Hyperice case study

Page 1

Creative Brief Style Guide Competitive Analysis User Personas Site Map Sketches Lo-Fi Wireframes Hi-Fi Wireframes Mock-up

WEBSITE PROJECT PROPOSAL

Bibliography

ENTER 1


Creative Brief Style Guide Competitive Analysis User Personas Site Map Sketches Lo-Fi Wireframes Hi-Fi Wireframes

Background

The goal of Hyperice is to create the world’s first high performance portable ice compression device. After a year of testing our products on some of the world’s best athletes and fine tuning the products to fit their needs, we continue to improve our designs with the aim of perfecting the world’s finest line of ice compression gear.

Target Audience

All athletes from age 18 and up, from high school athletes to the professionals.

Objectives

To have the most innovative products to help in the recovery of athletes. We will collaborate with professional athletes to ensure all products are to the highest standard.

The Message and Tone

We hope our products will provide you the best possible user experience and improve the treatment of your body so you can maintain a healthy and active lifestyle.

Media

Mock-up

The message is delivered through youtube. There are videos of the product being used by professional athletes that are directly linked to our website.

Bibliography

Creative Considerations

Ensure that our website is user friendly.

The Deadline and/or Other Requirements None

2


Creative Brief Style Guide Competitive Analysis User Personas Site Map Sketches Lo-Fi Wireframes Hi-Fi Wireframes Mock-up Bibliography

Fonts Helvetica Neue Regular ABCDEFGHIJKLM NOPQRSTUVWXYZ abcdefghijklmnopq rstuvwxyz 1234567890 A mad boxer shot a quick, gloved jab to the jaw of his dizzy opponent.

Helvetica Neue Bold ABCDEFGHIJKLM NOPQRSTVWXYZ abcdefghijklmnop qrstuvwxyz 1234567890 A mad boxer shot a quick, gloved jab to the jaw of his dizzy opponent.

Textures

Colors R: 38 G: 148 B: 209

R: 185 G: 186 B: 188

# 2694D1

# B9BABC

R: 48 G: 48 B: 48 # 303030

R: 240 G: 240 B: 240 # F0F0F0

3


Creative Brief Style Guide Competitive Analysis User Personas

HyperIce

IceWraps

CoolRelief

ThermaFreeze

Site Map Sketches Lo-Fi Wireframes

Mobile Friendly

Responsive

Hi-Fi Wireframes Mock-up Bibliography

Product on Homepage

Easy to Navigate

Shopping Cart Function

4


Jamie Turnhill

Creative Brief Style Guide

“I enjoy staying connected and up-to-date.” Lifestyle

Activities: Jamie tries to stay active with her kids. But she needed more. She has recently started running as a hobby. It is her vacation from the kids and helps her stay in shape.

Competitive Analysis User Personas

Ultimate Goal: She wants to start entering local running events and build up her stamina to run a marathon. There is also a local running group she wants to become member to.

Site Map Sketches Lo-Fi Wireframes

Web Use + Informational Needs

Web Use: Checks her emails daily, laptop, smartphone, checks news, uses amazon to find best deals, reads product reviews a couple times a week.

Hi-Fi Wireframes Mock-up

Web Competency: Intermediate, she knows the basics, but enjoys finding new apps.

Bibliography Age: 32 Occupation: Stay at home mom Home Life: Married to John Turnhill, 3 children (Ky-13, Trey- 9, Chris- 5) Education: BS in Management

Frustrations with the web: Pop up advertisements, spam mail, sites that aren’t mobile friendly. What kind of information is hard to find: local events in the community, new products. Frequent sources of information: newspaper, Yahoo news, magazines, other websites, television.

5


Steve Jones

Creative Brief Style Guide

“I may be old, but I still got game” Lifestyle

Activities: Steve is very busy with work but tries to get a game of basketball in when ever he can. He enjoys playing with his kids, but there’s nothing like the competition with the men’s league at the YMCA.

Competitive Analysis User Personas

Ultimate Goal: Steve wants to continue to play basketball with his friends and eventually enter in some team competitions.

Site Map Sketches Lo-Fi Wireframes

Web Use + Informational Needs

Web Use: Checks his emails promptly, laptop, smartphone, tablet, plays fantasy basketball on Yahoo sports, checks sports scores daily.

Hi-Fi Wireframes Mock-up

Web Competency: Advanced, he knows the in’s and out’s, his job demands him to stay up-to-date.

Bibliography Age: 41 Occupation: Financial Analyst at ING Group Home Life: Married to Francine Jones, 2 children (Hayley-19, Stan-13) Education: MBA in Business

Frustrations with the web: Spam mail, sites that aren’t mobile friendly, and unresponsive sites. What kind of information is hard to find: up-to-date sports coverage, local tournaments for basketball. Frequent sources of information: Newspaper, magazines, ESPN, CNN.

6


Mike Diggles

Creative Brief Style Guide

“I want to set the bar as high as I can� Lifestyle

Activities: Mike does vigorous physical training everyday. He does cardio exercises with his unit in the mornings and hits the gym after work.

Competitive Analysis User Personas

Ultimate Goal: Mike wants to set a new record for his physical training test, and maintain a peek level of physical endurance.

Site Map Sketches Lo-Fi Wireframes

Web Use + Informational Needs

Web Use: Checks his emails when possible, laptop, smartphone, checks news on Yahoo and CNN at least once a week.

Hi-Fi Wireframes Mock-up

Web Competency: Intermediate, he knows how to get around.

Bibliography Age: 32 Occupation: Staff Sergeant in the United States Army Home Life: Single Education: B.A. Ed. in Education

Frustrations with the web: Pop up advertisements, spam mail. What kind of information is hard to find: Accurate news from a reliable source. Frequent sources of information: Newspaper, magazines, various news websites. 7


Creative Brief Style Guide Competitive Analysis User Personas Site Map Sketches Lo-Fi Wireframes Hi-Fi Wireframes Mock-up Bibliography

8


Creative Brief Style Guide Competitive Analysis User Personas Site Map Sketches Lo-Fi Wireframes Hi-Fi Wireframes Mock-up Bibliography

9


Home

Creative Brief Style Guide Competitive Analysis User Personas Site Map Sketches Lo-Fi Wireframes Hi-Fi Wireframes Mock-up Bibliography

10


Home 2

Creative Brief Style Guide Competitive Analysis User Personas Site Map Sketches Lo-Fi Wireframes Hi-Fi Wireframes Mock-up Bibliography

11


Creative Brief Style Guide

Product

Competitive Analysis User Personas Site Map Sketches Lo-Fi Wireframes Hi-Fi Wireframes Mock-up Bibliography

12


Creative Brief Style Guide Competitive Analysis

Add to Cart

User Personas Site Map Sketches Lo-Fi Wireframes Hi-Fi Wireframes Mock-up Bibliography

13


Creative Brief Style Guide Competitive Analysis

Athlete

User Personas Site Map Sketches Lo-Fi Wireframes Hi-Fi Wireframes Mock-up Bibliography

14


Creative Brief Style Guide Competitive Analysis

About Us

User Personas Site Map Sketches Lo-Fi Wireframes Hi-Fi Wireframes Mock-up Bibliography

15


Creative Brief Style Guide Competitive Analysis User Personas Site Map Sketches Lo-Fi Wireframes Hi-Fi Wireframes Mock-up Bibliography

16


Creative Brief Style Guide Competitive Analysis User Personas Site Map Sketches Lo-Fi Wireframes Hi-Fi Wireframes Mock-up Bibliography

17


Creative Brief Style Guide Competitive Analysis User Personas Site Map Sketches Lo-Fi Wireframes Hi-Fi Wireframes Mock-up Bibliography

18


Creative Brief Style Guide Competitive Analysis User Personas Site Map Sketches Lo-Fi Wireframes Hi-Fi Wireframes Mock-up Bibliography

19


Creative Brief Style Guide Competitive Analysis User Personas Site Map Sketches Lo-Fi Wireframes Hi-Fi Wireframes Mock-up Bibliography

20


Creative Brief Style Guide Competitive Analysis User Personas Site Map Sketches Lo-Fi Wireframes Hi-Fi Wireframes Mock-up Bibliography

21


Creative Brief Style Guide Competitive Analysis User Personas Site Map Sketches Lo-Fi Wireframes Hi-Fi Wireframes Mock-up Bibliography

22


Creative Brief Style Guide Competitive Analysis User Personas Site Map Sketches Lo-Fi Wireframes Hi-Fi Wireframes Mock-up Bibliography

23


Creative Brief Style Guide Competitive Analysis User Personas Site Map Sketches Lo-Fi Wireframes Hi-Fi Wireframes Mock-up Bibliography

24


Creative Brief Style Guide Competitive Analysis User Personas Site Map Sketches Lo-Fi Wireframes Hi-Fi Wireframes Mock-up Bibliography

25


Creative Brief Style Guide Competitive Analysis User Personas Site Map Sketches Lo-Fi Wireframes Hi-Fi Wireframes Mock-up Bibliography

26


Creative Brief Style Guide Competitive Analysis User Personas Site Map Sketches Lo-Fi Wireframes Hi-Fi Wireframes Mock-up Bibliography

27


Creative Brief Style Guide Competitive Analysis User Personas Site Map Sketches Lo-Fi Wireframes Hi-Fi Wireframes Mock-up Bibliography

28


Creative Brief Style Guide Competitive Analysis User Personas Site Map Sketches Lo-Fi Wireframes Hi-Fi Wireframes Mock-up Bibliography

29


Creative Brief Style Guide Competitive Analysis User Personas Site Map Sketches Lo-Fi Wireframes Hi-Fi Wireframes Mock-up Bibliography

30


Creative Brief Style Guide Competitive Analysis User Personas Site Map Sketches Lo-Fi Wireframes Hi-Fi Wireframes Mock-up Bibliography

31


Creative Brief Style Guide Competitive Analysis User Personas Site Map Sketches Lo-Fi Wireframes Hi-Fi Wireframes Mock-up Bibliography

32


Creative Brief Style Guide Competitive Analysis User Personas Site Map Sketches Lo-Fi Wireframes Hi-Fi Wireframes Mock-up Bibliography

33


Creative Brief Style Guide Competitive Analysis User Personas Site Map Sketches Lo-Fi Wireframes Hi-Fi Wireframes Mock-up Bibliography

34


Creative Brief Style Guide Competitive Analysis User Personas Site Map Sketches Lo-Fi Wireframes Hi-Fi Wireframes Mock-up Bibliography

35


Creative Brief Style Guide Competitive Analysis User Personas Site Map Sketches Lo-Fi Wireframes Hi-Fi Wireframes Mock-up Bibliography

36


Creative Brief Style Guide Competitive Analysis User Personas Site Map Sketches Lo-Fi Wireframes Hi-Fi Wireframes Mock-up Bibliography

37


Creative Brief Style Guide Competitive Analysis User Personas Site Map Sketches Lo-Fi Wireframes Hi-Fi Wireframes Mock-up Bibliography

38


Creative Brief Style Guide Competitive Analysis User Personas Site Map Sketches Lo-Fi Wireframes Hi-Fi Wireframes Mock-up Bibliography

39


Creative Brief Style Guide Competitive Analysis User Personas Site Map Sketches Lo-Fi Wireframes Hi-Fi Wireframes Mock-up Bibliography

40


Creative Brief Style Guide Competitive Analysis User Personas Site Map Sketches Lo-Fi Wireframes Hi-Fi Wireframes Mock-up Bibliography

41


Creative Brief Style Guide Competitive Analysis User Personas Site Map Sketches Lo-Fi Wireframes Hi-Fi Wireframes Mock-up Bibliography

42


Creative Brief Style Guide Competitive Analysis User Personas Site Map Sketches Lo-Fi Wireframes Hi-Fi Wireframes Mock-up Bibliography

43


Creative Brief Style Guide Competitive Analysis User Personas Site Map Sketches Lo-Fi Wireframes Hi-Fi Wireframes Mock-up Bibliography

44


Creative Brief Style Guide Competitive Analysis User Personas Site Map Sketches Lo-Fi Wireframes Hi-Fi Wireframes Mock-up Bibliography

45


Creative Brief Style Guide Competitive Analysis User Personas Site Map Sketches Lo-Fi Wireframes Hi-Fi Wireframes Mock-up Bibliography

46


Creative Brief Style Guide Competitive Analysis User Personas Site Map Sketches Lo-Fi Wireframes Hi-Fi Wireframes Mock-up Bibliography

47


Creative Brief Style Guide Competitive Analysis User Personas Site Map Sketches Lo-Fi Wireframes Hi-Fi Wireframes Mock-up Bibliography

48


Creative Brief Style Guide Competitive Analysis User Personas Site Map Sketches Lo-Fi Wireframes Hi-Fi Wireframes Mock-up Bibliography

49


Creative Brief Style Guide Competitive Analysis User Personas Site Map Sketches Lo-Fi Wireframes Hi-Fi Wireframes Mock-up Bibliography

50


Creative Brief Style Guide Competitive Analysis User Personas Site Map Sketches Lo-Fi Wireframes Hi-Fi Wireframes Mock-up Bibliography

51


Creative Brief

Images

Style Guide

Competitve Analysis

Competitive Analysis User Personas Site Map Sketches Lo-Fi Wireframes Hi-Fi Wireframes Mock-up Bibliography

Screenshot: hyperice.com, icewraps.net, cool relief.net, thermafreeze.com

Personas http://www.shutterstock.com/pic-17943757/stock-photo-a-young-pretty-african-american-woman-jogging-inthe-park.html?src=CainvejdMhbrNLzgmFhywQ-1-18 http://hoopistani.blogspot.com/2011/02/icemangeorge-gervin-to-come-to-india.html http://en.wikipedia.org/wiki/File:Drill_Sergeant.jpg

Site Map / Wireframes https://www.lucidchart.com/

Site Images http://hyperice.com/

Background Textures http://pixeden.com

Mock Up Templates http://pixeden.com

52


Turn static files into dynamic content formats.

Create a flipbook
Issuu converts static files into: digital portfolios, online yearbooks, online catalogs, digital photo albums and more. Sign up and create your flipbook.