10
Center for Hearing and Speech website wireframes

Center for Hearing and Speech website wireframes

Embed Size (px)

DESCRIPTION

Center for Hearing and Speech website wireframes. General Guidance/Notes. Client likes whitespace – makes his product stand out Client has right to use all images from westone.com (he is a reseller) and has provided login credentials to Krista - PowerPoint PPT Presentation

Citation preview

Page 1: Center for Hearing and Speech website wireframes

Center for Hearing and Speech website

wireframes

Page 2: Center for Hearing and Speech website wireframes

General Guidance/Notes

• Client likes whitespace – makes his product stand out • Client has right to use all images from westone.com

(he is a reseller) and has provided login credentials to Krista

• Client wants to drive people to purchase from his site (fill form or link to paypal account) because he gets paid more when it doesn’t go through westone

• Client wants thin header/menu at the top (current flipper structure takes up the whole page above the fold)

• V1 of new site = version provided by Krista to client last week

• Current site = http://chsl.org/harry/• Westone site = https://www.westone.com/

Page 3: Center for Hearing and Speech website wireframes

High level site structure

Homepage

Home Products Hearing/Health Events Contact Us Testimonials

Prod pics link to

product pages

Charitable info – static copy

Save Harry – static copy

Products broken up by 4 types

(image and short

text for each).

Each product links to contact us page

and paypal

account

General hearing health copy

provided by client – need to

find a chart to include

Client will provide list of events with

dates (ok to have in calendar format or

listed)

Map, basic info (provided by client)

and Form-fill

Link to westone featured

artist page

(unless there is a

better way to get to

this infohttp://www.westoneaudio.com/index.php/artists-athletes/artists/artists.html

Page 4: Center for Hearing and Speech website wireframes

Homepage1 Logo

1. Links to music product page

2 Links to industrial product page

3 Links to personal products page

4 Links to shooting page

Charitable Info – Nathan (Client) will provide copy

Logo

Save Harry info – this is correct on v1 of the site the way it is

Home Products Hearing/Health Events Contact Us Testimonials

Page 5: Center for Hearing and Speech website wireframes

1 Logo

Products

Musicians:

Elite Ear Monitors

ES30ES60 ES50 ES10

AC Series:

ES20 ES10

Repeat this for all product sections (product names and grouping detailed on next page – content for each

provided by client

Home Products Hearing/Health Events Contact Us Testimonials

Link – mobile testing link CHSL homepage

Page 6: Center for Hearing and Speech website wireframes

Product list/sections (all on product page)

• Musicians– Elite ear monitors

• ES60• ES50• ES30• ES20• ES 10

– AC Series• 20• 10

– CRIO Earpieces• 1

– Universal products• 1• 2• 3

– Tunz Custom Stage Monitors (must set appointment for custom fit)• 1• 2• 3• 4

– Tunz Custom Audio Monitors• 1• 2

• Industrial– Defend Ear Products

• 1• 2• 3• 4

• Personal– Custom (by appointment only)

• (10)

– Defend ear tru hearing protection• (2)

• Gun range and hunters– Defend ear digital by westone

• (3)

– Soundgear by Starkey hearing technologies• (4)

Note: product types for each section are exactly what is on the westone site currently

Page 7: Center for Hearing and Speech website wireframes

1 Logo

Hearing Health

Nathan (Client) will provide copy - static

Need to find a general hearing chart or graphic (info graphic)

Home Products Hearing/Health Events Contact Us Testimonials

Page 8: Center for Hearing and Speech website wireframes

1 Logo

Events

Date and event details provided by client

Home Products Hearing/Health Events Contact Us Testimonials

June

July

Thumbnail image

Date and event details provided by client

Date and event details provided by client

Thumbnail image

Thumbnail image

Page 9: Center for Hearing and Speech website wireframes

1 Logo

Contact Us

Hours

Home Products Hearing/Health Events Contact Us Testimonials

About Us

Business description, basic info will be provided by client

Map

Contact us form fill: Name, email, preferred contact method, question (open field)

Page 10: Center for Hearing and Speech website wireframes

1Testimonials

Link directly through to westone featured artist

page