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