Sport Supply
Creative Brief Client
Style Guides
wwsport.com is an online sport equipments, accessories distributor that concentrate mostly on wrestling and volleyball. World Wide Sport Supplies, Inc. has earned a national reputation for quality and on time delivery in apparel decorating and sporting goods industries. They are one of the American’s finest apparel suppliers.
Competitive Analysis Target Audience User Persona Male and female at the age range from 18 – 50 who enjoy playing sports especially volleyball and wrestling.
Wireframes Tone Hi Fi
• • • • •
Simple Clean Straight – forward Easy to navigate User friendly
Problem The main problem of wwsport is the website is outdated and does not fit with thier images (the American’s finest apparel supplies)
Solution Sport Supply
Redesigning the UI. It will be easier to navigate through the website. It will be clean, simple, straight–forward, easy–to–navigate and attractive to the users.The website will use new and upto date graphics and narrow down the content.
Team Effort Rob Gentzler: Brainstorming, wire framing, logo and icons Hoang Nguyen: Redesign the site to reflect the objective of the brief given.
Creative Brief Color Palette
Style Guides
CMYK: 1 – 90 – 100 – 0 RGB: 237 – 63 – 34
CMYK: 75 – 68 – 67– 90 RGB: 0 – 0 – 0 100% Black
Competitive Analysis Typefaces User Persona Helvetica Neue Regular
Wireframes Hi Fi
abcdefghijklmnopqrstuvwsyz ABCDEFGHIJKLMNOPQRSTUVWSYZ ,.<>/?;:’[]{}’-+=()!@#$%^&* 1234567890
Futura Condensed Medium abcdefghijklmnopqrstuvwsyz ABCDEFGHIJKLMNOPQRSTUVWSYZ ,.<>/?;:’[]{}’-+=()!@#$%^&* 1234567890
Futura Condensed Extra Bold
Sport Supply
abcdefghijklmnopqrstuvwsyz ABCDEFGHIJKLMNOPQRSTUVWSYZ ,.<>/?;:’[]{}’-+=()!@#$%^&* 1234567890
CMYK: 75 – 68 – 67– 90 RGB: 0 – 0 – 0 30% Black
Creative Brief
Style Guides Competitive Analysis User Persona
Wireframes
Ride Four Ever www.ridefourever.com
www.tigerleisure.com
Active
www.activeridesp,com
WWSport
www.wwsport,com
Color scheme and Background
Green, Black, Gray, Tan, and White
Back and gold/yellow
Tan, Gray, Black, Red and White
Gray, White, Black and Red
Payment options and cart on the front page
Wish list Cart/Check out Now Page not pop up
Cart New page not a pop up
Cart with # of items and cost amount, View Cart,Check out New Pages for all
Cart and Check out, pop up with product to add to chart.
Navigation
Main left side vertical, have to use scroll down to see all
Main left side vertical and horizontal
Top left below logo
Top left main Center sport Bottom all
Brand
Multiple
Adidas only
Multiple
Multiple
Log in
Yes
Yes, My account
Yes, My account & Sign in
Yes, Log In and Register
Search bar
3 Category Brand Product
2 Quick search Product search
3 Category Brand Product
1 Search
Image Slide show bar
Yes 6 slides Numbered
No
No
Yes 4 slides Bubbled
Hi Fi
Sport Supply
Tiger Leisure
Creative Brief
Style Guides Competitive Analysis User Persona
Wireframes Hi Fi
Name: Tyler Wright Age: 18 Occupation: Student at Concordia Community High School Interests: Sports in general, especially wrestling Goals: To become a professional wrestler, graduate and find a decent job.
Sport Supply
Name: Bobby Lesley Age: 38 Occupation: Professional wrestler Interests: Wrestling, acting, weight lifting, football Goals: Further his career in acting, as well as helping other newcomers in wrestling field.
Name: Andrian Daniel Junior Age: 8 Occupation: Middle school student Interests: Wrestling, video games Goals: To be a professional wrestler and attending the Olympics. Pursuing professional wrestling as a career.
Creative Brief
Style Guides Competitive Analysis
Home
Products Logo
nav
nav
nav
User Persona
nav
nav
nav
nav
Picture
Hi Fi Picture
nav
nav
Side nav
Wireframes Picture
Logo
Picture
Picture
Sport Supply 960px Grids System 18 Columns 15px Gutter
nav
nav
nav
nav
nav
Pic
Pic
Pic
Pic
Pic
Pic
Pic
Pic
Pic
Pic
Pic
Pic
Creative Brief
Style Guides Competitive Analysis User Persona
Wireframes
Details
Check Out Logo
nav
nav
nav
Picture
Hi Fi Picture
nav
nav
nav
nav
Ugitioribus, odiamet de cusam alicabo reprore rferunt es aut volorep udignat iiscid quunt ut auta simolupient eum eaque re et rempore ptatemo lorrum hit et, corat. Officil inciet labore in non conet quatendi archicideles ad quam, con ellaut labor min rem ilique volor alit fuga. Ed quatus ea ipid untio ea asiniscid est faccabo rpost, eum re porerum alit por aut a eostis raepe commodis ersped eic tem essimi, volendi gniae. Cus exerioresed eictur as enihictation eumet, ut vitincto beatiatus, sunt aut eos rest et lam, invel incipsam nimus nam exces ea doluptaquam volendis quatis secabo. Ut reste vollenditem aborehe ntiscit ut asinum consent, que labo. Et ipsunt inihici isquas dolorem que consequo iureri blat omnihit litis nullabo rrovide rae nit landand aersperiae nes si dolore pra dolupta velitae pro bearum aut quia cusciis rehent unt liqui quamusaero dolupta tatum, que vid eume mod et aut et hic tem quos reres quatem vel invelle strumquodis eaquibus et autectora inciducit omnissi tatur? Quis et hicabor emporibus et ulpari te vitaqui bearumqui idunt volore prorero velibus id ma dita pro exerum laborum fugiatior renia ium re nonsedis et, cullibus. Ad qui quis voleste adi ut minvent ditatin reium a quam utem rehendis et derum quid quia que necae perae doloribus et destore periand ucimusam dolest porenis es autest erit volorepratur molupta id enis rem num iumquas arum sit, tet, venda nissit as res excepta cusandi delecus id quissum faccus nonsectur ma secae liquam, offictamus ute eos eost que voluptas iunt. Officitius arias dem facepel lecearibusam illitat inciur, autem veriam, ad eos molorpora si ipissus, simus raerem ipsandaepero blabore serecti onsende bisciet ut hiciatur rest, nihit ullam, odigendit et, autatur, nos voleseque enienis iurestiae conem et ab is dolupta epratiorem ea qui cum quiaect otatem quatium voluptaes dolupta nis reperum dolliquatur sum fugit eatemporro que vent, iniminu lliquatem alibus quuntus enis cus molorepudae sin cor aut lant labor restrum fuga. Namus, quid eici sandant volorecti voluptam nihiciet exceptam, nonsequ isimet atiis mo et quianihil maximint fugit laboreh enissequis maximinus sa nus estis vidus ad quibus auta que corem. Ga. Qui sinvell antias dolumquid ma dolestruptur ratibus dolut quae doluptatet as enimus solore dolora nihilit ea conse corior re nossi tent. Uci nonse si ne vollenis eos dolupta teniam cum archit estrum aligeni ssitatur sequas sunti digenim incimus, sitiae. Nam et quidistiur apelest lacienimolor autem fugit, sedis consedis et verions equideb itionec aboreperis nos dolore veria nullorrorrum ilibus dellaborem volores tinctur sinveliquis il intium fugia por reratum vendae voluptassi re
Picture
Picture
Sport Supply
Logo
Picture
nav
nav
nav
Aliquidis et plamus, quae. Nequis inimpedit aspiciande optatianda porepero ma volorem iusandae. Pa della quosandae sus sin pre officabor aut autatur aut audist, quam asperro etur, que dignis quam, tet libus quis re voloreribus quis re, nimi, nonsed quae pera simaior iorumquo mo omnime voluptatur sume libus, aut enim adit aborunto quostempore perorec torepta tiaecaborem harchicia
Pic
nav
nav
Aliquidis et plamus, quae. Nequis inimpedit aspiciande optatianda porepero ma volorem iusandae. Pa della quosandae sus sin pre officabor aut autatur aut audist, quam asperro etur, que dignis quam, tet libus quis re voloreribus quis re, nimi, nonsed quae pera simaior iorumquo mo omnime voluptatur sume libus, aut enim adit aborunto quostempore perorec torepta tiaecaborem harchicia
nav Aliquidis et plamus, quae. Nequis inimpedit aspiciande optatianda porepero ma volorem iusandae. Pa della quosandae sus sin pre officabor aut autatur aut audist, quam asperro etur, que dignis quam, tet libus quis re voloreribus quis re, nimi, nonsed quae pera simaior iorumquo mo omnime voluptatur sume libus, aut enim adit aborunto quostempore perorec torepta tiaecaborem harchicia
nav Aliquidis et plamus, quae. Nequis inimpedit aspiciande optatianda porepero ma volorem iusandae. Pa della quosandae sus sin pre officabor aut autatur aut audist, quam asperro etur, que dignis quam, tet libus quis re voloreribus quis re, nimi, nonsed quae pera simaior iorumquo mo omnime voluptatur sume libus, aut enim adit aborunto quostempore perorec torepta tiaecaborem harchicia
Aliquidis et plamus, quae. Nequis inimpedit aspiciande optatianda porepero ma volorem iusandae. Pa della quosandae sus sin pre officabor aut autatur aut audist, quam asperro etur, que dignis quam, tet libus quis re voloreribus quis re, nimi, nonsed quae pera simaior iorumquo mo omnime voluptatur sume libus, aut enim adit aborunto quostempore perorec torepta tiaecaborem harchicia
Creative Brief
Style Guides Competitive Analysis User Persona
Wireframes Hi Fi
Sport Supply
Creative Brief
Style Guides Competitive Analysis User Persona
Wireframes Hi Fi
Sport Supply
Creative Brief
Style Guides Competitive Analysis User Persona
Wireframes Hi Fi
Sport Supply
Creative Brief
Style Guides Competitive Analysis User Persona
Wireframes Hi Fi
Sport Supply
Creative Brief
Style Guides Competitive Analysis User Persona
Wireframes Hi Fi
Sport Supply
Creative Brief
Style Guides Competitive Analysis User Persona
Wireframes Hi Fi
Sport Supply
Creative Brief
Style Guides Competitive Analysis User Persona
Wireframes Hi Fi
Sport Supply
Creative Brief
Style Guides Competitive Analysis User Persona
Wireframes Hi Fi
Sport Supply
Creative Brief
Style Guides Competitive Analysis User Persona
Wireframes Hi Fi
Sport Supply
Creative Brief
Style Guides Competitive Analysis User Persona
Wireframes Hi Fi
Sport Supply
Creative Brief
Style Guides Competitive Analysis User Persona
Wireframes Hi Fi
Sport Supply