SlideShare a Scribd company logo
1 of 58
Download to read offline
Student Purchase Flow: McGraw-Hill Custom Storefronts
yes

no
Institutional Site
unique link to microsite
provided by MH

Security
Turned
On

yes

AAIRS
Secure
Login?

no

Create an Account
(PARIS)

Microsite Portal
by Category

Microsite Portal
by Products

Browse Results
(1 or 2 levels)
Marketing/Product Sites
(i.e. "LearnSmart", "APR")

Product Detail *

unique link to microsite
provided by MH

Connect

Connect
Product Comparison
Page w/upsell

Cart

Have an
account?

yes

no
Create an Account
(PARIS)

Secure login
(PARIS)

Checkout
(PARIS)

Wireframes > MH Custom Storefronts 1.0 | Edited: 11.20.13 | Page 4 of 61 | Master: WF_CustomStoreFronts_v1.0 | Private & Confidential | back to index

logged
in?

no

yes
McGraw-Hill Custom Storefronts User Stories:
Admin will control these settings:
Content Organization:
• I want to customize brand categories in alphabetical order or in the sequence they were entered.
• I want to customize "Useful Resources" links.
• I want to customize "Featured Products" in the Home page.
Front-end Display:
• I want to customize colors for the header and footer background.
• I want to customize different colors for the links and buttons.
• I want to customize fonts and choose either a Sans-Serif (i.e. Ariel) or a Serif (i.e. Times) font.
• I want to display a logo on the Microsite.
• I want the logo (or inserted text) to take the user to an institution's website.
• I want to display folder images for categories.
• I want to display book images for books.
• I want to display or hide the Search Box and Browse dropdown.
• I want to display products as tiles on the Home Page.
• I want to display the background color as a gradient.

Wireframes > MH Custom Storefronts 1.0 | Edited: 11.20.13 | Page 5 of 61 | Master: WF_CustomStoreFronts_v1.0 | Private & Confidential | back to index
McGraw-Hill Custom Storefronts: Student Purchase

Wireframes > MH Custom Storefronts 1.0 | Edited: 11.20.13 | Page 6 of 61 | Master: WF_CustomStoreFronts_v1.0 | Private & Confidential | back to index
0.0- Student Purchase Flow: Home: configurable content and customizable design
Case shown: Microsite page
content and design are
configurable by admin.

Global Navigation

LOGO

A

Specifications

C

B

Admin can:

Search and Browse (optional)

Enter book title, author, keyword or ISBN

G

search

F
C

C

School Home Page > Shop

A

Customize background color

B

Upload school logo. onClick,
user is taken to school home
page.
Display: global navigation.
Font, font style, size and
color are customizable.

C

D

E

Add links to external sites.
This area is only available
on homepage and is
optional. Font, font style,
size and color are
customizable.

F

D

Configure and customize
content (including header
and category names, fonts,
font style, size and color).

Add search box and browse
(this functionality is
optional).
Display: breadcrumb

E

Sidebar

Content
(by category, product, or combination of both)

(with links)

G

(starting with school (or
product) homepage).

footer
Wireframes > MH Custom Storefronts 1.0 | Edited: 11.20.13 | Page 7 of 61 | Master: WF_CustomStoreFronts_v1.0 | Private & Confidential | back to index
0.0.1 - Global Navigation
Specifications

LOGO

Home

Help

Sign In

(#)

A

B

C

G

D

Case shown: global navigation
for 3 states.

Welcome, Laura!

Wireframes > MH Custom Storefronts 1.0 | Edited: 11.20.13 | Page 8 of 61 | Master: WF_CustomStoreFronts_v1.0 | Private & Confidential | back to index

Global nav (anonymous
user with items in the
shopping cart). Display:
numeric value.

I

Home

Help

B

Sign out

My Account

C

E

A

Global nav (anonymous
user with no items in
shopping cart).

Global nav (registered
user with no items are in
shopping cart).

J

Global nav (registered
user with items are in
shopping cart). Display:
numeric value.

F

A

Welcome, Laura!

A link to "My Account"
page now displays .

H

D

E

A

LOGO

C

Welcome Message
displays (Display: first
name).

H

B

Display number of items in
shopping card. onClick,
open shopping cart.

F

(#)

D

G

LOGO

Sign In

A

A

Help

onClick, user invokes "sign
in/sign out" slide down
menu to sign in or create
an account.

E

Home

onClick, user is taken to
customer service
information page.

C

LOGO

onClick, user is taken to
school homepage.

B

A

A

(#)

I

D

F
Home

Help

A

B

Sign out

C

My Account

(#)

D

J
0.0.1 - ADA: Global Navigation
1

first

LOGO

Home

1.3

1.4

Home

Help

Sign In

1.2

1.1

Sign In

1.2

open <Store Name>

Help

1.3

1.4

(0)

1.5

first

1

LOGO
open <Store Name>

1.1

(#)

1.5

first

1

LOGO

Welcome, Laura!

open <Store Name>

1.2

1.1

Home

Help

1.3

1.4

Home

Help

1.3

1.4

Sign out

1.5

My Account

1.6

(0)

1.7

first

1

LOGO
open <Store Name>

1.1

Welcome, Laura!

1.2

Wireframes > MH Custom Storefronts 1.0 | Edited: 11.20.13 | Page 9 of 61 | Master: WF_CustomStoreFronts_v1.0 | Private & Confidential | back to index

Sign out

1.5

My Account

1.6

(#)

1.7
0.0.2 - Footer
Specifications
Case shown: footer (as it
appears on all pages except
checkout screens (9.0-9.5.2 )(see
annotation K). All links will open in
a new browser window.

Shop Logo
A

Policy

C

Support

B

Powered by Mcgraw-Hill Learning Solutions

F

Powered by Mcgraw-Hill Learning Solutions

Wireframes > MH Custom Storefronts 1.0 | Edited: 11.20.13 | Page 10 of 61 | Master: WF_CustomStoreFronts_v1.0 | Private & Confidential | back to index

Privacy notice (link: http://
www.mcgraw-hill.com/site/
tools/privacy/
privacy_english)
Return Policy. onClick go
to "Return Policy
Page" (http: TBD)

D

Customer Support: onClick
will go to internal page
(http: TBD)

E

Display MH logo and
"Powered by McGraw-Hill
Learning Solutions" and
Copyright date (should
automatically update to
current year).
Links will be removed from
checkout screens.

E

D

Shop Logo

Terms of use (link: http://
www.mcgraw-hill.com/site/
tools/terms-of-use)

F

B

Return Policy
Customer Support Site

A

C

Terms of Use
Privacy Notice
0.0.2 - ADA: Footer
last

Shop Logo
1

1.1

Policy

1.3

Terms of Use
Privacy Notice

1.2

<Shop McGraw-HIll>

Support

Return Policy
Customer Support Site

1.4

Wireframes > MH Custom Storefronts 1.0 | Edited: 11.20.13 | Page 11 of 61 | Master: WF_CustomStoreFronts_v1.0 | Private & Confidential | back to index

Powered by Mcgraw-Hill Learning Solutions

<McGraw-HIll>
0.1 - 403 error "Forbidden"
Specifications
Error: The Server is refusing to
fulfill the request

Sorry

We seem to be having some difficulty
finding this page
What to do next:

A

Definition:
The server understood the
request, but is refusing to fulfill it.
Authorization will not help and
the request SHOULD NOT be
repeated. If the request method
was not HEAD and the server
wishes to make public why the
request has not been fulfilled, it
SHOULD describe the reason for
the refusal in the entity. If the
server does not wish to make this
information available to the client,
the status code 404 (Not Found)
can be used instead.

A

"Page Missing" message
displays.

B

onClick, user returns to
previous page.

C

Error code displays.

return to the previous page

B

C

go to previous page

Error 403 - Forbidden

Wireframes > MH Custom Storefronts 1.0 | Edited: 11.20.13 | Page 12 of 61 | Master: WF_CustomStoreFronts_v1.0 | Private & Confidential | back to index
0.2 - 404 error "Not Found"
Specifications
Error: Page not found.

Sorry

We seem to be having some difficulty
finding this page
What to do next:
return to the previous page

A

Definition:
The server has not found
anything matching the RequestURI. No indication is given of
whether the condition is
temporary or permanent. The 410
(Gone) status code SHOULD be
used if the server knows, through
some internally configurable
mechanism, that an old resource
is permanently unavailable and
has no forwarding address. This
status code is commonly used
when the server does not wish to
reveal exactly why the request
has been refused, or when no
other response is applicable.

C

go to previous page

Error 404 - Page Not Found

Wireframes > MH Custom Storefronts 1.0 | Edited: 11.20.13 | Page 13 of 61 | Master: WF_CustomStoreFronts_v1.0 | Private & Confidential | back to index

"Page Not Found"
message displays.

B

onClick, user returns to
previous page.

C

B

A

Error code displays.
0.3 - 408 error "Request Timeout"
Specifications
Error: The server did not produce
a request within the time the
server was prepared to wait

Sorry

Definition:
The client did not produce a
request within the time that the
server was prepared to wait. The
client MAY repeat the request
without modifications at any later
time.

What to do next:
reload your page
Try reloading your page to
see if the problem is just
temporary

B

C

reload this page

Error 408 - Request Timeout

Wireframes > MH Custom Storefronts 1.0 | Edited: 11.20.13 | Page 14 of 61 | Master: WF_CustomStoreFronts_v1.0 | Private & Confidential | back to index

A

A

"Timed Out" message
displays.

B

onClick, user reloads the
page.

C

The request is taking longer than we
expected

Error code displays.
0.4 - 500 error "Internal Server Error"
Specifications
Error: the server encountered an
unexpected condition which
prevented it from fulfilling the
request
Definition:
The server encountered an
unexpected condition which
prevented it from fulfilling the
request.

Sorry

What to do next:
return to the previous page

B

C

go to previous page

Error 500 - Internal Server Error

Wireframes > MH Custom Storefronts 1.0 | Edited: 11.20.13 | Page 15 of 61 | Master: WF_CustomStoreFronts_v1.0 | Private & Confidential | back to index

A

A

"Page Missing" message
displays.

B

onClick, user returns to
previous page.

C

We seem to be having some difficulty
finding this page

Error code displays.
0.5 - 502 error "Bad Gateway"
Specifications
Error: The Server received a bad
response from an upstream
server, usually caused by the
wrong protocol

Sorry

Definition:
The server, while acting as a
gateway or proxy, received an
invalid response from the
upstream server it accessed in
attempting to fulfill the request.

We seem to be having some difficulty
finding this page

A

return to the previous page

B

C

go to previous page

Error 502 - Bad Gateway

Wireframes > MH Custom Storefronts 1.0 | Edited: 11.20.13 | Page 16 of 61 | Master: WF_CustomStoreFronts_v1.0 | Private & Confidential | back to index

"Page Missing" message
displays.

B

What to do next:

A

onClick, user returns to
previous page.

C

Error code displays.
0.6 - 504 error "Gateway Timeout"
Specifications
Error: The server did not receive
a response to the request within
the time it was prepared to wait.

Sorry

The request is taking longer than we
expected.

A

Definition:
The server, while acting as a
gateway or proxy, did not receive
a timely response from the
upstream server specified by the
URI (e.g. HTTP, FTP, LDAP) or
some other auxiliary server (e.g.
DNS) it needed to access in
attempting to complete the
request.

A

Time related message
displays.

B

onClick, user reloads the
page.

C

Error code displays.

What to do next:
reload your page
Try reloading your page to
see if the problem is just
temporary

B

C

reload this page

Error 504 - Gateway Timeout

Wireframes > MH Custom Storefronts 1.0 | Edited: 11.20.13 | Page 17 of 61 | Master: WF_CustomStoreFronts_v1.0 | Private & Confidential | back to index
1.0 - Student Purchase Flow: Home: by Category w/no Subcategories (framework)
B
A
H

LOGO

Welcome, (first name!)

D

E

Home

Help

Sign Out

F

Specifications

G

My Account

Case shown: A "signed in"
student comes to the home page
(organized by category).

(0)

A

Enter book title, author, keyword or ISBN
School Home Page > Shop

K

C

search

I

B

J

M

Categories

D

Header for Links
link to external site

N

Copy goes here

Category 1

Category 2

link to external site

E
F

N

Copy goes here

link to external site

C

G

N

H

Copy goes here

I

L
link to external site
Copy goes here

N
J

Display: school logo.
onClick, user is taken to
institution site.
Display: "Welcome, (first
name)".
onClick, user is taken to
homepage.
onClick, user is taken to
customer support page
(0.0.5).
onClick, sign out.
onClick, open dropdown
menu. Display links for:
"Account Settings", "Order
History", and "My Stuff".
onClick, open shopping cart.
onClick, enter book title,
author, keyword , ISBN or
course number.
onClick, user searches and
is taken to "search
results" (4.0).
Display: breadcrumb
(starting with school (or
product homepage).

K

Category 3

Category 4

Display: header.

L

Display: categories in tiled
format. onClick, user is taken
to "browse results" for
selected category (4.0).
Header and category names/
styles are customizable in
admin.
Display: sidebar with links.
Header name/style is
customizable in admin.
onClick, user is taken to
external site(s).

M
footer
Wireframes > MH Custom Storefronts 1.0 | Edited: 11.20.13 | Page 18 of 61 | Master: WF_CustomStoreFronts_v1.0 | Private & Confidential | back to index

N
1.0.1 - Student Purchase Flow: NYU Home: by Category w/no Subcategories (by discipline)
Specifications

New York University

Welcome, Laura!

Home

Enter book title, author, keyword or ISBN

Help

Sign Out

My Account

(0)

search

Case shown: A "signed in" NYU
student arrives at homepage
(organized by discipline) and
chooses to browse the "Spanish"
category.

A

onClick, browse Spanish
results (4.1).

B

"Useful Resources" header
for sidebar links.

Useful Resources

C

onClick, user is taken to
"NYU Library" on external
site..

Library

D

onClick, user is taken to
"Schedule of Classes" page
on external site.

E

onClick, user is taken to
"Campus Directory" page on
external site.

New York University > Shop

Disciplines
B
A

C

Copy goes here

Spanish

English

D

Schedule of Classes
Copy goes here

E

Campus Directory
Copy goes here

Chemistry

Biology

footer
Wireframes > MH Custom Storefronts 1.0 | Edited: 11.20.13 | Page 19 of 61 | Master: WF_CustomStoreFronts_v1.0 | Private & Confidential | back to index
2.0 - Student Purchase Flow: Home: by Producs (framework)
Specifications

LOGO

Welcome, (first name!)

Home

Help

Sign Out

My Account

Case shown: A "signed in"
student comes to the home page
(organized by products).

(0)

A
search

School Home Page > Shop

Books

D
Header for Links
link to external site

onClick, user is taken to the
product detail page (5.0)

E

Copy goes here

B

Product

Product

Product

link to external site

#
edition

#
edition

format

link to external site

#
edition

format

C

TITLE
(# edition)
By: Author
Publication Date: Month Day, Year
ISBN: 0000000000 / 0000000000000

E

replaces "Online Resource."

format

TITLE
(# edition)

TITLE
(# edition)

By: Author

Publication Date: Month Day, Year
ISBN: 0000000000 / 0000000000000

- "Paperback Format"

E

By: Author

Publication Date: Month Day, Year
ISBN: 0000000000 / 0000000000000

Display "format type".
onClick, open informational
modal window: hardback,
paperback, looseleaf, spiral
bound, and digital access
formats only (5.0.3).
* Format name changes:
- "Digital Access Format"

Copy goes here

link to external site

B

E

Copy goes here

A

Products are displayed as
tiles. Display:
• product icon with edition #
(when applicable).
• "Edition #" or "Series #"
display over product and
after product name (edition #
will contain an ordinal suffix:
st, th, rd, nd).

replaces "Paperback/Softback."

Copy goes here

All other format names remain the
same (see acceptance test for
complete list).

C

Display: product name and
edition #, author and
attributes:
1. Publication date
2. isbn (10 /13)

onClick, user is taken to the
product detail page (5.0)

D
footer
Wireframes > MH Custom Storefronts 1.0 | Edited: 11.20.13 | Page 20 of 61 | Master: WF_CustomStoreFronts_v1.0 | Private & Confidential | back to index

Display: sidebar header

E

Display: sidebar links.
onClick, user is taken to
external site(s),
3.0 - Student Purchase Flow: Home: Category (w/no Subcategories) and Product (framework)
Specifications

LOGO

Welcome, (first name!)

Home

Help

Sign Out

My Account

Case shown: A "signed in"
student comes to the home page
(organized by categories and
products).

(0)

A
search
School Home Page > Shop

Featured Product

E
Header for Links

TITLE
(# edition)

A
Product
#
edition

B

C

format

By: Author
Publication Date: Month Day, Year
ISBN: 0000000000 / 0000000000000

link to external site

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec eu justo id
est viverra pretium. Phasellus dignissim justo et justo pulvinar feugiat. In
vulputate lacinia diam, aliquet ultrices nulla fermentum id. Nam rhoncus mi
non tortor euismod ultrices. Integer scelerisque, lectus eget tempor iaculis,
purus nisi faucibus mauris, in commodo dui diam faucibus ligula. More
Details >

link to external site

onClick, user is taken to the
product detail page (5.0)

F

Copy goes here

B

F

Display "format type".
onClick, open informational
modal window: hardback,
paperback, looseleaf, spiral
bound, and digital access
formats only (5.0.3).

F

* Format name changes:
- "Digital Access Format"

Copy goes here

link to external site

Display featured product:
• product icon with edition #
(when applicable).
• "Edition #" or "Series #"
display over product and
after product name (edition #
will contain an ordinal suffix:
st, th, rd, nd).

Copy goes here

replaces "Online Resource."

- "Paperback Format"

Category Header

link to external site
Copy goes here

D

Category 1

D

Category 2

D

F

replaces "Paperback/Softback."

C

Category 3

Display: product name and
edition #, author and
attributes:
1. Publication date
2. isbn (10 /13)

onClick, user is taken to the
product detail page (5.0)

D

E

Category 4

D

Category 5

D

Display: sidebar header

F

D

Display: categories in
modular format. onClick,
open browse results for
category (4.0).

Display: sidebar links.
onClick, user is taken to
external site(s),

Category 6

footer
Wireframes > MH Custom Storefronts 1.0 | Edited: 11.20.13 | Page 21 of 61 | Master: WF_CustomStoreFronts_v1.0 | Private & Confidential | back to index
3.0.1 - Student Purchase Flow: Home: Category (contains Subcategories) and Product (framework)
Specifications

LOGO

Welcome, (first name!)

Home

Help

Sign Out

My Account

Case shown: Student has
successfully signed in and is
taken to home page (by
categories).

(0)

A

Enter book title, author, keyword or ISBN

search

School Home Page > Shop

Featured Products

E
Header for Links
link to external site

Product

A

Product

Product
link to external site

onClick, user is taken to the
product detail page (5.0)

F

Copy goes here

B

Display "format type".
onClick, open informational
modal window: hardback,
paperback, looseleaf, spiral
bound, and digital access
formats only.

C

Display: product name and
edition #, author and
attributes:

F

Copy goes here

#
edition

#
edition

#
edition

link to external site

F

Copy goes here

B
C

format

TITLE
(# edition)

format

format

TITLE
(# edition)
By: Author

By: Author

TITLE
(# edition)
By: Author

Publication Date: Month Day, Year
ISBN: 0000000000 / 0000000000000

Publication Date: Month Day, Year
ISBN: 0000000000 / 0000000000000

link to external site

Products are displayed as
tiles. Display:
• product icon with edition #
(when applicable).
• "Edition #" or "Series #"
display over product and
after product name (edition #
will contain an ordinal suffix:
st, th, rd, nd).

1. Publication date
2. isbn (10 /13)

F

onClick, user is taken to the
product detail page (5.0)

Copy goes here

D

Display: categories in
modular format.
Subcategories exist for
category 1. onClick, open
browse results for category
(3.0.2).

E

Publication Date: Month Day, Year
ISBN: 0000000000 / 0000000000000

Display: sidebar header

F

Display: sidebar links.
onClick, user is taken to
external site(s),

Category Header
D

Category 2

Category 1

footer
Wireframes > MH Custom Storefronts 1.0 | Edited: 11.20.13 | Page 22 of 61 | Master: WF_CustomStoreFronts_v1.0 | Private & Confidential | back to index
3.0.2 - Student Purchase Flow: Subcategory and Product Page (framework)
Specifications

LOGO

Welcome, (first name!)

Enter book title, author, keyword or ISBN

Home

Help

Sign Out

My Account

search

browse

Case shown: Student has
successfully signed in and is
taken to home page (by
categories).

(0)

E

A

School Home Page > Shop > Category 1

Category 1 Products

Products are displayed as
tiles. Display:
• product icon with edition #
(when applicable).
• "Edition #" or "Series #"
display over product and
after product name (edition #
will contain an ordinal suffix:
st, th, rd, nd).
onClick, user is taken to the
product detail page (5.0)

Product

A

#
edition

Product

Product

#
edition

B

format

C

TITLE
(# edition)
By: Author

Publication Date: Month Day, Year
ISBN: 0000000000 / 0000000000000

#
edition

format

Product

Product

#
edition

format

#
edition

format

format

TITLE
(# edition)

TITLE
(# edition)

TITLE
(# edition)

TITLE
(# edition)

Publication Date: Month Day, Year

Publication Date: Month Day, Year

Publication Date: Month Day, Year

By: Author

ISBN: 0000000000 / 0000000000000

B

By: Author

By: Author

ISBN: 0000000000 / 0000000000000

ISBN: 0000000000 / 0000000000000

Display "format type".
onClick, open informational
modal window: hardback,
paperback, looseleaf, spiral
bound, and digital access
formats only (5.0.3).
* Format name changes:
- "Digital Access Format"

By: Author

replaces "Online Resource."

Publication Date: Month Day, Year

- "Paperback Format"

ISBN: 0000000000 / 0000000000000

replaces "Paperback/Softback."

C

Subcategory Header

Display: product name and
edition #, author and
attributes:
1. Publication date
2. isbn (10 /13)

onClick, user is taken to the
product detail page (5.0)

Subcategory 1

D

Subcategory 2

footer
Wireframes > MH Custom Storefronts 1.0 | Edited: 11.20.13 | Page 23 of 61 | Master: WF_CustomStoreFronts_v1.0 | Private & Confidential | back to index

D

Subcategory 3

D

Display: categories in
modular format. onClick,
open browse results for
subcategory.

E

D

Display: "browse"
dropdown (if search is
enabled in admin).
4.0 - Student Purchase Flow: Browse/Search Results (framework)
Specifications
Case shown: Browse results for
Category 1 display.

LOGO

Welcome, (first name!)

Home

Sign Out

My Account

(0)

Category (13 results)
C

Sort by:

Relevance

|

Price

Title

#
edition

|

By: Author
Publication Date: Month Day, Year
ISBN: 0000000000 / 0000000000000

TITLE
(# edition)
#
edition

By: Author
Publication Date: Month Day, Year
ISBN: 0000000000 / 0000000000000

TITLE
(# edition)
#
edition

By: Author
Publication Date: Month Day, Year
ISBN: 0000000000 / 0000000000000

TITLE
(# edition)
#
edition

By: Author
Publication Date: Month Day, Year
ISBN: 0000000000 / 0000000000000

TITLE
(# edition)
#
edition

User can move through
pages one at a time
(previous/next), or directly
to a page number by
clicking page # link. (See
business rules for
pagination details).

E

Number of results per
page display in drop down:
10 (default), 25, 50, 100.
Browse dropdown is
configurable.
Product displays: product
picture, title, author,
publication date, ISBN.
onClick, page refreshes
and search results for
author display.

H

onClick, "format type"
opens modal window with
information for hardback/
paperback, looseleaf,
spiral bound, and digital
access formats only.

I

Display: price (USD).

J

Display: "browse"
dropdown (if search is
enabled in admin).

10 per page

TITLE
(# edition)

F

User can sort results by:
relevance (default), price,
title, publication date or
author. Pagination only
occurs at the bottom of
page.

D

B
|

Subject and # of results
display for browse results.

G

School Home Page > Shop > Category Results

B

F

J

browse

Breadcrumb displays for
browse results (level 1).

D

search

A

C

Enter book title, author, keyword or ISBN

A

Help

By: Author
Publication Date: Month Day, Year
ISBN: 0000000000 / 0000000000000

Publication Date

G

|

Author

PREVIOUS

format

H
format

format

1

2

NEXT

E

$##.##

I
$##.##

$##.##

format

$##.##

format

$##.##

Wireframes > MH Custom Storefronts 1.0 | Edited: 11.20.13 | Page 24 of 61 | Master: WF_CustomStoreFronts_v1.0 | Private & Confidential | back to index
4.0.1 - Student Purchase Flow: NYU: Browse Results (by discipline: spanish)
Specifications

New York University

Welcome, Laura!

Home

Help

Sign Out

My Account

Case shown: A "signed in" NYU
student is taken to browse results
for "Spanish."

(0)

A

B

Enter book title, author, keyword or ISBN

search

browse

New York University > Shop > Spanish

Spanish (13 results)
Sort by:

Relevance

|

Price

10 per page

|

Title

|

Spanish Title 1
(# edition)
#
edition

By: Author
Publication Date: Month Day, Year
ISBN: 0000000000 / 0000000000000

Spanish Title 2
(# edition)
#
edition

By: Author
Publication Date: Month Day, Year
ISBN: 0000000000 / 0000000000000

Spanish Title 3
(# edition)
#
edition

By: Author
Publication Date: Month Day, Year
ISBN: 0000000000 / 0000000000000

Spanish Title 4
(# edition)
#
edition

By: Author
Publication Date: Month Day, Year
ISBN: 0000000000 / 0000000000000

Spanish Title 5
(# edition)
#
edition

By: Author
Publication Date: Month Day, Year
ISBN: 0000000000 / 0000000000000

Publication Date

|

Author

PREVIOUS

1

2

NEXT

hardback/paperback

$18.95

hardback/paperback

$19.00

hardback/paperback

$235.00

hardback/paperback

$100.67

hardback/paperback

$30.95

Wireframes > MH Custom Storefronts 1.0 | Edited: 11.20.13 | Page 25 of 61 | Master: WF_CustomStoreFronts_v1.0 | Private & Confidential | back to index

onClick, user opens
selection to view product
detail page (5.1).
onClick, user can browse
another category (if search
is enabled in admin).

B
5.0 - Student Purchase Flow: Product Details (framework) - default state
Specifications
H

LOGO

I

Welcome, (first name!)

Home

Help

Sign Out

My Account

Case shown: product detail page
framework (for shippable and
digital access products).

(0)

A

A

browse

School Home Page > Shop > Level 1 Category > Product Name

C
B

Product Name or Title

$ ##.##

(# edition)

D

Product

By: Author

E

Publication Date: month, day, year
ISBN: ########## / ############

icon

B

F

C

Display product name with
edition/series # (when
applicable).

D

onClick, display all search
results by author. (x.x)
Display attribute list:

H

add to cart
*stock availability message

Language: type
#
edition

Display: product icon with
edition/series # over product
(when applicable). Edition #
will contain an ordinal suffix:
st, th, rd, nd.

E

search

Breadcrumb displays for
browse results (not for search
results).

B

Enter book title, author, keyword or ISBN

delivery message

G

1. Publication date
2. isbn (10 /13)
3. Language
4. This product will be shipped to you
(when applicable)
-----(more/less info link)
4. Imprint
5. Publisher
6. Dimensions (when applicable)

> more info

format
Learn more about formats

Table of Contents

Special Instructions:

Generic
image

F

onClick, expand list of
attributes (1.0.1).

G

Display delivery message w/
icon (when applicable, see
business rules).

H

Home and Search/Browse
functionality will not display
when a user comes directly
from a Marketing site (i.e.
APR) or Connect. Admin can
also choose to hide search
and browse functionality.

I

Summary

Display: school logo. onClick,
user is taken to institution
site.

Generic text applicable to "digital access formats" goes here.

(if applicable)

Main description
Text goes here

Wireframes > MH Custom Storefronts 1.0 | Edited: 11.20.13 | Page 26 of 61 | Master: WF_CustomStoreFronts_v1.0 | Private & Confidential | back to index
5.0 - Student Purchase Flow: Product Details (framework) - default state continued (w/expanded attributes)
Specifications
Case shown: product detail page
framework.

LOGO

Welcome, (first name!)

Enter book title, author, keyword or ISBN

Home

Help

Sign Out

My Account

search

(0)

I

browse

J

School Home Page > Shop > Level 1 Category > Product Name

$ ##.##

(# edition)
By: Author

K

Publication Date: month, day, year

add to cart

icon

H

J

*stock availability message

ISBN: ########## / ############
Language: display here

#
edition

K

I

Product Name or Title

Product

H

Summary and table of
contents display in module
tabs. Default setting is
"summary."

M

onClick, invoke table of
contents panel (5.0.2)

N

Special instructions and
image displays for "digital
access format" products only.

O

Display: main description.

delivery message

< less info
Imprint: display here
Dimensions: display here

Learn more about formats

L
N

Summary

Table of Contents

M

Special Instructions:

Generic
image

onClick, user adds item to
cart (8.0) * applicable to all
product formats.
Stock availability message:
• out of stock - hide button
and display: "There are only
a few of these left! Call us to
check availability:
877-833-5524"
• in stock - show button and
display: no message)

L

Publisher: McGraw-Hill

format

onClick, collapse list to
original size.
Price displays (display USD).

Generic text applicable to "digital access formats" goes here.

(if applicable)

O
Main description
Text goes here

Wireframes > MH Custom Storefronts 1.0 | Edited: 11.20.13 | Page 27 of 61 | Master: WF_CustomStoreFronts_v1.0 | Private & Confidential | back to index
5.1 - Student Purchase Flow: Product Details (by discipline: spanish)
Specifications

New York University

Welcome, Laura!

Home

Help

Sign Out

My Account

Case shown: A "signed in" NYU
student is taken to a product
detail page.

(0)

A

Enter book title, author, keyword or ISBN

By: Tracy Terrell

Publication Date: Jul 24, 2009
ISBN: 007738878X / 9780077388782
Language: English

7th
edition

This product will be shipped to you
> more info
hard cover

Learn more about formats

Summary

Table of Contents

N/A

Wireframes > MH Custom Storefronts 1.0 | Edited: 11.20.13 | Page 28 of 61 | Master: WF_CustomStoreFronts_v1.0 | Private & Confidential | back to index

$ 235.00
add to cart
*stock availability message

onClick, user can browse
another category (if search
is enabled in admin).

B

browse

New York University > Shop > Spanish > Dos Mundos w. Workbooks & Spanish/English Dictionary

Dos Mundos w. Workbooks &
Spanish/English Dictionary
(7th edition)

onClick, user adds item to
their cart.

B

search

A
McGraw-Hill Custom Storefronts: Student Flow
(ADA Compliance)

Wireframes > MH Custom Storefronts 1.0 | Edited: 11.20.13 | Page 29 of 61 | Master: WF_CustomStoreFronts_v1.0 | Private & Confidential | back to index
1.0 - ADA

LOGO
2.0

Welcome, (first name!)

label: search field
Enter book title, author, keyword or ISBN
3.2
3.1

3.0

Categories

2.1

Help

search

Sign Out

My Account

(0)

2.2
search

School Home Page > Shop

4.0

Home

4.1

6.0
5.1

5.2

Category 1

Category 2

7.0

Header for Links

6.1

link to external site

7.1

Copy goes here

link to external site

7.2

Copy goes here

link to external site

7.3

Copy goes here

5.0
link to external site

7.4

Copy goes here

5.3

5.4

Category 3

Category 4

footer
Wireframes > MH Custom Storefronts 1.0 | Edited: 11.20.13 | Page 30 of 61 | Master: WF_CustomStoreFronts_v1.0 | Private & Confidential | back to index

last
2.0 - ADA

first

LOGO

Welcome, (first name!)

Home

Help

Sign Out

My Account

(0)

search

2.0
School Home Page > Shop

3.0

Books
Header for Links
link to external site

5.0
6.1

6.0

Copy goes here

Product

Product
4.1

#
edition

Product
4.2

#
edition

format

open <book title>
<Author's Last
Name>, <edition#>

link to external site
4.3

format

Copy goes here

link to external site

#
edition

TITLE
(# edition)4.1.2
By: Author

Publication Date: Month Day, Year
ISBN: 0000000000 / 0000000000000
4.1.3

TITLE

6.3

Copy goes here
format

link to external site
4.1.1

6.2

4.2.1

(#
open formats edition)
4.2.2
descriptionBy: Author

TITLE
(# edition)
4.3.2

4.3.1

6.4

Copy goes here

By: Author

Publication Date: Month Day, Year
ISBN: 0000000000 4.2.3
/ 0000000000000

Publication Date: Month Day, Year
ISBN: 0000000000 / 0000000000000
4.3.3

footer
Wireframes > MH Custom Storefronts 1.0 | Edited: 11.20.13 | Page 31 of 61 | Master: WF_CustomStoreFronts_v1.0 | Private & Confidential | back to index

last
3.0 - ADA

first

LOGO

Welcome, (first name!)

Help

Sign Out

My Account

(0)

search

2.0
3.0
4.0

Home

School Home Page > Shop

Featured Product
5.2

5.1

8.0

TITLE
(# edition)

5.3
By: Author
Publication Date: Month Day, Year
ISBN: 0000000000 / 0000000000000

Product

9.0

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec eu justo id

5.5

purus nisi faucibus mauris, in commodo dui diam faucibus ligula. More
Details >
5.4

format

8

link to external site

9.1

Copy goes here

open <book title>
est viverra pretium. Phasellus dignissim justo et justo pulvinar feugiat. In
<Author's Last lacinia diam, aliquet ultrices nulla fermentum id. Nam rhoncus mi
vulputate
Name>, <edition#>
non tortor euismod ultrices. Integer scelerisque, lectus eget tempor iaculis,

#
edition

Header for Links

link to external site

9.2

Copy goes here

link to external site

9.3

Copy goes here

open formats
description

Category Header
7.1

7.2

7.3

Category 1

Category 2

Category 3

link to external site

9.4

Copy goes here

open Category

7.4

7.5

7.6

Category 4

7.0

Category 5

Category 6

footer
Wireframes > MH Custom Storefronts 1.0 | Edited: 11.20.13 | Page 32 of 61 | Master: WF_CustomStoreFronts_v1.0 | Private & Confidential | back to index

last
3.0.1 - ADA

first

LOGO
2.0
3.0
4.0

Welcome, (first name!)

Home

Enter book title, author, keyword or ISBN

Help

Sign Out

My Account

(0)

search

School Home Page > Shop

Featured Products
8.0
9.0

Header for Links
link to external site
Copy goes here

Product

5.0

Product

5.1

Product
link to external site
Copy goes here

open <book title>
<Author's Last
#
Name>, <edition#>
edition

#
edition

#
edition

link to external site
Copy goes here

open formats
description

5.1.1

format
5.1.2
TITLE
(# edition)

By: Author

7.0

format

TITLE
(# edition)

TITLE
(# edition)

By: Author

link to external site

By: Author

Publication Date: Month Day, Year
ISBN: 0000000000 / 0000000000000

5.1.3

Publication Date: Month Day, Year
ISBN: 0000000000 / 0000000000000

6.0

format

Publication Date: Month Day, Year
ISBN: 0000000000 / 0000000000000

Copy goes here

Category Header
7.1

Category 1

7.2

Category 2

open Category
footer
Wireframes > MH Custom Storefronts 1.0 | Edited: 11.20.13 | Page 33 of 61 | Master: WF_CustomStoreFronts_v1.0 | Private & Confidential | back to index

last
3.0.2 - ADA

first

LOGO
2.0

Welcome, (first name!)

Enter book title, author, keyword or ISBN

4.0

Help

Sign Out

search

My Account

open dropdown list
(as defined by admin)
*optional

Category 1 Products

Product

open <book title>
<Author's Last Name>,
#
<edition#> edition

6.0
#
edition

format

6.1.1

TITLE 6.1.2
(# edition)

open formats
description

By: Author

Product
#
edition

format

Product

Product

#
edition

format

#
edition

format

format

TITLE
(# edition)

TITLE
(# edition)

6.1.3

Publication Date: Month Day, Year
ISBN: 0000000000 / 0000000000000

7.0

Product

6.1

(0)

browse

3.0

School Home Page > Shop > Category 1

5.0

Home

TITLE
(# edition)

TITLE
(# edition)

Publication Date: Month Day, Year

Publication Date: Month Day, Year

Publication Date: Month Day, Year

By: Author

ISBN: 0000000000 / 0000000000000

By: Author

By: Author

ISBN: 0000000000 / 0000000000000

ISBN: 0000000000 / 0000000000000

By: Author

Publication Date: Month Day, Year
ISBN: 0000000000 / 0000000000000

Subcategory Header

8.0
8.1

Subcategory 1

8.2

Subcategory 2

8.3

Subcategory 3

open subcategory

footer
Wireframes > MH Custom Storefronts 1.0 | Edited: 11.20.13 | Page 34 of 61 | Master: WF_CustomStoreFronts_v1.0 | Private & Confidential | back to index

last
4.0 - ADA

first

LOGO
2.0

Welcome, (first name!)

Home

Enter book title, author, keyword or ISBN

Help

Sign Out

My Account

search

Category (13 results)

10 per page

School Home Page > Shop > Category Results

5.0

browse

6.0

4.0

3.0

(0)

7.0

Relevance

Sort by:

7.1

8.1
#
edition

|

7.2

TITLE
8.2
(# edition)

Price

7.3

|

Title

|

7.4

By: Author
8.3
Publication Date: Month Day, Year
ISBN: 0000000000 / 0000000000000

open product TITLE
detail page
(# edition)
#
edition

By: Author
Publication Date: Month Day, Year
ISBN: 0000000000 / 0000000000000

TITLE
(# edition)

8.0
#
edition

By: Author
Publication Date: Month Day, Year
ISBN: 0000000000 / 0000000000000

TITLE
(# edition)
#
edition

By: Author
Publication Date: Month Day, Year
ISBN: 0000000000 / 0000000000000

TITLE
(# edition)
#
edition

By: Author
Publication Date: Month Day, Year
ISBN: 0000000000 / 0000000000000

Publication Date

|

Author

PREVIOUS

previous
page

7.5

format
8.4

1

2

NEXT

7.6

7.7

7.8

7.9

page 1

page 2 $##.##

open formats
description
format

$##.##

format

$##.##

format

$##.##

format

$##.##

Wireframes > MH Custom Storefronts 1.0 | Edited: 11.20.13 | Page 35 of 61 | Master: WF_CustomStoreFronts_v1.0 | Private & Confidential | back to index

label: 10 items per page

next
page
5.0 - ADA

first

LOGO

Welcome, (first name!)

Home

Help

Sign Out

My Account

(0)
A

Enter book title, author, keyword or ISBN

2.0
4.0

search

3.0

School Home Page > Shop > Level 1 Category > Product Name

Product Name or Title

$ ##.##

(# edition)

5.1

5.4

By: Author

5.8
Publication Date: month, day, year

Product

#
edition

add to cart
*stock availability message
add to

ISBN: ########## / ############

<Book Title>
<Author's Last Name>
<Edition Number>

Language: type
icon

delivery message

> more info method icon
delivery

5.5
5.0

browse

5.2

format

5.6
formats
description

5.7

Summary

Table of Contents

Learn more about formats
open

5.3
Special Instructions:

Generic
image

toggle to table of contents

Generic text applicable to "digital access formats" goes here.

(if applicable)

Image (when applicable)
Main description
Text goes here

Wireframes > MH Custom Storefronts 1.0 | Edited: 11.20.13 | Page 36 of 61 | Master: WF_CustomStoreFronts_v1.0 | Private & Confidential | back to index

shopping cart

Breadcrumb displays for
browse results (not for search
results).
McGraw-Hill Custom Storefronts: ADMIN

Wireframes > MH Custom Storefronts 1.0 | Edited: 11.20.13 | Page 37 of 61 | Master: WF_CustomStoreFronts_v1.0 | Private & Confidential | back to index
6.0 - ADMIN: Add MH Custom Store
A

Specifications

McGraw-Hill Custom Storefronts (Header)

B

Case shown: A signed-in admin
arrives at the McGraw-Hill
Custom Storefronts "Storefront
List" page and wants to add a
new store.

Storefront List
Help

A

Display header: "McGraw-Hill
Custom Storefronts" (persists
on all admin pages).
Display: "Storefront List"

Date Modified

C

onClick, open modal to add
a new store (6.0.2).

D

Display column titled: "Store
name (and code)." Default
setting for sort is
alphabetical descending .

E

Display column titled:
"Online/Offline." Default
setting for sort is "online."
Display column titled: "Date
Modified." Default setting for
sort is most recent to least
recent.

G

Display column titled: "Web
Address."
Display link: "Store name"
with "edit" icon. onClick,
open "store settings" panel
(6.1.1) to edit.
Display: store's web
address. onClick, open store
homepage.

J

Online/Offline

web address

I

Store name (and code)

E

B

H

D

+ add store

G

F

C

F

K

Display button: "copy to
clipboard." onClick, copy
store url to clipboard.

K

onClick, open Help pdf
document in new window (x.x)
Display: footer (persists on
all admin pages) .

Arizona State University (AZSU)

1/04/12

mhheshop.com/azsu

copy to clipboard

Bard College (BARD)

Online

1/04/12

mhheshop.com/bard

copy to clipboard

Cornell University (CORN)

Online

1/04/12

mhheshop.com/corn

copy to clipboard

1/04/12

mhheshop.com/misu

copy to clipboard

1/04/12

mhheshop.com/nyu1

copy to clipboard

I

H

Online

J

Michigan University (MICH)
New York University (NYU1)

Offline
Online

L

MH Custom Storefronts (Footer)
Wireframes > MH Custom Storefronts 1.0 | Edited: 11.20.13 | Page 38 of 61 | Master: WF_CustomStoreFronts_v1.0 | Private & Confidential | back to index

L
6.0.1 - ADMIN: MH Custom Storefronts Header/Footer
A

McGraw-Hill Custom Storefronts (Header)

Specifications
Case shown: Header/Footer
placement.

A
B

B

MH Custom Storefronts (Footer)

Wireframes > MH Custom Storefronts 1.0 | Edited: 11.20.13 | Page 39 of 61 | Master: WF_CustomStoreFronts_v1.0 | Private & Confidential | back to index

Display header (see visual
design for details).
Display footer (see visual
design for details).
6.0.2 - ADMIN: Add Ohio State Universitiy Store
Specifications
Case shown: A signed-in admin
enters new store information.

Storefront List

A

Display header: "Add Store."

B

Display "Store Name" text
field (*required).

C

Display "Web Address" text
field (*required). Admin
enters store code after
"www.mhheshop.com/ (see
business rules).

D

Display "School Information"
dropdown (Country, State
and Schoo)l. Country
Default is set to "United
States." (*required).

E

Display "Store Contact" text
field. (*optional)

F

onClick, admin closes modal
and returns to page (6.0)

G

onClick, onClick admin
saves new store (6.0.3).

Help

+ add store

F
Online/Offline

Store name (and code)

Arizona State University (AZSU)

A

Date Modified

Add Store

web address

1/04/12

mhheshop.com/azsu

B

Online
Ohio State University 1/04/12

mhheshop.com/bard
mhheshop.com/corn

C

Web
Online Address:
1/04/12
www.mhheshop.com/ ohsu
1/04/12

mhheshop.com/misu

1/04/12

mhheshop.com/nyu1

Online

Store Name:
Bard College (BARD)
Cornell University (CORN)
Michigan University (MICH)
New York University (NYU1)

Offline

School Information:

D

County:
Online
State:
School:

United States
Ohio

Ohio State University

Store Contact:

E

admin@ohiostateuniversity.edu

cancel

save

F

(optional)

G

Wireframes > MH Custom Storefronts 1.0 | Edited: 11.20.13 | Page 40 of 61 | Master: WF_CustomStoreFronts_v1.0 | Private & Confidential | back to index
6.0.3 - ADMIN: Edit Ohio State University Store
Specifications

McGraw-Hill Custom Storefronts (Header)

Case shown: A new store has
been added and admin wishes to
edit store info or content.

Store List

A

New store displays. onClick,
admin edits store info and/or
content (6.1.1).

B

onClick, admin edits store
info and/or content (6.1.1).

Help

+ add store
Online/Offline

Store name (and code)

Date Modified

web address

Arizona State University (AZSU)

Online

1/04/12

mhheshop.com/azsu

copy to clipboard

Bard College (BARD)

Online

1/04/12

mhheshop.com/bard

copy to clipboard

Cornell University (CORN)

Online

1/04/12

mhheshop.com/corn

copy to clipboard

1/04/12

mhheshop.com/misu

copy to clipboard

Michigan University (MICH)

Offline

New York University (NYU1)

A

Online

1/04/12

mhheshop.com/nyu1

copy to clipboard

Ohio State University (OSU)

Online

1/04/12

mhheshop.com/ohsu

copy to clipboard

B

MH Custom Storefronts (Footer)
Wireframes > MH Custom Storefronts 1.0 | Edited: 11.20.13 | Page 41 of 61 | Master: WF_CustomStoreFronts_v1.0 | Private & Confidential | back to index
6.1 - ADMIN: Ohio State University Store Catalog (zero state)
MH Custom Storefronts

A

< Back
to list

Catalog Last Updated:
1/04/12

B

C

Store Status:

Ohio State University

D

online

Specifications
Case shown: The admin is taken
to Ohio State University catalog
admin main page and wants to
edit store settings.

Search for Products
Enter book title, author, keyword, or ISBN

Display "Catalog" button as
inactive.
onClick, open "User
Interface" contols (6.2).
onClick, open "Security"
controls (6.4).

K

Featured Product
Sort by Default

onClick, open new browser
window and display site
preview.

J

+ add category

Display: "Admin Support:
First name, Last Name."
onClick, open email
application with "send to"
address pre-populated.

onClick, open "Store
Settings" (6.1.1).

preview site

Store Settings
Categories

Display: "Help" link. onClick,
open "Help" pdf (x.x).

Help

Admin Support: John Smith

G
K

Display: "Store Status:" with
default setting for toggle set
to "online."

G

F

Display: "Catalog Last
Updated: month/day/year."

F

Security

C

I

User Interface

E

Display: Store Header.

H

Catalog

B

J

onClick, admin is taken back
to McGraw-Hill Custom
Storefronts list page (6.0.3).

E

I

A

D

H

National Products

search

Home

Products in this Category
ISBN

Title

Edition

Wireframes > MH Custom Storefronts 1.0 | Edited: 11.20.13 | Page 42 of 61 | Master: WF_CustomStoreFronts_v1.0 | Private & Confidential | back to index

Author

Type
6.1.1 - ADMIN: Ohio State University Store Catalog: open store settings
MH Custom Storefronts

Catalog Last Updated:
1/04/12
Store Status:

Ohio State University

< Back
to list

online

Specifications
Case shown: Admin has opened
"Store Settings" accordion panel.

A

Display "Store Name" and
text entry field. onClick,
enter "Store Name."

B

Display "Web Address" with
text entry field. onClick,
enter "store code" after
www.hmmhshop.com/

C

Display "Store Status" with
toggle button (online/offline).
Default setting is "online."

D

Display "School Information"
and dropdowns for country,
state, and school (*required).

E

Display "School Contact" with
entry field (*not required).

F

onClick, open email
application with "send to"
address pre-populated (only if
contact field is populated).
* not required

G

Display "Admin Info":
• Created by: First Name,
Last Name
• Date Created: Month/Day/
Year
• Updated by: First Name,
Last Name
• Date Updated: Month/Day/
Year
onClick, close accordion
panel without saving
changes.

Help
Admin Support: John Smith

Catalog

User Interface

Security
preview site

Store Settings

D

Store Name:

A

School Information

Ohio State University

County:
State:

Web Address:

B

www.mhheshop.com/

ohsu

School:

Admin Info
Created by:

United States

Date Created:

Ohio

Updated by:

Ohio State University

Date Updated:

Store Status:

online

School Contact

John Smith
12/21/11

G

Linda Jones
01/04/12

E

admin@ohiostate.edu
(optional)

C
Categories
+ add category

cancel

H

Featured Product
Sort by Default

F

save settings

I

Search for Products
National Products

Enter book title, author, keyword, or ISBN

search

Home

H

Products in this Category
ISBN

Title

Edition

Wireframes > MH Custom Storefronts 1.0 | Edited: 11.20.13 | Page 43 of 61 | Master: WF_CustomStoreFronts_v1.0 | Private & Confidential | back to index

Author

Type

I

onClick, "save settings" and
close accordion panel.
6.1.2 - ADMIN: Ohio State University Store Catalog: add category
MH Custom Storefronts
< Back
to list

Catalog Last Updated:
1/04/12
Store Status:

Ohio State University

online

Specifications
Case shown: Admin adds
categoroies.

A
B

onClick, expand area to
reveal text entry field.

C

onClick, admin enters
category.

D

onClick, user adds "Spanish"
category to list below home
folder (6.1.3).

E

onClick, user cancels adding
a category and text entry
field collapses.

F

Display: home folder (readonly). All created categories
reside within the home
folder.

G

Help

Display "Categories" tab
(active by default).

Display dropdown: "sort by
default." onClick, select
other option "alphabetical
(in descending order)."

Admin Support: John Smith

Catalog

User Interface

Security
preview site

A
Store Settings
Categories

B

+ add category

Featured Product
Sort by Default

G Search for Products
National Products

Enter book title, author, keyword, or ISBN

C

Spanish
Home

ok

D

E

search

cancel

Products in this Category
ISBN

Title

Edition

F

Wireframes > MH Custom Storefronts 1.0 | Edited: 11.20.13 | Page 44 of 61 | Master: WF_CustomStoreFronts_v1.0 | Private & Confidential | back to index

Author

Type
6.1.3 - ADMIN: Ohio State University Store Catalog: search for products
MH Custom Storefronts
< Back
to list

Catalog Last Updated:
1/04/12
Store Status:

Ohio State University

online

Specifications
Case shown: Admin searches for
products to add to the category
"Biology."

A
B

onClick, enter book title,
author, keyword, or ISBN.

C

Display dropdown: "National
Products" default. onClick,
select other options: "Create
Products", or "All Products"
from dropdown.

D

Help

Display "Search for
Products" header.

onClick, search for product
(6.1.3.1).

Admin Support: John Smith

Catalog

User Interface

Security
preview site

Store Settings
Categories
+ add category

Featured Product
Sort by Default

A

C

Search for Products
1234567890

B

D

National Products

search

Home
Spanish (1)
English (1)

Products in this Category
ISBN

Title

Edition

Chemistry (1)
Biology (0)

Wireframes > MH Custom Storefronts 1.0 | Edited: 11.20.13 | Page 45 of 61 | Master: WF_CustomStoreFronts_v1.0 | Private & Confidential | back to index

Author

Type
6.1.3.1 - ADMIN: Ohio State University Store Catalog: add product to product list
MH Custom Storefronts
< Back
to list

Catalog Last Updated:
1/04/12
Store Status:

Ohio State University

online

Specifications
Case shown: Admin searches for
products to add to the category
"Biology."

A

Display "search criteria
entered" in search field.
Admin can choose to search
for another product within
the modal.

B

Display: "Products in this
Category" header.

C

Display: "ISBN"

D

Display: "Product Title."
onClick, open product detail
page in new window
(National Bookstore).
onHover, entire name
appears.

E

Display: "Edition #."

F

Display: "Author." onHover,
entire name appears.

G

Display: "Type." onHover,
entire format type appears.

H

onClick, close modal.

I

onCllick, close modal and
add product to "Product
List" (6.1.4).

Help
Admin Support: John Smith

Catalog

User Interface

Security

H
preview site

Search for Products

Store Settings
1234567890

National Products

A

Categories

B

+ add category

Home
Spanish (1)
English (1)

search

Featured Product

Products in this Category

ISBN
Sort by Default

1234567890

C

Search for Products
Title
Edition
Photo Atlas for General...

Author

National Products
Dennis Trete, Darrel...
hardcover/...

3

Products in this Category
D
E
F
ISBN

Type

Title

Edition

Chemistry (1)

search

G
Author

Type

Biology (0)

cancel

H

+ add to product list

I

Wireframes > MH Custom Storefronts 1.0 | Edited: 11.20.13 | Page 46 of 61 | Master: WF_CustomStoreFronts_v1.0 | Private & Confidential | back to index
6.1.4 - ADMIN: Ohio State University Store Catalog: open product details page
MH Custom Storefronts

Catalog Last Updated:
1/04/12
Store Status:

Ohio State University

< Back
to list

online

Specifications
Case shown: Admin has added a
product to the "Biology Category."

A
B

Display product. onClick,
open product detail page in
new window (National
Bookstore). Product name
wraps in left hand pane only.
Under "Products in this
Category" product name will
fit to 1 line followed by ...
and onHover entire name
will reveal.

C

Display: ISBN.

D

Display: edition #.

E

Display: author(s) names.

F

Display: format type.

G

Help

Biology Category now
displays (1) item.

onClick, delete product.

Admin Support: John Smith

Catalog

User Interface

Security
preview site

Store Settings
Categories
+ add category

Featured Product
Sort by Default

Search for Products
National Products

Enter book title, author, keyword, or ISBN

search

Home
Spanish (1)
English (1)
Chemistry (1)

A

Products in this Category
ISBN

1234567890

Title

Edition

Photo Atlas for General...

Author

Type

3

Dennis Trete, Darre...

hard...

D

E

F

Biology (1)

B

Photo Atlas for General
Biology

C

B

Wireframes > MH Custom Storefronts 1.0 | Edited: 11.20.13 | Page 47 of 61 | Master: WF_CustomStoreFronts_v1.0 | Private & Confidential | back to index

G
6.1.4.1 - ADMIN: Ohio State University Store Catalog: Add Featured Product
MH Custom Storefronts
< Back
to list

Catalog Last Updated:
1/04/12
Store Status:

Ohio State University

online

Specifications
Case shown: Admin sets a
product in the catalog as
"featured."

A
B

Display: "All products in
Store" and "Set as Featured"
column headers.

C

Display: product link list
(always in alphabetical order
(descending) with "none" as
default setting. onClick,
select product. *if list
becomes long enough to
scroll, "none" will always be
fixed and will display at top.

D

Help

onClick, "Featured Product"
tab becomes active.

onClick, open product detail
page in new window
(National Bookstore).

E

Display "Featured Product"
header.

F

Display message: "Select a
product on your left" (only
show when no product is
featured).

Admin Support: John Smith

Catalog

User Interface

Security
preview site

Store Settings
Categories

B

A

Featured Product

All Products in Store

Set as
Featured

Featured Product

E

Photo Atlas for General Biology
(3rd edition)

None
Product 1

By: Dennis Strete, Darrell Vodopich

Product 2

Publication Date: Aug 1, 2006

Product 3
Photo Atlas for General
Biology

ISBN: 007738878X / 9780077388782

D

Select a product on your left
Language: English

7th
edition

C

F
Enter featured product text (no html).

save
Wireframes > MH Custom Storefronts 1.0 | Edited: 11.20.13 | Page 48 of 61 | Master: WF_CustomStoreFronts_v1.0 | Private & Confidential | back to index
6.1.4.2 - ADMIN: Ohio State University Store Catalog: Save Featured Product
MH Custom Storefronts
< Back
to list

Catalog Last Updated:
1/04/12
Store Status:

Ohio State University

online

Case shown: Admin sets a
product in the catalog as
"featured."

A

Display "Product Title."
onClick, open product detail
page in new window
(National Bookstore)..

D

Display:
• # edition
• author(s)
• publication date (month,
day, year)
• ISBN
• language

E

Display: text field with
javascript instructive text
that reads "Enter featured
product text (no html)."
onClick, enter text.
(*optional).

F

Security

Display "Product Graphic."

C

Admin Support: John Smith

User Interface

onClick, admin selects
"featured product."

B

Help

Catalog

Specifications

onClick, admin saves
featured product settings.

preview site

Store Settings
Categories

Featured Product

All Products in Store

Set as
Featured

Featured Product
Photo Atlas for General Biology
(3rd edition)

None
Product 1

C

By: Dennis Strete, Darrell Vodopich

Product 2

Publication Date: Aug 1, 2006

Product 3

D

ISBN: 007738878X / 9780077388782

Photo Atlas for General
Biology

Language: English

B

(optional)

A

7th
edition

Enter featured product text (no html).

E
format type

save
Wireframes > MH Custom Storefronts 1.0 | Edited: 11.20.13 | Page 49 of 61 | Master: WF_CustomStoreFronts_v1.0 | Private & Confidential | back to index

F
6.2- ADMIN: Ohio State University Store: UI Properties: choose theme (zero state)
MH Custom Storefronts

Catalog Last Updated:
1/04/12
Store Status:

Ohio State University

< Back
to list

online

Specifications
Case shown: Admin accesses
"User Interface" section.

B

Display "Themes and
Layout" (accordion panel is
open by default).

C

Display "Look and Feel"
header.
"Default" radio button is
selected by default.

E

onClick, select
"Customizable" radio button
and expand panel to reveal
more "Look and Feel"
settings (6.2.1).

F

onClick, open preview of
"default" or "customizable"
design in new browser
window.

G

onClick, save "Themes and
Layout" section.

H

Help

Display "User Interface"
button as "active."

D

A

A

Display "Site Elements". On
click, open accordion panel
(6.3).

Admin Support: John Smith

Catalog

User Interface

Security
preview site

Themes and Layout

B
C

Look and Feel
Customizable

Default
D

E

preview

F
H

Site Elements

preview
save

G

Wireframes > MH Custom Storefronts 1.0 | Edited: 11.20.13 | Page 50 of 61 | Master: WF_CustomStoreFronts_v1.0 | Private & Confidential | back to index

F
6.2.1- ADMIN: Ohio State University Store: UI Properties: choose theme: customizable
MH Custom Storefronts
< Back
to list

Catalog Last Updated:
1/04/12
Store Status:

Ohio State University

online

Admin Support: John Smith

User Interface

Security
preview site

Themes and Layout
Look and Feel
Customizable

Default

Case shown: Admin has
switched "Look and Feel" from
"Default" setting to
"Customizable."

A
Help

Catalog

Specifications

A

preview

(wireframe continues on next page)
Wireframes > MH Custom Storefronts 1.0 | Edited: 11.20.13 | Page 51 of 61 | Master: WF_CustomStoreFronts_v1.0 | Private & Confidential | back to index

preview

"Customizable" radio button
is selected and window
expands to include more
settings (see 6.2.1.1).
6.2.1.1- ADMIN: Ohio State University Store: UI Properties: customize colors and fonts
reset to default fonts and colors

A

Fonts and Link Color

Specifications
Case shown: Admin has switched
"Look and Feel" from "Default"
setting to "Customizable."

O

Font

Link Colors

#cccccc

C

I

Page Colors

D
Select a color

C
D

Display: "Font: Arial" default
onCllick, select alternate font:
Times.
Display: "Link Colors" w/hex
value.
Display: "Page Colors"
header.

Arial

J
C

Display "Fonts and Link
Color" header

B

B

A

(applies to entire site)

(applies to entire site)

E
F

K

Display: "Background
Gradient" color w/ hex value.
Display: "Featured Product
Background" color w/hex
value.
Display: "Top/Bottom Stripe"
color w/ hex value.
Display: "Header/Footer
Background" color w/hex
value.
onClick, open color selector.

G

E

Background Gradient

#eeeeee

I

H

(to white)

L

E
F

Featured Product Background

Hex Value

(same as background gradient selection)

cancel

F
G

Top/Bottom Stripe

#666666

I

#cccccc

save

Site Elements

M

N

I
J

K

Display color selector modal
with default hex value (see
spec sheet for all defaults).
onClick, move circle to select
desired color.

I

onClick, move slider to
desired color range.

M

onClick, cancel and close
color selector modal.

N

onClick, save chosen color
and close color selector
modal.

O

onClick, reset to default fonts
and colors.

P

Header/Footer Background

H

Q

ok

J

L

G
H

#eeeeee

#eeeeee

onClick, save "Themes and
Layouts" settings.

Q

onClick, open "Site
Elements" settings accordion
panel (6.3)

P

Wireframes > MH Custom Storefronts 1.0 | Edited: 11.20.13 | Page 52 of 61 | Master: WF_CustomStoreFronts_v1.0 | Private & Confidential | back to index
6.3- ADMIN: Ohio State University Store: UI Properties: site elements (zero state)
MH Custom Storefronts

Catalog Last Updated:
1/04/12
Store Status:

Ohio State University

< Back
to list

online

Specifications
Case shown: Admin has opened
"Site Elements" settings
accordion panel.

A

Display; "Store Logo" header
with informative text: "Store
name displays as text by
default, but you may choose
to replace it by uploading a
logo."

B

Display default logo setting:
"Text Only" with informative
text "To revise the store's
name, return to Catalog and
click 'Store Settings'."

C

Display: "Upload Your Logo":
(.png or .jpg formats only)
header with 2 deselected
radio buttons:
1. "Large logo" (60 pix high
by 420 pix wide max)
2. "Small logo"
(60 pix high by 60 pix wide
max).

D

Display: "Logo links to your
website" text field. onClick,
enter url.

E

Display "Search and Browse"
Header with informative text:
"This functionality is active by
default."

F

Display "show" radio buttons
(default).

G

Display "hide" radio button.
onClick ,select "hide" search
and browse..

Help
Admin Support: John Smith

Catalog

User Interface

Security
preview site

Themes and Layout
Site Elements
A

Store Logo
B

Text Only

C

Store name displays as text by default, but you may choose to replace it by uploading a logo.

To revise the store's name, return to Catalog and click "Store Settings."

Upload Your Logo
(.png or .jpg formats only)

Ohio State University

Large logo
60 pix high by 420 pix wide max

D

Small logo

Logo links to your website:

(default store name will be included)
60 pix high by 60 pix wide max

upload

F
E

Search and Browse

This functionality is active by default.

(wireframe continues on next page)
Wireframes > MH Custom Storefronts 1.0 | Edited: 11.20.13 | Page 53 of 61 | Master: WF_CustomStoreFronts_v1.0 | Private & Confidential | back to index

G
Show

Hide
6.3- ADMIN: Ohio State University Store: UI Properties: site elements (zero state) continued
Specifications
Sidebar: Useful Resources

H
I

Case shown: Admin has opened
"Site Elements" settings
accordion panel.

The sidebar does not display unless items are added.

+ add item

H
Description

Wireframes > MH Custom Storefronts 1.0 | Edited: 11.20.13 | Page 54 of 61 | Master: WF_CustomStoreFronts_v1.0 | Private & Confidential | back to index

Display: "Sidebar: Useful
Resources" header with
informational text: "The
sidebar does not display
unless items are added."

I

Title

onClick, add items to
sidebar (6.3.2).

Url
6.3.1- ADMIN: Ohio State University Store: UI Properties: site elements: add small logo
MH Custom Storefronts
< Back
to list

Catalog Last Updated:
1/04/12
Store Status:

Ohio State University

online

Specifications
Case shown: Admin has entered
url and now wants to upload a
small logo.

A

onClick, select "small logo"
style option (60 pix high x 60
pix wide).

B

onClick, upload logo
(6.3.1.1).

Help
Admin Support: John Smith

Catalog

User Interface

Security
preview site

Themes and Layout
Site Elements
Store Logo
Text Only

Store name displays as text by default, but you may choose to replace it by uploading a logo.

To revise the store's name, return to Catalog and click "Store Settings."

Upload Your Logo
(.png or .jpg formats only)

Ohio State University

Large logo
60 pix high by 420 pix wide max

Logo links to your website:

A
http://www.ohiostate.edu

Small logo
(default store name will be included)
60 pix high by 60 pix wide max

upload

B

Search and Browse

This functionality is active by default.

(wireframe continues on next page)
Wireframes > MH Custom Storefronts 1.0 | Edited: 11.20.13 | Page 55 of 61 | Master: WF_CustomStoreFronts_v1.0 | Private & Confidential | back to index

Show

Hide
6.3.1.1- ADMIN: Ohio State University Store: UI Properties: site elements: upload logo modal
MH Custom Storefronts
< Back
to list

Catalog Last Updated:
1/04/12
Store Status:

Ohio State University

online

Specifications
Case shown: Admin uploads a
small logo from desktop.

A
B

onClick, admin selects logo
file for upload.

C

onClick ,cancel and close
modal and return to previous
screen (6.3.1).

D

Help

Display: "Upload Logo"
header.

onClick, upload logo and
close modal (6.3.1.2).

Admin Support: John Smith

Catalog

User Interface

Security
preview site

Themes and Layout
A

Upload Logo

Site Elements
Store Logo
Text Only

C
Select a file to upload

Store name displays as text by default, but you may choose to replace it by uploading a logo.

logo1.jpg
April 16, 2011
DEVICES
To revise the store's name, return to Catalog and click "Store Settings."16, 2011
HD
logo2.jpg
April
PLACES
Desktop
Applications
Documents

logo3.jpg

April 16, 2011

Ohio State University
Logo links to your website:

B
Upload Your Logo
(.png or .jpg formats only)

Large logo
60 pix high by 420 pix wide max

Small logo
(default store name will be included)
60 pix high by 60 pix wide max

http://www.ohiostate.edu

cancel

C

Search and Browse

upload

ok

D

This functionality is active by default.

(wireframe continues on next page)
Wireframes > MH Custom Storefronts 1.0 | Edited: 11.20.13 | Page 56 of 61 | Master: WF_CustomStoreFronts_v1.0 | Private & Confidential | back to index

Show

Hide
6.3.1.2- ADMIN: Ohio State University Store: UI Properties: site elements: add small logo 2
MH Custom Storefronts
< Back
to list

Catalog Last Updated:
1/04/12
Store Status:

Ohio State University

online

Admin Support: John Smith

User Interface

Security
preview site

Themes and Layout
Site Elements
Store Logo
Text Only

Store name displays as text by default, but you may choose to replace it by uploading a logo.

A

To revise the store's name, return to Catalog and click "Store Settings."

Upload Your Logo
(.png or .jpg formats only)

Large logo
60 pix high by 420 pix wide max

Logo links to your website:

A
http://www.ohiostate.edu

Small logo
(default store name will be included)
60 pix high by 60 pix wide max

upload

Search and Browse

This functionality is active by default.

(wireframe continues on next page)
Wireframes > MH Custom Storefronts 1.0 | Edited: 11.20.13 | Page 57 of 61 | Master: WF_CustomStoreFronts_v1.0 | Private & Confidential | back to index

Show

Hide

Case shown: Admin has
successfully uploaded a small
logo.

A
Help

Catalog

Specifications

Display uploaded logo (radio
button remains selected).
6.3.2- ADMIN: Ohio State University Store: UI Properties: site elements: add sidebar item 2
Specifications
Sidebar: Useful Resources

Case shown: Admin adds an
item to the sidebar.

The sidebar does not display unless items are added.

+ add item

A
B

Library

Url:

C

http://ohsu.com/library

Description (optional)

D

Display "Description" text
field (*not required).
onClick ,cancel and close
modal and return to previous
screen (6.3 continued).

F

save
Sidebar: Add Item

Title

B

D

onClick, add sidebar
item(6.3.3).

Url

E
A

Display "Url" text field
(*required).

E

Description

Display "Title" text field
(*required).

C

Title

Display "Sidebar: Add Item"
header.

Find reading resources at our library.

cancel

save

E

F

Wireframes > MH Custom Storefronts 1.0 | Edited: 11.20.13 | Page 58 of 61 | Master: WF_CustomStoreFronts_v1.0 | Private & Confidential | back to index
6.3.3- ADMIN: Ohio State University Store: UI Properties: site elements: sidebar item added
Specifications
Sidebar: Useful Resources

Case shown: Admin has
successfully added an item to the
sidebar.

The sidebar does not display unless items are added.

+ add item

A

Library

B

Find reading resources at our library.

C

Display: "url"
onClick, edit sidebar item
(6.3.2).
onClick, delete sidebar item.

Url

C

E

http://ohsu.com/library

D

Wireframes > MH Custom Storefronts 1.0 | Edited: 11.20.13 | Page 59 of 61 | Master: WF_CustomStoreFronts_v1.0 | Private & Confidential | back to index

Display; "Description"

E

A

Description

B

D

Title

Display: "Title"
6.4- ADMIN: Ohio State University: Security (Default setting with option 1)
MH Custom Storefronts
< Back
to list

Catalog Last Updated:
1/04/12
Store Status:

Ohio State University

A

Display default setting radio
button, "Inactive."

B

Display radio button :
"Registration Required
Before Purchasing Products
- If you select this option,
students will be required to
have (or create) a McGrawHill account before
purchasing products in the
store).

C

Admin Support: John Smith

User Interface

Case shown: Admin accesses
security section. Radio button for
security is "inactive" by default.

online

Help

Catalog

Specifications

Display AAIRS setting:
"AAIRS (School Log In
Required to Access Store)
radio button:
- If you select this option,
AAIRS installation will be
required on the School LMS
and students will use their
School log in to access the
store. *Please contact the
AAIRS team to set this up
(display: email:
support@mhcampus.com)."

D

onClick, open email
application to send AAIRS
contact an email (email:
support@mhcampus.com).

Security
preview site

Security
Configure Security Settings
A

Inactive

B

Registration Required Before Accessing Storefront
If you select this option, students will be required to have (or create)
a McGraw-Hill account before purchasing products in the store.

C

AAIRS (School Log In Required to Access Store)
If you select this option, AAIRS installation will be required on the School LMS
and students will use their School log in to access the store.
* Please contact the AAIRS team to set this up (email:support@mhcampus.com)

D

Wireframes > MH Custom Storefronts 1.0 | Edited: 11.20.13 | Page 60 of 61 | Master: WF_CustomStoreFronts_v1.0 | Private & Confidential | back to index
6.4.1- ADMIN: Ohio State University: Security (Default setting with option 2)
MH Custom Storefronts
< Back
to list

Catalog Last Updated:
1/04/12
Store Status:

Ohio State University

online

Specifications
Case shown: Admin as accessed
Security section where AAIRS is
not installed.

A
B

Display radio button :
"Registration Required
Before Purchasing Products
- If you select this option,
students will be required to
have (or create) a McGrawHill account before
purchasing products in the
store).

C

Radio button is disabled
since AAIRS is not installed
on school LMS.

D

Help

Display default setting radio
button, "Inactive."

onClick, open email
application to send AAIRS
contact an email (email:
support@mhcampus.com).

Admin Support: John Smith

Catalog

User Interface

Security
preview site

Security
Configure Security Settings
A

Inactive

B

Registration Required Before Accessing Storefront
If you select this option, students will be required to have (or create)
a McGraw-Hill account before purchasing products in the store.

C

AAIRS is not installed.
AAIRS is not installed on the School LMS.
* Please contact the AAIRS team to set this up (email:support@mhcampus.com)

D

Wireframes > MH Custom Storefronts 1.0 | Edited: 11.20.13 | Page 61 of 61 | Master: WF_CustomStoreFronts_v1.0 | Private & Confidential | back to index

More Related Content

What's hot

Website Creation
Website CreationWebsite Creation
Website CreationIgnited Way
 
Ektron Synergy 2014 - How to Create the Best Landing Pages Ever!
Ektron Synergy 2014 - How to Create the Best Landing Pages Ever!Ektron Synergy 2014 - How to Create the Best Landing Pages Ever!
Ektron Synergy 2014 - How to Create the Best Landing Pages Ever!Ektron
 
E-Commerce Website Designing Proposal Form E solutions india
E-Commerce Website Designing Proposal Form E solutions indiaE-Commerce Website Designing Proposal Form E solutions india
E-Commerce Website Designing Proposal Form E solutions indiaE Solutions India
 
Users guide and features | Template manager | template generator for eBay tem...
Users guide and features | Template manager | template generator for eBay tem...Users guide and features | Template manager | template generator for eBay tem...
Users guide and features | Template manager | template generator for eBay tem...Alexandre Rivera
 
Ecommerce Website Designing Service Proposal PowerPoint Presentation Slides
Ecommerce Website Designing Service Proposal PowerPoint Presentation SlidesEcommerce Website Designing Service Proposal PowerPoint Presentation Slides
Ecommerce Website Designing Service Proposal PowerPoint Presentation SlidesSlideTeam
 

What's hot (7)

Website Creation
Website CreationWebsite Creation
Website Creation
 
Ektron Synergy 2014 - How to Create the Best Landing Pages Ever!
Ektron Synergy 2014 - How to Create the Best Landing Pages Ever!Ektron Synergy 2014 - How to Create the Best Landing Pages Ever!
Ektron Synergy 2014 - How to Create the Best Landing Pages Ever!
 
Resume_Soumyadeep
Resume_SoumyadeepResume_Soumyadeep
Resume_Soumyadeep
 
E-Commerce Website Designing Proposal Form E solutions india
E-Commerce Website Designing Proposal Form E solutions indiaE-Commerce Website Designing Proposal Form E solutions india
E-Commerce Website Designing Proposal Form E solutions india
 
Users guide and features | Template manager | template generator for eBay tem...
Users guide and features | Template manager | template generator for eBay tem...Users guide and features | Template manager | template generator for eBay tem...
Users guide and features | Template manager | template generator for eBay tem...
 
Ecommerce Website Designing Service Proposal PowerPoint Presentation Slides
Ecommerce Website Designing Service Proposal PowerPoint Presentation SlidesEcommerce Website Designing Service Proposal PowerPoint Presentation Slides
Ecommerce Website Designing Service Proposal PowerPoint Presentation Slides
 
Technical SEO Audit
Technical SEO AuditTechnical SEO Audit
Technical SEO Audit
 

Viewers also liked

fedex Annual Reports 2008
fedex Annual Reports 2008fedex Annual Reports 2008
fedex Annual Reports 2008finance7
 
Project report final
Project report finalProject report final
Project report finalJaya Saini
 
Internet programming lab manual
Internet programming lab manualInternet programming lab manual
Internet programming lab manualinteldualcore
 
Neuromarketing: Grundlagen, Beispiele und Anwendungsmöglichkeiten
Neuromarketing: Grundlagen, Beispiele und AnwendungsmöglichkeitenNeuromarketing: Grundlagen, Beispiele und Anwendungsmöglichkeiten
Neuromarketing: Grundlagen, Beispiele und AnwendungsmöglichkeitenNico Zorn
 

Viewers also liked (7)

Java day9n
Java day9nJava day9n
Java day9n
 
fedex Annual Reports 2008
fedex Annual Reports 2008fedex Annual Reports 2008
fedex Annual Reports 2008
 
Java script
Java scriptJava script
Java script
 
Project report final
Project report finalProject report final
Project report final
 
Internet programming lab manual
Internet programming lab manualInternet programming lab manual
Internet programming lab manual
 
Big bazaar-mis-influence
Big bazaar-mis-influenceBig bazaar-mis-influence
Big bazaar-mis-influence
 
Neuromarketing: Grundlagen, Beispiele und Anwendungsmöglichkeiten
Neuromarketing: Grundlagen, Beispiele und AnwendungsmöglichkeitenNeuromarketing: Grundlagen, Beispiele und Anwendungsmöglichkeiten
Neuromarketing: Grundlagen, Beispiele und Anwendungsmöglichkeiten
 

Similar to Wf mh custom_storefronts_final

Google analytics training
Google analytics trainingGoogle analytics training
Google analytics trainingrponting569
 
Web basics 101
Web basics 101Web basics 101
Web basics 101tlcjohnson
 
Creating a self hosted wordpress website from scratch
Creating a self hosted wordpress website from scratchCreating a self hosted wordpress website from scratch
Creating a self hosted wordpress website from scratchNeil Kearney
 
Magento 2 FAQ Extension | LandOfCoder
Magento 2 FAQ Extension | LandOfCoderMagento 2 FAQ Extension | LandOfCoder
Magento 2 FAQ Extension | LandOfCoderGigasource
 
Web marketing academy Bangalore technical SEO for beginners
Web marketing academy Bangalore technical SEO for beginners Web marketing academy Bangalore technical SEO for beginners
Web marketing academy Bangalore technical SEO for beginners AbdulMajeed620645
 
Project guideline
Project guideline Project guideline
Project guideline Adrian Yi
 
Agent Onboarding - Copy.pptx
Agent Onboarding - Copy.pptxAgent Onboarding - Copy.pptx
Agent Onboarding - Copy.pptxClaytonClay3
 
Magento 2 Product Questions & FAQ Extension
Magento 2 Product Questions & FAQ ExtensionMagento 2 Product Questions & FAQ Extension
Magento 2 Product Questions & FAQ ExtensionMageDelight
 
Clickminded SOP Library
Clickminded SOP LibraryClickminded SOP Library
Clickminded SOP LibraryClickMinded
 
Masterclass: Advanced Strategies on LinkedIn [New York]
Masterclass: Advanced Strategies on LinkedIn [New York]Masterclass: Advanced Strategies on LinkedIn [New York]
Masterclass: Advanced Strategies on LinkedIn [New York]LinkedIn
 
e-Commerce Website Development Proposal
e-Commerce Website Development Proposale-Commerce Website Development Proposal
e-Commerce Website Development ProposalIndicsoft Technologies
 
Website reseller webinar 3 2013
Website reseller webinar 3 2013Website reseller webinar 3 2013
Website reseller webinar 3 2013Jenna Joseph
 
7 Essential Tips for Building a Successful Shopify Store - Insights from D2C ...
7 Essential Tips for Building a Successful Shopify Store - Insights from D2C ...7 Essential Tips for Building a Successful Shopify Store - Insights from D2C ...
7 Essential Tips for Building a Successful Shopify Store - Insights from D2C ...Techtic Solutions
 
Promote your business - build your member listing
Promote your business - build your member listingPromote your business - build your member listing
Promote your business - build your member listingMelien Lavoie
 
Customer portal design 4 best practices to implement in 2022
Customer portal design 4 best practices to implement in 2022Customer portal design 4 best practices to implement in 2022
Customer portal design 4 best practices to implement in 2022CRMJetty
 
41 Must-Have Features on your Business Website.pptx
41 Must-Have Features on your Business Website.pptx41 Must-Have Features on your Business Website.pptx
41 Must-Have Features on your Business Website.pptxFutuready Media
 
Leveraging Client Case Studies to Close the Sale
Leveraging Client Case Studies to Close the SaleLeveraging Client Case Studies to Close the Sale
Leveraging Client Case Studies to Close the SaleClear Digital
 

Similar to Wf mh custom_storefronts_final (20)

Google analytics training
Google analytics trainingGoogle analytics training
Google analytics training
 
Unbranded partner-site-customization-guide
Unbranded partner-site-customization-guideUnbranded partner-site-customization-guide
Unbranded partner-site-customization-guide
 
Web basics 101
Web basics 101Web basics 101
Web basics 101
 
Creating a self hosted wordpress website from scratch
Creating a self hosted wordpress website from scratchCreating a self hosted wordpress website from scratch
Creating a self hosted wordpress website from scratch
 
Magento 2 FAQ Extension | LandOfCoder
Magento 2 FAQ Extension | LandOfCoderMagento 2 FAQ Extension | LandOfCoder
Magento 2 FAQ Extension | LandOfCoder
 
Web marketing academy Bangalore technical SEO for beginners
Web marketing academy Bangalore technical SEO for beginners Web marketing academy Bangalore technical SEO for beginners
Web marketing academy Bangalore technical SEO for beginners
 
Project guideline
Project guideline Project guideline
Project guideline
 
Agent Onboarding - Copy.pptx
Agent Onboarding - Copy.pptxAgent Onboarding - Copy.pptx
Agent Onboarding - Copy.pptx
 
Magento 2 Product Questions & FAQ Extension
Magento 2 Product Questions & FAQ ExtensionMagento 2 Product Questions & FAQ Extension
Magento 2 Product Questions & FAQ Extension
 
Clickminded SOP Library
Clickminded SOP LibraryClickminded SOP Library
Clickminded SOP Library
 
McArthur_Project 3
McArthur_Project 3McArthur_Project 3
McArthur_Project 3
 
Masterclass: Advanced Strategies on LinkedIn [New York]
Masterclass: Advanced Strategies on LinkedIn [New York]Masterclass: Advanced Strategies on LinkedIn [New York]
Masterclass: Advanced Strategies on LinkedIn [New York]
 
e-Commerce Website Development Proposal
e-Commerce Website Development Proposale-Commerce Website Development Proposal
e-Commerce Website Development Proposal
 
Website reseller webinar 3 2013
Website reseller webinar 3 2013Website reseller webinar 3 2013
Website reseller webinar 3 2013
 
Facebook fan-gate
Facebook fan-gateFacebook fan-gate
Facebook fan-gate
 
7 Essential Tips for Building a Successful Shopify Store - Insights from D2C ...
7 Essential Tips for Building a Successful Shopify Store - Insights from D2C ...7 Essential Tips for Building a Successful Shopify Store - Insights from D2C ...
7 Essential Tips for Building a Successful Shopify Store - Insights from D2C ...
 
Promote your business - build your member listing
Promote your business - build your member listingPromote your business - build your member listing
Promote your business - build your member listing
 
Customer portal design 4 best practices to implement in 2022
Customer portal design 4 best practices to implement in 2022Customer portal design 4 best practices to implement in 2022
Customer portal design 4 best practices to implement in 2022
 
41 Must-Have Features on your Business Website.pptx
41 Must-Have Features on your Business Website.pptx41 Must-Have Features on your Business Website.pptx
41 Must-Have Features on your Business Website.pptx
 
Leveraging Client Case Studies to Close the Sale
Leveraging Client Case Studies to Close the SaleLeveraging Client Case Studies to Close the Sale
Leveraging Client Case Studies to Close the Sale
 

Recently uploaded

VIP Call Girls Service Bhagyanagar Hyderabad Call +91-8250192130
VIP Call Girls Service Bhagyanagar Hyderabad Call +91-8250192130VIP Call Girls Service Bhagyanagar Hyderabad Call +91-8250192130
VIP Call Girls Service Bhagyanagar Hyderabad Call +91-8250192130Suhani Kapoor
 
VIP Russian Call Girls in Gorakhpur Deepika 8250192130 Independent Escort Ser...
VIP Russian Call Girls in Gorakhpur Deepika 8250192130 Independent Escort Ser...VIP Russian Call Girls in Gorakhpur Deepika 8250192130 Independent Escort Ser...
VIP Russian Call Girls in Gorakhpur Deepika 8250192130 Independent Escort Ser...Suhani Kapoor
 
CALL ON ➥8923113531 🔝Call Girls Kalyanpur Lucknow best Female service 🧵
CALL ON ➥8923113531 🔝Call Girls Kalyanpur Lucknow best Female service  🧵CALL ON ➥8923113531 🔝Call Girls Kalyanpur Lucknow best Female service  🧵
CALL ON ➥8923113531 🔝Call Girls Kalyanpur Lucknow best Female service 🧵anilsa9823
 
Recommendable # 971589162217 # philippine Young Call Girls in Dubai By Marina...
Recommendable # 971589162217 # philippine Young Call Girls in Dubai By Marina...Recommendable # 971589162217 # philippine Young Call Girls in Dubai By Marina...
Recommendable # 971589162217 # philippine Young Call Girls in Dubai By Marina...home
 
Best VIP Call Girls Noida Sector 47 Call Me: 8448380779
Best VIP Call Girls Noida Sector 47 Call Me: 8448380779Best VIP Call Girls Noida Sector 47 Call Me: 8448380779
Best VIP Call Girls Noida Sector 47 Call Me: 8448380779Delhi Call girls
 
Call Girls in Kalkaji Delhi 8264348440 call girls ❤️
Call Girls in Kalkaji Delhi 8264348440 call girls ❤️Call Girls in Kalkaji Delhi 8264348440 call girls ❤️
Call Girls in Kalkaji Delhi 8264348440 call girls ❤️soniya singh
 
VVIP Pune Call Girls Hadapsar (7001035870) Pune Escorts Nearby with Complete ...
VVIP Pune Call Girls Hadapsar (7001035870) Pune Escorts Nearby with Complete ...VVIP Pune Call Girls Hadapsar (7001035870) Pune Escorts Nearby with Complete ...
VVIP Pune Call Girls Hadapsar (7001035870) Pune Escorts Nearby with Complete ...Call Girls in Nagpur High Profile
 
Revit Understanding Reference Planes and Reference lines in Revit for Family ...
Revit Understanding Reference Planes and Reference lines in Revit for Family ...Revit Understanding Reference Planes and Reference lines in Revit for Family ...
Revit Understanding Reference Planes and Reference lines in Revit for Family ...Narsimha murthy
 
Cheap Rate Call girls Malviya Nagar 9205541914 shot 1500 night
Cheap Rate Call girls Malviya Nagar 9205541914 shot 1500 nightCheap Rate Call girls Malviya Nagar 9205541914 shot 1500 night
Cheap Rate Call girls Malviya Nagar 9205541914 shot 1500 nightDelhi Call girls
 
NO1 Famous Amil Baba In Karachi Kala Jadu In Karachi Amil baba In Karachi Add...
NO1 Famous Amil Baba In Karachi Kala Jadu In Karachi Amil baba In Karachi Add...NO1 Famous Amil Baba In Karachi Kala Jadu In Karachi Amil baba In Karachi Add...
NO1 Famous Amil Baba In Karachi Kala Jadu In Karachi Amil baba In Karachi Add...Amil baba
 
Dubai Call Girls Pro Domain O525547819 Call Girls Dubai Doux
Dubai Call Girls Pro Domain O525547819 Call Girls Dubai DouxDubai Call Girls Pro Domain O525547819 Call Girls Dubai Doux
Dubai Call Girls Pro Domain O525547819 Call Girls Dubai Douxkojalkojal131
 
DragonBall PowerPoint Template for demo.pptx
DragonBall PowerPoint Template for demo.pptxDragonBall PowerPoint Template for demo.pptx
DragonBall PowerPoint Template for demo.pptxmirandajeremy200221
 
Abu Dhabi Call Girls O58993O4O2 Call Girls in Abu Dhabi`
Abu Dhabi Call Girls O58993O4O2 Call Girls in Abu Dhabi`Abu Dhabi Call Girls O58993O4O2 Call Girls in Abu Dhabi`
Abu Dhabi Call Girls O58993O4O2 Call Girls in Abu Dhabi`dajasot375
 
A level Digipak development Presentation
A level Digipak development PresentationA level Digipak development Presentation
A level Digipak development Presentationamedia6
 
PODSCAPE - Brochure 2023_ prefab homes in Bangalore India
PODSCAPE - Brochure 2023_ prefab homes in Bangalore IndiaPODSCAPE - Brochure 2023_ prefab homes in Bangalore India
PODSCAPE - Brochure 2023_ prefab homes in Bangalore IndiaYathish29
 
VIP Call Girls Bhiwandi Ananya 8250192130 Independent Escort Service Bhiwandi
VIP Call Girls Bhiwandi Ananya 8250192130 Independent Escort Service BhiwandiVIP Call Girls Bhiwandi Ananya 8250192130 Independent Escort Service Bhiwandi
VIP Call Girls Bhiwandi Ananya 8250192130 Independent Escort Service BhiwandiSuhani Kapoor
 
3D Printing And Designing Final Report.pdf
3D Printing And Designing Final Report.pdf3D Printing And Designing Final Report.pdf
3D Printing And Designing Final Report.pdfSwaraliBorhade
 
MASONRY -Building Technology and Construction
MASONRY -Building Technology and ConstructionMASONRY -Building Technology and Construction
MASONRY -Building Technology and Constructionmbermudez3
 

Recently uploaded (20)

escort service sasti (*~Call Girls in Prasad Nagar Metro❤️9953056974
escort service sasti (*~Call Girls in Prasad Nagar Metro❤️9953056974escort service sasti (*~Call Girls in Prasad Nagar Metro❤️9953056974
escort service sasti (*~Call Girls in Prasad Nagar Metro❤️9953056974
 
young call girls in Pandav nagar 🔝 9953056974 🔝 Delhi escort Service
young call girls in Pandav nagar 🔝 9953056974 🔝 Delhi escort Serviceyoung call girls in Pandav nagar 🔝 9953056974 🔝 Delhi escort Service
young call girls in Pandav nagar 🔝 9953056974 🔝 Delhi escort Service
 
VIP Call Girls Service Bhagyanagar Hyderabad Call +91-8250192130
VIP Call Girls Service Bhagyanagar Hyderabad Call +91-8250192130VIP Call Girls Service Bhagyanagar Hyderabad Call +91-8250192130
VIP Call Girls Service Bhagyanagar Hyderabad Call +91-8250192130
 
VIP Russian Call Girls in Gorakhpur Deepika 8250192130 Independent Escort Ser...
VIP Russian Call Girls in Gorakhpur Deepika 8250192130 Independent Escort Ser...VIP Russian Call Girls in Gorakhpur Deepika 8250192130 Independent Escort Ser...
VIP Russian Call Girls in Gorakhpur Deepika 8250192130 Independent Escort Ser...
 
CALL ON ➥8923113531 🔝Call Girls Kalyanpur Lucknow best Female service 🧵
CALL ON ➥8923113531 🔝Call Girls Kalyanpur Lucknow best Female service  🧵CALL ON ➥8923113531 🔝Call Girls Kalyanpur Lucknow best Female service  🧵
CALL ON ➥8923113531 🔝Call Girls Kalyanpur Lucknow best Female service 🧵
 
Recommendable # 971589162217 # philippine Young Call Girls in Dubai By Marina...
Recommendable # 971589162217 # philippine Young Call Girls in Dubai By Marina...Recommendable # 971589162217 # philippine Young Call Girls in Dubai By Marina...
Recommendable # 971589162217 # philippine Young Call Girls in Dubai By Marina...
 
Best VIP Call Girls Noida Sector 47 Call Me: 8448380779
Best VIP Call Girls Noida Sector 47 Call Me: 8448380779Best VIP Call Girls Noida Sector 47 Call Me: 8448380779
Best VIP Call Girls Noida Sector 47 Call Me: 8448380779
 
Call Girls in Kalkaji Delhi 8264348440 call girls ❤️
Call Girls in Kalkaji Delhi 8264348440 call girls ❤️Call Girls in Kalkaji Delhi 8264348440 call girls ❤️
Call Girls in Kalkaji Delhi 8264348440 call girls ❤️
 
VVIP Pune Call Girls Hadapsar (7001035870) Pune Escorts Nearby with Complete ...
VVIP Pune Call Girls Hadapsar (7001035870) Pune Escorts Nearby with Complete ...VVIP Pune Call Girls Hadapsar (7001035870) Pune Escorts Nearby with Complete ...
VVIP Pune Call Girls Hadapsar (7001035870) Pune Escorts Nearby with Complete ...
 
Revit Understanding Reference Planes and Reference lines in Revit for Family ...
Revit Understanding Reference Planes and Reference lines in Revit for Family ...Revit Understanding Reference Planes and Reference lines in Revit for Family ...
Revit Understanding Reference Planes and Reference lines in Revit for Family ...
 
Cheap Rate Call girls Malviya Nagar 9205541914 shot 1500 night
Cheap Rate Call girls Malviya Nagar 9205541914 shot 1500 nightCheap Rate Call girls Malviya Nagar 9205541914 shot 1500 night
Cheap Rate Call girls Malviya Nagar 9205541914 shot 1500 night
 
NO1 Famous Amil Baba In Karachi Kala Jadu In Karachi Amil baba In Karachi Add...
NO1 Famous Amil Baba In Karachi Kala Jadu In Karachi Amil baba In Karachi Add...NO1 Famous Amil Baba In Karachi Kala Jadu In Karachi Amil baba In Karachi Add...
NO1 Famous Amil Baba In Karachi Kala Jadu In Karachi Amil baba In Karachi Add...
 
Dubai Call Girls Pro Domain O525547819 Call Girls Dubai Doux
Dubai Call Girls Pro Domain O525547819 Call Girls Dubai DouxDubai Call Girls Pro Domain O525547819 Call Girls Dubai Doux
Dubai Call Girls Pro Domain O525547819 Call Girls Dubai Doux
 
DragonBall PowerPoint Template for demo.pptx
DragonBall PowerPoint Template for demo.pptxDragonBall PowerPoint Template for demo.pptx
DragonBall PowerPoint Template for demo.pptx
 
Abu Dhabi Call Girls O58993O4O2 Call Girls in Abu Dhabi`
Abu Dhabi Call Girls O58993O4O2 Call Girls in Abu Dhabi`Abu Dhabi Call Girls O58993O4O2 Call Girls in Abu Dhabi`
Abu Dhabi Call Girls O58993O4O2 Call Girls in Abu Dhabi`
 
A level Digipak development Presentation
A level Digipak development PresentationA level Digipak development Presentation
A level Digipak development Presentation
 
PODSCAPE - Brochure 2023_ prefab homes in Bangalore India
PODSCAPE - Brochure 2023_ prefab homes in Bangalore IndiaPODSCAPE - Brochure 2023_ prefab homes in Bangalore India
PODSCAPE - Brochure 2023_ prefab homes in Bangalore India
 
VIP Call Girls Bhiwandi Ananya 8250192130 Independent Escort Service Bhiwandi
VIP Call Girls Bhiwandi Ananya 8250192130 Independent Escort Service BhiwandiVIP Call Girls Bhiwandi Ananya 8250192130 Independent Escort Service Bhiwandi
VIP Call Girls Bhiwandi Ananya 8250192130 Independent Escort Service Bhiwandi
 
3D Printing And Designing Final Report.pdf
3D Printing And Designing Final Report.pdf3D Printing And Designing Final Report.pdf
3D Printing And Designing Final Report.pdf
 
MASONRY -Building Technology and Construction
MASONRY -Building Technology and ConstructionMASONRY -Building Technology and Construction
MASONRY -Building Technology and Construction
 

Wf mh custom_storefronts_final

  • 1. Student Purchase Flow: McGraw-Hill Custom Storefronts yes no Institutional Site unique link to microsite provided by MH Security Turned On yes AAIRS Secure Login? no Create an Account (PARIS) Microsite Portal by Category Microsite Portal by Products Browse Results (1 or 2 levels) Marketing/Product Sites (i.e. "LearnSmart", "APR") Product Detail * unique link to microsite provided by MH Connect Connect Product Comparison Page w/upsell Cart Have an account? yes no Create an Account (PARIS) Secure login (PARIS) Checkout (PARIS) Wireframes > MH Custom Storefronts 1.0 | Edited: 11.20.13 | Page 4 of 61 | Master: WF_CustomStoreFronts_v1.0 | Private & Confidential | back to index logged in? no yes
  • 2. McGraw-Hill Custom Storefronts User Stories: Admin will control these settings: Content Organization: • I want to customize brand categories in alphabetical order or in the sequence they were entered. • I want to customize "Useful Resources" links. • I want to customize "Featured Products" in the Home page. Front-end Display: • I want to customize colors for the header and footer background. • I want to customize different colors for the links and buttons. • I want to customize fonts and choose either a Sans-Serif (i.e. Ariel) or a Serif (i.e. Times) font. • I want to display a logo on the Microsite. • I want the logo (or inserted text) to take the user to an institution's website. • I want to display folder images for categories. • I want to display book images for books. • I want to display or hide the Search Box and Browse dropdown. • I want to display products as tiles on the Home Page. • I want to display the background color as a gradient. Wireframes > MH Custom Storefronts 1.0 | Edited: 11.20.13 | Page 5 of 61 | Master: WF_CustomStoreFronts_v1.0 | Private & Confidential | back to index
  • 3. McGraw-Hill Custom Storefronts: Student Purchase Wireframes > MH Custom Storefronts 1.0 | Edited: 11.20.13 | Page 6 of 61 | Master: WF_CustomStoreFronts_v1.0 | Private & Confidential | back to index
  • 4. 0.0- Student Purchase Flow: Home: configurable content and customizable design Case shown: Microsite page content and design are configurable by admin. Global Navigation LOGO A Specifications C B Admin can: Search and Browse (optional) Enter book title, author, keyword or ISBN G search F C C School Home Page > Shop A Customize background color B Upload school logo. onClick, user is taken to school home page. Display: global navigation. Font, font style, size and color are customizable. C D E Add links to external sites. This area is only available on homepage and is optional. Font, font style, size and color are customizable. F D Configure and customize content (including header and category names, fonts, font style, size and color). Add search box and browse (this functionality is optional). Display: breadcrumb E Sidebar Content (by category, product, or combination of both) (with links) G (starting with school (or product) homepage). footer Wireframes > MH Custom Storefronts 1.0 | Edited: 11.20.13 | Page 7 of 61 | Master: WF_CustomStoreFronts_v1.0 | Private & Confidential | back to index
  • 5. 0.0.1 - Global Navigation Specifications LOGO Home Help Sign In (#) A B C G D Case shown: global navigation for 3 states. Welcome, Laura! Wireframes > MH Custom Storefronts 1.0 | Edited: 11.20.13 | Page 8 of 61 | Master: WF_CustomStoreFronts_v1.0 | Private & Confidential | back to index Global nav (anonymous user with items in the shopping cart). Display: numeric value. I Home Help B Sign out My Account C E A Global nav (anonymous user with no items in shopping cart). Global nav (registered user with no items are in shopping cart). J Global nav (registered user with items are in shopping cart). Display: numeric value. F A Welcome, Laura! A link to "My Account" page now displays . H D E A LOGO C Welcome Message displays (Display: first name). H B Display number of items in shopping card. onClick, open shopping cart. F (#) D G LOGO Sign In A A Help onClick, user invokes "sign in/sign out" slide down menu to sign in or create an account. E Home onClick, user is taken to customer service information page. C LOGO onClick, user is taken to school homepage. B A A (#) I D F Home Help A B Sign out C My Account (#) D J
  • 6. 0.0.1 - ADA: Global Navigation 1 first LOGO Home 1.3 1.4 Home Help Sign In 1.2 1.1 Sign In 1.2 open <Store Name> Help 1.3 1.4 (0) 1.5 first 1 LOGO open <Store Name> 1.1 (#) 1.5 first 1 LOGO Welcome, Laura! open <Store Name> 1.2 1.1 Home Help 1.3 1.4 Home Help 1.3 1.4 Sign out 1.5 My Account 1.6 (0) 1.7 first 1 LOGO open <Store Name> 1.1 Welcome, Laura! 1.2 Wireframes > MH Custom Storefronts 1.0 | Edited: 11.20.13 | Page 9 of 61 | Master: WF_CustomStoreFronts_v1.0 | Private & Confidential | back to index Sign out 1.5 My Account 1.6 (#) 1.7
  • 7. 0.0.2 - Footer Specifications Case shown: footer (as it appears on all pages except checkout screens (9.0-9.5.2 )(see annotation K). All links will open in a new browser window. Shop Logo A Policy C Support B Powered by Mcgraw-Hill Learning Solutions F Powered by Mcgraw-Hill Learning Solutions Wireframes > MH Custom Storefronts 1.0 | Edited: 11.20.13 | Page 10 of 61 | Master: WF_CustomStoreFronts_v1.0 | Private & Confidential | back to index Privacy notice (link: http:// www.mcgraw-hill.com/site/ tools/privacy/ privacy_english) Return Policy. onClick go to "Return Policy Page" (http: TBD) D Customer Support: onClick will go to internal page (http: TBD) E Display MH logo and "Powered by McGraw-Hill Learning Solutions" and Copyright date (should automatically update to current year). Links will be removed from checkout screens. E D Shop Logo Terms of use (link: http:// www.mcgraw-hill.com/site/ tools/terms-of-use) F B Return Policy Customer Support Site A C Terms of Use Privacy Notice
  • 8. 0.0.2 - ADA: Footer last Shop Logo 1 1.1 Policy 1.3 Terms of Use Privacy Notice 1.2 <Shop McGraw-HIll> Support Return Policy Customer Support Site 1.4 Wireframes > MH Custom Storefronts 1.0 | Edited: 11.20.13 | Page 11 of 61 | Master: WF_CustomStoreFronts_v1.0 | Private & Confidential | back to index Powered by Mcgraw-Hill Learning Solutions <McGraw-HIll>
  • 9. 0.1 - 403 error "Forbidden" Specifications Error: The Server is refusing to fulfill the request Sorry We seem to be having some difficulty finding this page What to do next: A Definition: The server understood the request, but is refusing to fulfill it. Authorization will not help and the request SHOULD NOT be repeated. If the request method was not HEAD and the server wishes to make public why the request has not been fulfilled, it SHOULD describe the reason for the refusal in the entity. If the server does not wish to make this information available to the client, the status code 404 (Not Found) can be used instead. A "Page Missing" message displays. B onClick, user returns to previous page. C Error code displays. return to the previous page B C go to previous page Error 403 - Forbidden Wireframes > MH Custom Storefronts 1.0 | Edited: 11.20.13 | Page 12 of 61 | Master: WF_CustomStoreFronts_v1.0 | Private & Confidential | back to index
  • 10. 0.2 - 404 error "Not Found" Specifications Error: Page not found. Sorry We seem to be having some difficulty finding this page What to do next: return to the previous page A Definition: The server has not found anything matching the RequestURI. No indication is given of whether the condition is temporary or permanent. The 410 (Gone) status code SHOULD be used if the server knows, through some internally configurable mechanism, that an old resource is permanently unavailable and has no forwarding address. This status code is commonly used when the server does not wish to reveal exactly why the request has been refused, or when no other response is applicable. C go to previous page Error 404 - Page Not Found Wireframes > MH Custom Storefronts 1.0 | Edited: 11.20.13 | Page 13 of 61 | Master: WF_CustomStoreFronts_v1.0 | Private & Confidential | back to index "Page Not Found" message displays. B onClick, user returns to previous page. C B A Error code displays.
  • 11. 0.3 - 408 error "Request Timeout" Specifications Error: The server did not produce a request within the time the server was prepared to wait Sorry Definition: The client did not produce a request within the time that the server was prepared to wait. The client MAY repeat the request without modifications at any later time. What to do next: reload your page Try reloading your page to see if the problem is just temporary B C reload this page Error 408 - Request Timeout Wireframes > MH Custom Storefronts 1.0 | Edited: 11.20.13 | Page 14 of 61 | Master: WF_CustomStoreFronts_v1.0 | Private & Confidential | back to index A A "Timed Out" message displays. B onClick, user reloads the page. C The request is taking longer than we expected Error code displays.
  • 12. 0.4 - 500 error "Internal Server Error" Specifications Error: the server encountered an unexpected condition which prevented it from fulfilling the request Definition: The server encountered an unexpected condition which prevented it from fulfilling the request. Sorry What to do next: return to the previous page B C go to previous page Error 500 - Internal Server Error Wireframes > MH Custom Storefronts 1.0 | Edited: 11.20.13 | Page 15 of 61 | Master: WF_CustomStoreFronts_v1.0 | Private & Confidential | back to index A A "Page Missing" message displays. B onClick, user returns to previous page. C We seem to be having some difficulty finding this page Error code displays.
  • 13. 0.5 - 502 error "Bad Gateway" Specifications Error: The Server received a bad response from an upstream server, usually caused by the wrong protocol Sorry Definition: The server, while acting as a gateway or proxy, received an invalid response from the upstream server it accessed in attempting to fulfill the request. We seem to be having some difficulty finding this page A return to the previous page B C go to previous page Error 502 - Bad Gateway Wireframes > MH Custom Storefronts 1.0 | Edited: 11.20.13 | Page 16 of 61 | Master: WF_CustomStoreFronts_v1.0 | Private & Confidential | back to index "Page Missing" message displays. B What to do next: A onClick, user returns to previous page. C Error code displays.
  • 14. 0.6 - 504 error "Gateway Timeout" Specifications Error: The server did not receive a response to the request within the time it was prepared to wait. Sorry The request is taking longer than we expected. A Definition: The server, while acting as a gateway or proxy, did not receive a timely response from the upstream server specified by the URI (e.g. HTTP, FTP, LDAP) or some other auxiliary server (e.g. DNS) it needed to access in attempting to complete the request. A Time related message displays. B onClick, user reloads the page. C Error code displays. What to do next: reload your page Try reloading your page to see if the problem is just temporary B C reload this page Error 504 - Gateway Timeout Wireframes > MH Custom Storefronts 1.0 | Edited: 11.20.13 | Page 17 of 61 | Master: WF_CustomStoreFronts_v1.0 | Private & Confidential | back to index
  • 15. 1.0 - Student Purchase Flow: Home: by Category w/no Subcategories (framework) B A H LOGO Welcome, (first name!) D E Home Help Sign Out F Specifications G My Account Case shown: A "signed in" student comes to the home page (organized by category). (0) A Enter book title, author, keyword or ISBN School Home Page > Shop K C search I B J M Categories D Header for Links link to external site N Copy goes here Category 1 Category 2 link to external site E F N Copy goes here link to external site C G N H Copy goes here I L link to external site Copy goes here N J Display: school logo. onClick, user is taken to institution site. Display: "Welcome, (first name)". onClick, user is taken to homepage. onClick, user is taken to customer support page (0.0.5). onClick, sign out. onClick, open dropdown menu. Display links for: "Account Settings", "Order History", and "My Stuff". onClick, open shopping cart. onClick, enter book title, author, keyword , ISBN or course number. onClick, user searches and is taken to "search results" (4.0). Display: breadcrumb (starting with school (or product homepage). K Category 3 Category 4 Display: header. L Display: categories in tiled format. onClick, user is taken to "browse results" for selected category (4.0). Header and category names/ styles are customizable in admin. Display: sidebar with links. Header name/style is customizable in admin. onClick, user is taken to external site(s). M footer Wireframes > MH Custom Storefronts 1.0 | Edited: 11.20.13 | Page 18 of 61 | Master: WF_CustomStoreFronts_v1.0 | Private & Confidential | back to index N
  • 16. 1.0.1 - Student Purchase Flow: NYU Home: by Category w/no Subcategories (by discipline) Specifications New York University Welcome, Laura! Home Enter book title, author, keyword or ISBN Help Sign Out My Account (0) search Case shown: A "signed in" NYU student arrives at homepage (organized by discipline) and chooses to browse the "Spanish" category. A onClick, browse Spanish results (4.1). B "Useful Resources" header for sidebar links. Useful Resources C onClick, user is taken to "NYU Library" on external site.. Library D onClick, user is taken to "Schedule of Classes" page on external site. E onClick, user is taken to "Campus Directory" page on external site. New York University > Shop Disciplines B A C Copy goes here Spanish English D Schedule of Classes Copy goes here E Campus Directory Copy goes here Chemistry Biology footer Wireframes > MH Custom Storefronts 1.0 | Edited: 11.20.13 | Page 19 of 61 | Master: WF_CustomStoreFronts_v1.0 | Private & Confidential | back to index
  • 17. 2.0 - Student Purchase Flow: Home: by Producs (framework) Specifications LOGO Welcome, (first name!) Home Help Sign Out My Account Case shown: A "signed in" student comes to the home page (organized by products). (0) A search School Home Page > Shop Books D Header for Links link to external site onClick, user is taken to the product detail page (5.0) E Copy goes here B Product Product Product link to external site # edition # edition format link to external site # edition format C TITLE (# edition) By: Author Publication Date: Month Day, Year ISBN: 0000000000 / 0000000000000 E replaces "Online Resource." format TITLE (# edition) TITLE (# edition) By: Author Publication Date: Month Day, Year ISBN: 0000000000 / 0000000000000 - "Paperback Format" E By: Author Publication Date: Month Day, Year ISBN: 0000000000 / 0000000000000 Display "format type". onClick, open informational modal window: hardback, paperback, looseleaf, spiral bound, and digital access formats only (5.0.3). * Format name changes: - "Digital Access Format" Copy goes here link to external site B E Copy goes here A Products are displayed as tiles. Display: • product icon with edition # (when applicable). • "Edition #" or "Series #" display over product and after product name (edition # will contain an ordinal suffix: st, th, rd, nd). replaces "Paperback/Softback." Copy goes here All other format names remain the same (see acceptance test for complete list). C Display: product name and edition #, author and attributes: 1. Publication date 2. isbn (10 /13) onClick, user is taken to the product detail page (5.0) D footer Wireframes > MH Custom Storefronts 1.0 | Edited: 11.20.13 | Page 20 of 61 | Master: WF_CustomStoreFronts_v1.0 | Private & Confidential | back to index Display: sidebar header E Display: sidebar links. onClick, user is taken to external site(s),
  • 18. 3.0 - Student Purchase Flow: Home: Category (w/no Subcategories) and Product (framework) Specifications LOGO Welcome, (first name!) Home Help Sign Out My Account Case shown: A "signed in" student comes to the home page (organized by categories and products). (0) A search School Home Page > Shop Featured Product E Header for Links TITLE (# edition) A Product # edition B C format By: Author Publication Date: Month Day, Year ISBN: 0000000000 / 0000000000000 link to external site Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec eu justo id est viverra pretium. Phasellus dignissim justo et justo pulvinar feugiat. In vulputate lacinia diam, aliquet ultrices nulla fermentum id. Nam rhoncus mi non tortor euismod ultrices. Integer scelerisque, lectus eget tempor iaculis, purus nisi faucibus mauris, in commodo dui diam faucibus ligula. More Details > link to external site onClick, user is taken to the product detail page (5.0) F Copy goes here B F Display "format type". onClick, open informational modal window: hardback, paperback, looseleaf, spiral bound, and digital access formats only (5.0.3). F * Format name changes: - "Digital Access Format" Copy goes here link to external site Display featured product: • product icon with edition # (when applicable). • "Edition #" or "Series #" display over product and after product name (edition # will contain an ordinal suffix: st, th, rd, nd). Copy goes here replaces "Online Resource." - "Paperback Format" Category Header link to external site Copy goes here D Category 1 D Category 2 D F replaces "Paperback/Softback." C Category 3 Display: product name and edition #, author and attributes: 1. Publication date 2. isbn (10 /13) onClick, user is taken to the product detail page (5.0) D E Category 4 D Category 5 D Display: sidebar header F D Display: categories in modular format. onClick, open browse results for category (4.0). Display: sidebar links. onClick, user is taken to external site(s), Category 6 footer Wireframes > MH Custom Storefronts 1.0 | Edited: 11.20.13 | Page 21 of 61 | Master: WF_CustomStoreFronts_v1.0 | Private & Confidential | back to index
  • 19. 3.0.1 - Student Purchase Flow: Home: Category (contains Subcategories) and Product (framework) Specifications LOGO Welcome, (first name!) Home Help Sign Out My Account Case shown: Student has successfully signed in and is taken to home page (by categories). (0) A Enter book title, author, keyword or ISBN search School Home Page > Shop Featured Products E Header for Links link to external site Product A Product Product link to external site onClick, user is taken to the product detail page (5.0) F Copy goes here B Display "format type". onClick, open informational modal window: hardback, paperback, looseleaf, spiral bound, and digital access formats only. C Display: product name and edition #, author and attributes: F Copy goes here # edition # edition # edition link to external site F Copy goes here B C format TITLE (# edition) format format TITLE (# edition) By: Author By: Author TITLE (# edition) By: Author Publication Date: Month Day, Year ISBN: 0000000000 / 0000000000000 Publication Date: Month Day, Year ISBN: 0000000000 / 0000000000000 link to external site Products are displayed as tiles. Display: • product icon with edition # (when applicable). • "Edition #" or "Series #" display over product and after product name (edition # will contain an ordinal suffix: st, th, rd, nd). 1. Publication date 2. isbn (10 /13) F onClick, user is taken to the product detail page (5.0) Copy goes here D Display: categories in modular format. Subcategories exist for category 1. onClick, open browse results for category (3.0.2). E Publication Date: Month Day, Year ISBN: 0000000000 / 0000000000000 Display: sidebar header F Display: sidebar links. onClick, user is taken to external site(s), Category Header D Category 2 Category 1 footer Wireframes > MH Custom Storefronts 1.0 | Edited: 11.20.13 | Page 22 of 61 | Master: WF_CustomStoreFronts_v1.0 | Private & Confidential | back to index
  • 20. 3.0.2 - Student Purchase Flow: Subcategory and Product Page (framework) Specifications LOGO Welcome, (first name!) Enter book title, author, keyword or ISBN Home Help Sign Out My Account search browse Case shown: Student has successfully signed in and is taken to home page (by categories). (0) E A School Home Page > Shop > Category 1 Category 1 Products Products are displayed as tiles. Display: • product icon with edition # (when applicable). • "Edition #" or "Series #" display over product and after product name (edition # will contain an ordinal suffix: st, th, rd, nd). onClick, user is taken to the product detail page (5.0) Product A # edition Product Product # edition B format C TITLE (# edition) By: Author Publication Date: Month Day, Year ISBN: 0000000000 / 0000000000000 # edition format Product Product # edition format # edition format format TITLE (# edition) TITLE (# edition) TITLE (# edition) TITLE (# edition) Publication Date: Month Day, Year Publication Date: Month Day, Year Publication Date: Month Day, Year By: Author ISBN: 0000000000 / 0000000000000 B By: Author By: Author ISBN: 0000000000 / 0000000000000 ISBN: 0000000000 / 0000000000000 Display "format type". onClick, open informational modal window: hardback, paperback, looseleaf, spiral bound, and digital access formats only (5.0.3). * Format name changes: - "Digital Access Format" By: Author replaces "Online Resource." Publication Date: Month Day, Year - "Paperback Format" ISBN: 0000000000 / 0000000000000 replaces "Paperback/Softback." C Subcategory Header Display: product name and edition #, author and attributes: 1. Publication date 2. isbn (10 /13) onClick, user is taken to the product detail page (5.0) Subcategory 1 D Subcategory 2 footer Wireframes > MH Custom Storefronts 1.0 | Edited: 11.20.13 | Page 23 of 61 | Master: WF_CustomStoreFronts_v1.0 | Private & Confidential | back to index D Subcategory 3 D Display: categories in modular format. onClick, open browse results for subcategory. E D Display: "browse" dropdown (if search is enabled in admin).
  • 21. 4.0 - Student Purchase Flow: Browse/Search Results (framework) Specifications Case shown: Browse results for Category 1 display. LOGO Welcome, (first name!) Home Sign Out My Account (0) Category (13 results) C Sort by: Relevance | Price Title # edition | By: Author Publication Date: Month Day, Year ISBN: 0000000000 / 0000000000000 TITLE (# edition) # edition By: Author Publication Date: Month Day, Year ISBN: 0000000000 / 0000000000000 TITLE (# edition) # edition By: Author Publication Date: Month Day, Year ISBN: 0000000000 / 0000000000000 TITLE (# edition) # edition By: Author Publication Date: Month Day, Year ISBN: 0000000000 / 0000000000000 TITLE (# edition) # edition User can move through pages one at a time (previous/next), or directly to a page number by clicking page # link. (See business rules for pagination details). E Number of results per page display in drop down: 10 (default), 25, 50, 100. Browse dropdown is configurable. Product displays: product picture, title, author, publication date, ISBN. onClick, page refreshes and search results for author display. H onClick, "format type" opens modal window with information for hardback/ paperback, looseleaf, spiral bound, and digital access formats only. I Display: price (USD). J Display: "browse" dropdown (if search is enabled in admin). 10 per page TITLE (# edition) F User can sort results by: relevance (default), price, title, publication date or author. Pagination only occurs at the bottom of page. D B | Subject and # of results display for browse results. G School Home Page > Shop > Category Results B F J browse Breadcrumb displays for browse results (level 1). D search A C Enter book title, author, keyword or ISBN A Help By: Author Publication Date: Month Day, Year ISBN: 0000000000 / 0000000000000 Publication Date G | Author PREVIOUS format H format format 1 2 NEXT E $##.## I $##.## $##.## format $##.## format $##.## Wireframes > MH Custom Storefronts 1.0 | Edited: 11.20.13 | Page 24 of 61 | Master: WF_CustomStoreFronts_v1.0 | Private & Confidential | back to index
  • 22. 4.0.1 - Student Purchase Flow: NYU: Browse Results (by discipline: spanish) Specifications New York University Welcome, Laura! Home Help Sign Out My Account Case shown: A "signed in" NYU student is taken to browse results for "Spanish." (0) A B Enter book title, author, keyword or ISBN search browse New York University > Shop > Spanish Spanish (13 results) Sort by: Relevance | Price 10 per page | Title | Spanish Title 1 (# edition) # edition By: Author Publication Date: Month Day, Year ISBN: 0000000000 / 0000000000000 Spanish Title 2 (# edition) # edition By: Author Publication Date: Month Day, Year ISBN: 0000000000 / 0000000000000 Spanish Title 3 (# edition) # edition By: Author Publication Date: Month Day, Year ISBN: 0000000000 / 0000000000000 Spanish Title 4 (# edition) # edition By: Author Publication Date: Month Day, Year ISBN: 0000000000 / 0000000000000 Spanish Title 5 (# edition) # edition By: Author Publication Date: Month Day, Year ISBN: 0000000000 / 0000000000000 Publication Date | Author PREVIOUS 1 2 NEXT hardback/paperback $18.95 hardback/paperback $19.00 hardback/paperback $235.00 hardback/paperback $100.67 hardback/paperback $30.95 Wireframes > MH Custom Storefronts 1.0 | Edited: 11.20.13 | Page 25 of 61 | Master: WF_CustomStoreFronts_v1.0 | Private & Confidential | back to index onClick, user opens selection to view product detail page (5.1). onClick, user can browse another category (if search is enabled in admin). B
  • 23. 5.0 - Student Purchase Flow: Product Details (framework) - default state Specifications H LOGO I Welcome, (first name!) Home Help Sign Out My Account Case shown: product detail page framework (for shippable and digital access products). (0) A A browse School Home Page > Shop > Level 1 Category > Product Name C B Product Name or Title $ ##.## (# edition) D Product By: Author E Publication Date: month, day, year ISBN: ########## / ############ icon B F C Display product name with edition/series # (when applicable). D onClick, display all search results by author. (x.x) Display attribute list: H add to cart *stock availability message Language: type # edition Display: product icon with edition/series # over product (when applicable). Edition # will contain an ordinal suffix: st, th, rd, nd. E search Breadcrumb displays for browse results (not for search results). B Enter book title, author, keyword or ISBN delivery message G 1. Publication date 2. isbn (10 /13) 3. Language 4. This product will be shipped to you (when applicable) -----(more/less info link) 4. Imprint 5. Publisher 6. Dimensions (when applicable) > more info format Learn more about formats Table of Contents Special Instructions: Generic image F onClick, expand list of attributes (1.0.1). G Display delivery message w/ icon (when applicable, see business rules). H Home and Search/Browse functionality will not display when a user comes directly from a Marketing site (i.e. APR) or Connect. Admin can also choose to hide search and browse functionality. I Summary Display: school logo. onClick, user is taken to institution site. Generic text applicable to "digital access formats" goes here. (if applicable) Main description Text goes here Wireframes > MH Custom Storefronts 1.0 | Edited: 11.20.13 | Page 26 of 61 | Master: WF_CustomStoreFronts_v1.0 | Private & Confidential | back to index
  • 24. 5.0 - Student Purchase Flow: Product Details (framework) - default state continued (w/expanded attributes) Specifications Case shown: product detail page framework. LOGO Welcome, (first name!) Enter book title, author, keyword or ISBN Home Help Sign Out My Account search (0) I browse J School Home Page > Shop > Level 1 Category > Product Name $ ##.## (# edition) By: Author K Publication Date: month, day, year add to cart icon H J *stock availability message ISBN: ########## / ############ Language: display here # edition K I Product Name or Title Product H Summary and table of contents display in module tabs. Default setting is "summary." M onClick, invoke table of contents panel (5.0.2) N Special instructions and image displays for "digital access format" products only. O Display: main description. delivery message < less info Imprint: display here Dimensions: display here Learn more about formats L N Summary Table of Contents M Special Instructions: Generic image onClick, user adds item to cart (8.0) * applicable to all product formats. Stock availability message: • out of stock - hide button and display: "There are only a few of these left! Call us to check availability: 877-833-5524" • in stock - show button and display: no message) L Publisher: McGraw-Hill format onClick, collapse list to original size. Price displays (display USD). Generic text applicable to "digital access formats" goes here. (if applicable) O Main description Text goes here Wireframes > MH Custom Storefronts 1.0 | Edited: 11.20.13 | Page 27 of 61 | Master: WF_CustomStoreFronts_v1.0 | Private & Confidential | back to index
  • 25. 5.1 - Student Purchase Flow: Product Details (by discipline: spanish) Specifications New York University Welcome, Laura! Home Help Sign Out My Account Case shown: A "signed in" NYU student is taken to a product detail page. (0) A Enter book title, author, keyword or ISBN By: Tracy Terrell Publication Date: Jul 24, 2009 ISBN: 007738878X / 9780077388782 Language: English 7th edition This product will be shipped to you > more info hard cover Learn more about formats Summary Table of Contents N/A Wireframes > MH Custom Storefronts 1.0 | Edited: 11.20.13 | Page 28 of 61 | Master: WF_CustomStoreFronts_v1.0 | Private & Confidential | back to index $ 235.00 add to cart *stock availability message onClick, user can browse another category (if search is enabled in admin). B browse New York University > Shop > Spanish > Dos Mundos w. Workbooks & Spanish/English Dictionary Dos Mundos w. Workbooks & Spanish/English Dictionary (7th edition) onClick, user adds item to their cart. B search A
  • 26. McGraw-Hill Custom Storefronts: Student Flow (ADA Compliance) Wireframes > MH Custom Storefronts 1.0 | Edited: 11.20.13 | Page 29 of 61 | Master: WF_CustomStoreFronts_v1.0 | Private & Confidential | back to index
  • 27. 1.0 - ADA LOGO 2.0 Welcome, (first name!) label: search field Enter book title, author, keyword or ISBN 3.2 3.1 3.0 Categories 2.1 Help search Sign Out My Account (0) 2.2 search School Home Page > Shop 4.0 Home 4.1 6.0 5.1 5.2 Category 1 Category 2 7.0 Header for Links 6.1 link to external site 7.1 Copy goes here link to external site 7.2 Copy goes here link to external site 7.3 Copy goes here 5.0 link to external site 7.4 Copy goes here 5.3 5.4 Category 3 Category 4 footer Wireframes > MH Custom Storefronts 1.0 | Edited: 11.20.13 | Page 30 of 61 | Master: WF_CustomStoreFronts_v1.0 | Private & Confidential | back to index last
  • 28. 2.0 - ADA first LOGO Welcome, (first name!) Home Help Sign Out My Account (0) search 2.0 School Home Page > Shop 3.0 Books Header for Links link to external site 5.0 6.1 6.0 Copy goes here Product Product 4.1 # edition Product 4.2 # edition format open <book title> <Author's Last Name>, <edition#> link to external site 4.3 format Copy goes here link to external site # edition TITLE (# edition)4.1.2 By: Author Publication Date: Month Day, Year ISBN: 0000000000 / 0000000000000 4.1.3 TITLE 6.3 Copy goes here format link to external site 4.1.1 6.2 4.2.1 (# open formats edition) 4.2.2 descriptionBy: Author TITLE (# edition) 4.3.2 4.3.1 6.4 Copy goes here By: Author Publication Date: Month Day, Year ISBN: 0000000000 4.2.3 / 0000000000000 Publication Date: Month Day, Year ISBN: 0000000000 / 0000000000000 4.3.3 footer Wireframes > MH Custom Storefronts 1.0 | Edited: 11.20.13 | Page 31 of 61 | Master: WF_CustomStoreFronts_v1.0 | Private & Confidential | back to index last
  • 29. 3.0 - ADA first LOGO Welcome, (first name!) Help Sign Out My Account (0) search 2.0 3.0 4.0 Home School Home Page > Shop Featured Product 5.2 5.1 8.0 TITLE (# edition) 5.3 By: Author Publication Date: Month Day, Year ISBN: 0000000000 / 0000000000000 Product 9.0 Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec eu justo id 5.5 purus nisi faucibus mauris, in commodo dui diam faucibus ligula. More Details > 5.4 format 8 link to external site 9.1 Copy goes here open <book title> est viverra pretium. Phasellus dignissim justo et justo pulvinar feugiat. In <Author's Last lacinia diam, aliquet ultrices nulla fermentum id. Nam rhoncus mi vulputate Name>, <edition#> non tortor euismod ultrices. Integer scelerisque, lectus eget tempor iaculis, # edition Header for Links link to external site 9.2 Copy goes here link to external site 9.3 Copy goes here open formats description Category Header 7.1 7.2 7.3 Category 1 Category 2 Category 3 link to external site 9.4 Copy goes here open Category 7.4 7.5 7.6 Category 4 7.0 Category 5 Category 6 footer Wireframes > MH Custom Storefronts 1.0 | Edited: 11.20.13 | Page 32 of 61 | Master: WF_CustomStoreFronts_v1.0 | Private & Confidential | back to index last
  • 30. 3.0.1 - ADA first LOGO 2.0 3.0 4.0 Welcome, (first name!) Home Enter book title, author, keyword or ISBN Help Sign Out My Account (0) search School Home Page > Shop Featured Products 8.0 9.0 Header for Links link to external site Copy goes here Product 5.0 Product 5.1 Product link to external site Copy goes here open <book title> <Author's Last # Name>, <edition#> edition # edition # edition link to external site Copy goes here open formats description 5.1.1 format 5.1.2 TITLE (# edition) By: Author 7.0 format TITLE (# edition) TITLE (# edition) By: Author link to external site By: Author Publication Date: Month Day, Year ISBN: 0000000000 / 0000000000000 5.1.3 Publication Date: Month Day, Year ISBN: 0000000000 / 0000000000000 6.0 format Publication Date: Month Day, Year ISBN: 0000000000 / 0000000000000 Copy goes here Category Header 7.1 Category 1 7.2 Category 2 open Category footer Wireframes > MH Custom Storefronts 1.0 | Edited: 11.20.13 | Page 33 of 61 | Master: WF_CustomStoreFronts_v1.0 | Private & Confidential | back to index last
  • 31. 3.0.2 - ADA first LOGO 2.0 Welcome, (first name!) Enter book title, author, keyword or ISBN 4.0 Help Sign Out search My Account open dropdown list (as defined by admin) *optional Category 1 Products Product open <book title> <Author's Last Name>, # <edition#> edition 6.0 # edition format 6.1.1 TITLE 6.1.2 (# edition) open formats description By: Author Product # edition format Product Product # edition format # edition format format TITLE (# edition) TITLE (# edition) 6.1.3 Publication Date: Month Day, Year ISBN: 0000000000 / 0000000000000 7.0 Product 6.1 (0) browse 3.0 School Home Page > Shop > Category 1 5.0 Home TITLE (# edition) TITLE (# edition) Publication Date: Month Day, Year Publication Date: Month Day, Year Publication Date: Month Day, Year By: Author ISBN: 0000000000 / 0000000000000 By: Author By: Author ISBN: 0000000000 / 0000000000000 ISBN: 0000000000 / 0000000000000 By: Author Publication Date: Month Day, Year ISBN: 0000000000 / 0000000000000 Subcategory Header 8.0 8.1 Subcategory 1 8.2 Subcategory 2 8.3 Subcategory 3 open subcategory footer Wireframes > MH Custom Storefronts 1.0 | Edited: 11.20.13 | Page 34 of 61 | Master: WF_CustomStoreFronts_v1.0 | Private & Confidential | back to index last
  • 32. 4.0 - ADA first LOGO 2.0 Welcome, (first name!) Home Enter book title, author, keyword or ISBN Help Sign Out My Account search Category (13 results) 10 per page School Home Page > Shop > Category Results 5.0 browse 6.0 4.0 3.0 (0) 7.0 Relevance Sort by: 7.1 8.1 # edition | 7.2 TITLE 8.2 (# edition) Price 7.3 | Title | 7.4 By: Author 8.3 Publication Date: Month Day, Year ISBN: 0000000000 / 0000000000000 open product TITLE detail page (# edition) # edition By: Author Publication Date: Month Day, Year ISBN: 0000000000 / 0000000000000 TITLE (# edition) 8.0 # edition By: Author Publication Date: Month Day, Year ISBN: 0000000000 / 0000000000000 TITLE (# edition) # edition By: Author Publication Date: Month Day, Year ISBN: 0000000000 / 0000000000000 TITLE (# edition) # edition By: Author Publication Date: Month Day, Year ISBN: 0000000000 / 0000000000000 Publication Date | Author PREVIOUS previous page 7.5 format 8.4 1 2 NEXT 7.6 7.7 7.8 7.9 page 1 page 2 $##.## open formats description format $##.## format $##.## format $##.## format $##.## Wireframes > MH Custom Storefronts 1.0 | Edited: 11.20.13 | Page 35 of 61 | Master: WF_CustomStoreFronts_v1.0 | Private & Confidential | back to index label: 10 items per page next page
  • 33. 5.0 - ADA first LOGO Welcome, (first name!) Home Help Sign Out My Account (0) A Enter book title, author, keyword or ISBN 2.0 4.0 search 3.0 School Home Page > Shop > Level 1 Category > Product Name Product Name or Title $ ##.## (# edition) 5.1 5.4 By: Author 5.8 Publication Date: month, day, year Product # edition add to cart *stock availability message add to ISBN: ########## / ############ <Book Title> <Author's Last Name> <Edition Number> Language: type icon delivery message > more info method icon delivery 5.5 5.0 browse 5.2 format 5.6 formats description 5.7 Summary Table of Contents Learn more about formats open 5.3 Special Instructions: Generic image toggle to table of contents Generic text applicable to "digital access formats" goes here. (if applicable) Image (when applicable) Main description Text goes here Wireframes > MH Custom Storefronts 1.0 | Edited: 11.20.13 | Page 36 of 61 | Master: WF_CustomStoreFronts_v1.0 | Private & Confidential | back to index shopping cart Breadcrumb displays for browse results (not for search results).
  • 34. McGraw-Hill Custom Storefronts: ADMIN Wireframes > MH Custom Storefronts 1.0 | Edited: 11.20.13 | Page 37 of 61 | Master: WF_CustomStoreFronts_v1.0 | Private & Confidential | back to index
  • 35. 6.0 - ADMIN: Add MH Custom Store A Specifications McGraw-Hill Custom Storefronts (Header) B Case shown: A signed-in admin arrives at the McGraw-Hill Custom Storefronts "Storefront List" page and wants to add a new store. Storefront List Help A Display header: "McGraw-Hill Custom Storefronts" (persists on all admin pages). Display: "Storefront List" Date Modified C onClick, open modal to add a new store (6.0.2). D Display column titled: "Store name (and code)." Default setting for sort is alphabetical descending . E Display column titled: "Online/Offline." Default setting for sort is "online." Display column titled: "Date Modified." Default setting for sort is most recent to least recent. G Display column titled: "Web Address." Display link: "Store name" with "edit" icon. onClick, open "store settings" panel (6.1.1) to edit. Display: store's web address. onClick, open store homepage. J Online/Offline web address I Store name (and code) E B H D + add store G F C F K Display button: "copy to clipboard." onClick, copy store url to clipboard. K onClick, open Help pdf document in new window (x.x) Display: footer (persists on all admin pages) . Arizona State University (AZSU) 1/04/12 mhheshop.com/azsu copy to clipboard Bard College (BARD) Online 1/04/12 mhheshop.com/bard copy to clipboard Cornell University (CORN) Online 1/04/12 mhheshop.com/corn copy to clipboard 1/04/12 mhheshop.com/misu copy to clipboard 1/04/12 mhheshop.com/nyu1 copy to clipboard I H Online J Michigan University (MICH) New York University (NYU1) Offline Online L MH Custom Storefronts (Footer) Wireframes > MH Custom Storefronts 1.0 | Edited: 11.20.13 | Page 38 of 61 | Master: WF_CustomStoreFronts_v1.0 | Private & Confidential | back to index L
  • 36. 6.0.1 - ADMIN: MH Custom Storefronts Header/Footer A McGraw-Hill Custom Storefronts (Header) Specifications Case shown: Header/Footer placement. A B B MH Custom Storefronts (Footer) Wireframes > MH Custom Storefronts 1.0 | Edited: 11.20.13 | Page 39 of 61 | Master: WF_CustomStoreFronts_v1.0 | Private & Confidential | back to index Display header (see visual design for details). Display footer (see visual design for details).
  • 37. 6.0.2 - ADMIN: Add Ohio State Universitiy Store Specifications Case shown: A signed-in admin enters new store information. Storefront List A Display header: "Add Store." B Display "Store Name" text field (*required). C Display "Web Address" text field (*required). Admin enters store code after "www.mhheshop.com/ (see business rules). D Display "School Information" dropdown (Country, State and Schoo)l. Country Default is set to "United States." (*required). E Display "Store Contact" text field. (*optional) F onClick, admin closes modal and returns to page (6.0) G onClick, onClick admin saves new store (6.0.3). Help + add store F Online/Offline Store name (and code) Arizona State University (AZSU) A Date Modified Add Store web address 1/04/12 mhheshop.com/azsu B Online Ohio State University 1/04/12 mhheshop.com/bard mhheshop.com/corn C Web Online Address: 1/04/12 www.mhheshop.com/ ohsu 1/04/12 mhheshop.com/misu 1/04/12 mhheshop.com/nyu1 Online Store Name: Bard College (BARD) Cornell University (CORN) Michigan University (MICH) New York University (NYU1) Offline School Information: D County: Online State: School: United States Ohio Ohio State University Store Contact: E admin@ohiostateuniversity.edu cancel save F (optional) G Wireframes > MH Custom Storefronts 1.0 | Edited: 11.20.13 | Page 40 of 61 | Master: WF_CustomStoreFronts_v1.0 | Private & Confidential | back to index
  • 38. 6.0.3 - ADMIN: Edit Ohio State University Store Specifications McGraw-Hill Custom Storefronts (Header) Case shown: A new store has been added and admin wishes to edit store info or content. Store List A New store displays. onClick, admin edits store info and/or content (6.1.1). B onClick, admin edits store info and/or content (6.1.1). Help + add store Online/Offline Store name (and code) Date Modified web address Arizona State University (AZSU) Online 1/04/12 mhheshop.com/azsu copy to clipboard Bard College (BARD) Online 1/04/12 mhheshop.com/bard copy to clipboard Cornell University (CORN) Online 1/04/12 mhheshop.com/corn copy to clipboard 1/04/12 mhheshop.com/misu copy to clipboard Michigan University (MICH) Offline New York University (NYU1) A Online 1/04/12 mhheshop.com/nyu1 copy to clipboard Ohio State University (OSU) Online 1/04/12 mhheshop.com/ohsu copy to clipboard B MH Custom Storefronts (Footer) Wireframes > MH Custom Storefronts 1.0 | Edited: 11.20.13 | Page 41 of 61 | Master: WF_CustomStoreFronts_v1.0 | Private & Confidential | back to index
  • 39. 6.1 - ADMIN: Ohio State University Store Catalog (zero state) MH Custom Storefronts A < Back to list Catalog Last Updated: 1/04/12 B C Store Status: Ohio State University D online Specifications Case shown: The admin is taken to Ohio State University catalog admin main page and wants to edit store settings. Search for Products Enter book title, author, keyword, or ISBN Display "Catalog" button as inactive. onClick, open "User Interface" contols (6.2). onClick, open "Security" controls (6.4). K Featured Product Sort by Default onClick, open new browser window and display site preview. J + add category Display: "Admin Support: First name, Last Name." onClick, open email application with "send to" address pre-populated. onClick, open "Store Settings" (6.1.1). preview site Store Settings Categories Display: "Help" link. onClick, open "Help" pdf (x.x). Help Admin Support: John Smith G K Display: "Store Status:" with default setting for toggle set to "online." G F Display: "Catalog Last Updated: month/day/year." F Security C I User Interface E Display: Store Header. H Catalog B J onClick, admin is taken back to McGraw-Hill Custom Storefronts list page (6.0.3). E I A D H National Products search Home Products in this Category ISBN Title Edition Wireframes > MH Custom Storefronts 1.0 | Edited: 11.20.13 | Page 42 of 61 | Master: WF_CustomStoreFronts_v1.0 | Private & Confidential | back to index Author Type
  • 40. 6.1.1 - ADMIN: Ohio State University Store Catalog: open store settings MH Custom Storefronts Catalog Last Updated: 1/04/12 Store Status: Ohio State University < Back to list online Specifications Case shown: Admin has opened "Store Settings" accordion panel. A Display "Store Name" and text entry field. onClick, enter "Store Name." B Display "Web Address" with text entry field. onClick, enter "store code" after www.hmmhshop.com/ C Display "Store Status" with toggle button (online/offline). Default setting is "online." D Display "School Information" and dropdowns for country, state, and school (*required). E Display "School Contact" with entry field (*not required). F onClick, open email application with "send to" address pre-populated (only if contact field is populated). * not required G Display "Admin Info": • Created by: First Name, Last Name • Date Created: Month/Day/ Year • Updated by: First Name, Last Name • Date Updated: Month/Day/ Year onClick, close accordion panel without saving changes. Help Admin Support: John Smith Catalog User Interface Security preview site Store Settings D Store Name: A School Information Ohio State University County: State: Web Address: B www.mhheshop.com/ ohsu School: Admin Info Created by: United States Date Created: Ohio Updated by: Ohio State University Date Updated: Store Status: online School Contact John Smith 12/21/11 G Linda Jones 01/04/12 E admin@ohiostate.edu (optional) C Categories + add category cancel H Featured Product Sort by Default F save settings I Search for Products National Products Enter book title, author, keyword, or ISBN search Home H Products in this Category ISBN Title Edition Wireframes > MH Custom Storefronts 1.0 | Edited: 11.20.13 | Page 43 of 61 | Master: WF_CustomStoreFronts_v1.0 | Private & Confidential | back to index Author Type I onClick, "save settings" and close accordion panel.
  • 41. 6.1.2 - ADMIN: Ohio State University Store Catalog: add category MH Custom Storefronts < Back to list Catalog Last Updated: 1/04/12 Store Status: Ohio State University online Specifications Case shown: Admin adds categoroies. A B onClick, expand area to reveal text entry field. C onClick, admin enters category. D onClick, user adds "Spanish" category to list below home folder (6.1.3). E onClick, user cancels adding a category and text entry field collapses. F Display: home folder (readonly). All created categories reside within the home folder. G Help Display "Categories" tab (active by default). Display dropdown: "sort by default." onClick, select other option "alphabetical (in descending order)." Admin Support: John Smith Catalog User Interface Security preview site A Store Settings Categories B + add category Featured Product Sort by Default G Search for Products National Products Enter book title, author, keyword, or ISBN C Spanish Home ok D E search cancel Products in this Category ISBN Title Edition F Wireframes > MH Custom Storefronts 1.0 | Edited: 11.20.13 | Page 44 of 61 | Master: WF_CustomStoreFronts_v1.0 | Private & Confidential | back to index Author Type
  • 42. 6.1.3 - ADMIN: Ohio State University Store Catalog: search for products MH Custom Storefronts < Back to list Catalog Last Updated: 1/04/12 Store Status: Ohio State University online Specifications Case shown: Admin searches for products to add to the category "Biology." A B onClick, enter book title, author, keyword, or ISBN. C Display dropdown: "National Products" default. onClick, select other options: "Create Products", or "All Products" from dropdown. D Help Display "Search for Products" header. onClick, search for product (6.1.3.1). Admin Support: John Smith Catalog User Interface Security preview site Store Settings Categories + add category Featured Product Sort by Default A C Search for Products 1234567890 B D National Products search Home Spanish (1) English (1) Products in this Category ISBN Title Edition Chemistry (1) Biology (0) Wireframes > MH Custom Storefronts 1.0 | Edited: 11.20.13 | Page 45 of 61 | Master: WF_CustomStoreFronts_v1.0 | Private & Confidential | back to index Author Type
  • 43. 6.1.3.1 - ADMIN: Ohio State University Store Catalog: add product to product list MH Custom Storefronts < Back to list Catalog Last Updated: 1/04/12 Store Status: Ohio State University online Specifications Case shown: Admin searches for products to add to the category "Biology." A Display "search criteria entered" in search field. Admin can choose to search for another product within the modal. B Display: "Products in this Category" header. C Display: "ISBN" D Display: "Product Title." onClick, open product detail page in new window (National Bookstore). onHover, entire name appears. E Display: "Edition #." F Display: "Author." onHover, entire name appears. G Display: "Type." onHover, entire format type appears. H onClick, close modal. I onCllick, close modal and add product to "Product List" (6.1.4). Help Admin Support: John Smith Catalog User Interface Security H preview site Search for Products Store Settings 1234567890 National Products A Categories B + add category Home Spanish (1) English (1) search Featured Product Products in this Category ISBN Sort by Default 1234567890 C Search for Products Title Edition Photo Atlas for General... Author National Products Dennis Trete, Darrel... hardcover/... 3 Products in this Category D E F ISBN Type Title Edition Chemistry (1) search G Author Type Biology (0) cancel H + add to product list I Wireframes > MH Custom Storefronts 1.0 | Edited: 11.20.13 | Page 46 of 61 | Master: WF_CustomStoreFronts_v1.0 | Private & Confidential | back to index
  • 44. 6.1.4 - ADMIN: Ohio State University Store Catalog: open product details page MH Custom Storefronts Catalog Last Updated: 1/04/12 Store Status: Ohio State University < Back to list online Specifications Case shown: Admin has added a product to the "Biology Category." A B Display product. onClick, open product detail page in new window (National Bookstore). Product name wraps in left hand pane only. Under "Products in this Category" product name will fit to 1 line followed by ... and onHover entire name will reveal. C Display: ISBN. D Display: edition #. E Display: author(s) names. F Display: format type. G Help Biology Category now displays (1) item. onClick, delete product. Admin Support: John Smith Catalog User Interface Security preview site Store Settings Categories + add category Featured Product Sort by Default Search for Products National Products Enter book title, author, keyword, or ISBN search Home Spanish (1) English (1) Chemistry (1) A Products in this Category ISBN 1234567890 Title Edition Photo Atlas for General... Author Type 3 Dennis Trete, Darre... hard... D E F Biology (1) B Photo Atlas for General Biology C B Wireframes > MH Custom Storefronts 1.0 | Edited: 11.20.13 | Page 47 of 61 | Master: WF_CustomStoreFronts_v1.0 | Private & Confidential | back to index G
  • 45. 6.1.4.1 - ADMIN: Ohio State University Store Catalog: Add Featured Product MH Custom Storefronts < Back to list Catalog Last Updated: 1/04/12 Store Status: Ohio State University online Specifications Case shown: Admin sets a product in the catalog as "featured." A B Display: "All products in Store" and "Set as Featured" column headers. C Display: product link list (always in alphabetical order (descending) with "none" as default setting. onClick, select product. *if list becomes long enough to scroll, "none" will always be fixed and will display at top. D Help onClick, "Featured Product" tab becomes active. onClick, open product detail page in new window (National Bookstore). E Display "Featured Product" header. F Display message: "Select a product on your left" (only show when no product is featured). Admin Support: John Smith Catalog User Interface Security preview site Store Settings Categories B A Featured Product All Products in Store Set as Featured Featured Product E Photo Atlas for General Biology (3rd edition) None Product 1 By: Dennis Strete, Darrell Vodopich Product 2 Publication Date: Aug 1, 2006 Product 3 Photo Atlas for General Biology ISBN: 007738878X / 9780077388782 D Select a product on your left Language: English 7th edition C F Enter featured product text (no html). save Wireframes > MH Custom Storefronts 1.0 | Edited: 11.20.13 | Page 48 of 61 | Master: WF_CustomStoreFronts_v1.0 | Private & Confidential | back to index
  • 46. 6.1.4.2 - ADMIN: Ohio State University Store Catalog: Save Featured Product MH Custom Storefronts < Back to list Catalog Last Updated: 1/04/12 Store Status: Ohio State University online Case shown: Admin sets a product in the catalog as "featured." A Display "Product Title." onClick, open product detail page in new window (National Bookstore).. D Display: • # edition • author(s) • publication date (month, day, year) • ISBN • language E Display: text field with javascript instructive text that reads "Enter featured product text (no html)." onClick, enter text. (*optional). F Security Display "Product Graphic." C Admin Support: John Smith User Interface onClick, admin selects "featured product." B Help Catalog Specifications onClick, admin saves featured product settings. preview site Store Settings Categories Featured Product All Products in Store Set as Featured Featured Product Photo Atlas for General Biology (3rd edition) None Product 1 C By: Dennis Strete, Darrell Vodopich Product 2 Publication Date: Aug 1, 2006 Product 3 D ISBN: 007738878X / 9780077388782 Photo Atlas for General Biology Language: English B (optional) A 7th edition Enter featured product text (no html). E format type save Wireframes > MH Custom Storefronts 1.0 | Edited: 11.20.13 | Page 49 of 61 | Master: WF_CustomStoreFronts_v1.0 | Private & Confidential | back to index F
  • 47. 6.2- ADMIN: Ohio State University Store: UI Properties: choose theme (zero state) MH Custom Storefronts Catalog Last Updated: 1/04/12 Store Status: Ohio State University < Back to list online Specifications Case shown: Admin accesses "User Interface" section. B Display "Themes and Layout" (accordion panel is open by default). C Display "Look and Feel" header. "Default" radio button is selected by default. E onClick, select "Customizable" radio button and expand panel to reveal more "Look and Feel" settings (6.2.1). F onClick, open preview of "default" or "customizable" design in new browser window. G onClick, save "Themes and Layout" section. H Help Display "User Interface" button as "active." D A A Display "Site Elements". On click, open accordion panel (6.3). Admin Support: John Smith Catalog User Interface Security preview site Themes and Layout B C Look and Feel Customizable Default D E preview F H Site Elements preview save G Wireframes > MH Custom Storefronts 1.0 | Edited: 11.20.13 | Page 50 of 61 | Master: WF_CustomStoreFronts_v1.0 | Private & Confidential | back to index F
  • 48. 6.2.1- ADMIN: Ohio State University Store: UI Properties: choose theme: customizable MH Custom Storefronts < Back to list Catalog Last Updated: 1/04/12 Store Status: Ohio State University online Admin Support: John Smith User Interface Security preview site Themes and Layout Look and Feel Customizable Default Case shown: Admin has switched "Look and Feel" from "Default" setting to "Customizable." A Help Catalog Specifications A preview (wireframe continues on next page) Wireframes > MH Custom Storefronts 1.0 | Edited: 11.20.13 | Page 51 of 61 | Master: WF_CustomStoreFronts_v1.0 | Private & Confidential | back to index preview "Customizable" radio button is selected and window expands to include more settings (see 6.2.1.1).
  • 49. 6.2.1.1- ADMIN: Ohio State University Store: UI Properties: customize colors and fonts reset to default fonts and colors A Fonts and Link Color Specifications Case shown: Admin has switched "Look and Feel" from "Default" setting to "Customizable." O Font Link Colors #cccccc C I Page Colors D Select a color C D Display: "Font: Arial" default onCllick, select alternate font: Times. Display: "Link Colors" w/hex value. Display: "Page Colors" header. Arial J C Display "Fonts and Link Color" header B B A (applies to entire site) (applies to entire site) E F K Display: "Background Gradient" color w/ hex value. Display: "Featured Product Background" color w/hex value. Display: "Top/Bottom Stripe" color w/ hex value. Display: "Header/Footer Background" color w/hex value. onClick, open color selector. G E Background Gradient #eeeeee I H (to white) L E F Featured Product Background Hex Value (same as background gradient selection) cancel F G Top/Bottom Stripe #666666 I #cccccc save Site Elements M N I J K Display color selector modal with default hex value (see spec sheet for all defaults). onClick, move circle to select desired color. I onClick, move slider to desired color range. M onClick, cancel and close color selector modal. N onClick, save chosen color and close color selector modal. O onClick, reset to default fonts and colors. P Header/Footer Background H Q ok J L G H #eeeeee #eeeeee onClick, save "Themes and Layouts" settings. Q onClick, open "Site Elements" settings accordion panel (6.3) P Wireframes > MH Custom Storefronts 1.0 | Edited: 11.20.13 | Page 52 of 61 | Master: WF_CustomStoreFronts_v1.0 | Private & Confidential | back to index
  • 50. 6.3- ADMIN: Ohio State University Store: UI Properties: site elements (zero state) MH Custom Storefronts Catalog Last Updated: 1/04/12 Store Status: Ohio State University < Back to list online Specifications Case shown: Admin has opened "Site Elements" settings accordion panel. A Display; "Store Logo" header with informative text: "Store name displays as text by default, but you may choose to replace it by uploading a logo." B Display default logo setting: "Text Only" with informative text "To revise the store's name, return to Catalog and click 'Store Settings'." C Display: "Upload Your Logo": (.png or .jpg formats only) header with 2 deselected radio buttons: 1. "Large logo" (60 pix high by 420 pix wide max) 2. "Small logo" (60 pix high by 60 pix wide max). D Display: "Logo links to your website" text field. onClick, enter url. E Display "Search and Browse" Header with informative text: "This functionality is active by default." F Display "show" radio buttons (default). G Display "hide" radio button. onClick ,select "hide" search and browse.. Help Admin Support: John Smith Catalog User Interface Security preview site Themes and Layout Site Elements A Store Logo B Text Only C Store name displays as text by default, but you may choose to replace it by uploading a logo. To revise the store's name, return to Catalog and click "Store Settings." Upload Your Logo (.png or .jpg formats only) Ohio State University Large logo 60 pix high by 420 pix wide max D Small logo Logo links to your website: (default store name will be included) 60 pix high by 60 pix wide max upload F E Search and Browse This functionality is active by default. (wireframe continues on next page) Wireframes > MH Custom Storefronts 1.0 | Edited: 11.20.13 | Page 53 of 61 | Master: WF_CustomStoreFronts_v1.0 | Private & Confidential | back to index G Show Hide
  • 51. 6.3- ADMIN: Ohio State University Store: UI Properties: site elements (zero state) continued Specifications Sidebar: Useful Resources H I Case shown: Admin has opened "Site Elements" settings accordion panel. The sidebar does not display unless items are added. + add item H Description Wireframes > MH Custom Storefronts 1.0 | Edited: 11.20.13 | Page 54 of 61 | Master: WF_CustomStoreFronts_v1.0 | Private & Confidential | back to index Display: "Sidebar: Useful Resources" header with informational text: "The sidebar does not display unless items are added." I Title onClick, add items to sidebar (6.3.2). Url
  • 52. 6.3.1- ADMIN: Ohio State University Store: UI Properties: site elements: add small logo MH Custom Storefronts < Back to list Catalog Last Updated: 1/04/12 Store Status: Ohio State University online Specifications Case shown: Admin has entered url and now wants to upload a small logo. A onClick, select "small logo" style option (60 pix high x 60 pix wide). B onClick, upload logo (6.3.1.1). Help Admin Support: John Smith Catalog User Interface Security preview site Themes and Layout Site Elements Store Logo Text Only Store name displays as text by default, but you may choose to replace it by uploading a logo. To revise the store's name, return to Catalog and click "Store Settings." Upload Your Logo (.png or .jpg formats only) Ohio State University Large logo 60 pix high by 420 pix wide max Logo links to your website: A http://www.ohiostate.edu Small logo (default store name will be included) 60 pix high by 60 pix wide max upload B Search and Browse This functionality is active by default. (wireframe continues on next page) Wireframes > MH Custom Storefronts 1.0 | Edited: 11.20.13 | Page 55 of 61 | Master: WF_CustomStoreFronts_v1.0 | Private & Confidential | back to index Show Hide
  • 53. 6.3.1.1- ADMIN: Ohio State University Store: UI Properties: site elements: upload logo modal MH Custom Storefronts < Back to list Catalog Last Updated: 1/04/12 Store Status: Ohio State University online Specifications Case shown: Admin uploads a small logo from desktop. A B onClick, admin selects logo file for upload. C onClick ,cancel and close modal and return to previous screen (6.3.1). D Help Display: "Upload Logo" header. onClick, upload logo and close modal (6.3.1.2). Admin Support: John Smith Catalog User Interface Security preview site Themes and Layout A Upload Logo Site Elements Store Logo Text Only C Select a file to upload Store name displays as text by default, but you may choose to replace it by uploading a logo. logo1.jpg April 16, 2011 DEVICES To revise the store's name, return to Catalog and click "Store Settings."16, 2011 HD logo2.jpg April PLACES Desktop Applications Documents logo3.jpg April 16, 2011 Ohio State University Logo links to your website: B Upload Your Logo (.png or .jpg formats only) Large logo 60 pix high by 420 pix wide max Small logo (default store name will be included) 60 pix high by 60 pix wide max http://www.ohiostate.edu cancel C Search and Browse upload ok D This functionality is active by default. (wireframe continues on next page) Wireframes > MH Custom Storefronts 1.0 | Edited: 11.20.13 | Page 56 of 61 | Master: WF_CustomStoreFronts_v1.0 | Private & Confidential | back to index Show Hide
  • 54. 6.3.1.2- ADMIN: Ohio State University Store: UI Properties: site elements: add small logo 2 MH Custom Storefronts < Back to list Catalog Last Updated: 1/04/12 Store Status: Ohio State University online Admin Support: John Smith User Interface Security preview site Themes and Layout Site Elements Store Logo Text Only Store name displays as text by default, but you may choose to replace it by uploading a logo. A To revise the store's name, return to Catalog and click "Store Settings." Upload Your Logo (.png or .jpg formats only) Large logo 60 pix high by 420 pix wide max Logo links to your website: A http://www.ohiostate.edu Small logo (default store name will be included) 60 pix high by 60 pix wide max upload Search and Browse This functionality is active by default. (wireframe continues on next page) Wireframes > MH Custom Storefronts 1.0 | Edited: 11.20.13 | Page 57 of 61 | Master: WF_CustomStoreFronts_v1.0 | Private & Confidential | back to index Show Hide Case shown: Admin has successfully uploaded a small logo. A Help Catalog Specifications Display uploaded logo (radio button remains selected).
  • 55. 6.3.2- ADMIN: Ohio State University Store: UI Properties: site elements: add sidebar item 2 Specifications Sidebar: Useful Resources Case shown: Admin adds an item to the sidebar. The sidebar does not display unless items are added. + add item A B Library Url: C http://ohsu.com/library Description (optional) D Display "Description" text field (*not required). onClick ,cancel and close modal and return to previous screen (6.3 continued). F save Sidebar: Add Item Title B D onClick, add sidebar item(6.3.3). Url E A Display "Url" text field (*required). E Description Display "Title" text field (*required). C Title Display "Sidebar: Add Item" header. Find reading resources at our library. cancel save E F Wireframes > MH Custom Storefronts 1.0 | Edited: 11.20.13 | Page 58 of 61 | Master: WF_CustomStoreFronts_v1.0 | Private & Confidential | back to index
  • 56. 6.3.3- ADMIN: Ohio State University Store: UI Properties: site elements: sidebar item added Specifications Sidebar: Useful Resources Case shown: Admin has successfully added an item to the sidebar. The sidebar does not display unless items are added. + add item A Library B Find reading resources at our library. C Display: "url" onClick, edit sidebar item (6.3.2). onClick, delete sidebar item. Url C E http://ohsu.com/library D Wireframes > MH Custom Storefronts 1.0 | Edited: 11.20.13 | Page 59 of 61 | Master: WF_CustomStoreFronts_v1.0 | Private & Confidential | back to index Display; "Description" E A Description B D Title Display: "Title"
  • 57. 6.4- ADMIN: Ohio State University: Security (Default setting with option 1) MH Custom Storefronts < Back to list Catalog Last Updated: 1/04/12 Store Status: Ohio State University A Display default setting radio button, "Inactive." B Display radio button : "Registration Required Before Purchasing Products - If you select this option, students will be required to have (or create) a McGrawHill account before purchasing products in the store). C Admin Support: John Smith User Interface Case shown: Admin accesses security section. Radio button for security is "inactive" by default. online Help Catalog Specifications Display AAIRS setting: "AAIRS (School Log In Required to Access Store) radio button: - If you select this option, AAIRS installation will be required on the School LMS and students will use their School log in to access the store. *Please contact the AAIRS team to set this up (display: email: support@mhcampus.com)." D onClick, open email application to send AAIRS contact an email (email: support@mhcampus.com). Security preview site Security Configure Security Settings A Inactive B Registration Required Before Accessing Storefront If you select this option, students will be required to have (or create) a McGraw-Hill account before purchasing products in the store. C AAIRS (School Log In Required to Access Store) If you select this option, AAIRS installation will be required on the School LMS and students will use their School log in to access the store. * Please contact the AAIRS team to set this up (email:support@mhcampus.com) D Wireframes > MH Custom Storefronts 1.0 | Edited: 11.20.13 | Page 60 of 61 | Master: WF_CustomStoreFronts_v1.0 | Private & Confidential | back to index
  • 58. 6.4.1- ADMIN: Ohio State University: Security (Default setting with option 2) MH Custom Storefronts < Back to list Catalog Last Updated: 1/04/12 Store Status: Ohio State University online Specifications Case shown: Admin as accessed Security section where AAIRS is not installed. A B Display radio button : "Registration Required Before Purchasing Products - If you select this option, students will be required to have (or create) a McGrawHill account before purchasing products in the store). C Radio button is disabled since AAIRS is not installed on school LMS. D Help Display default setting radio button, "Inactive." onClick, open email application to send AAIRS contact an email (email: support@mhcampus.com). Admin Support: John Smith Catalog User Interface Security preview site Security Configure Security Settings A Inactive B Registration Required Before Accessing Storefront If you select this option, students will be required to have (or create) a McGraw-Hill account before purchasing products in the store. C AAIRS is not installed. AAIRS is not installed on the School LMS. * Please contact the AAIRS team to set this up (email:support@mhcampus.com) D Wireframes > MH Custom Storefronts 1.0 | Edited: 11.20.13 | Page 61 of 61 | Master: WF_CustomStoreFronts_v1.0 | Private & Confidential | back to index