SPP Wireframes and Site Flows

Page 7

Staples Promotional Products (SPP) - Configurator Project | Version 1.0 Draft | November 11, 2010 | Mike Jenkins To A1.70 Sheet A1 CA. 061

Configurator

To A6.01 Sheet A6

Spotlighting >> IT Combination

CA. 062

CA. 063

Spotlighting >> Upload Image

Have a Question?

Have a Question? <Product Name/Description>

$##,###.00 Price Details Each Total

Create a Image & Text Decoration

Qty: (edit) ###,###

Step 1: Select how you want your text displayed in relation to your image: Text Above Image Text Sample

IMG 1

Text Above & Below Image Text Sample

Text Below Image

Image Sample

Have a Question?

First, Upload an image to combine with your text: Enter file location... Browse

Next

IMG 3

Select an image from one of the following: Previously uploaded images Images uploaded by your Company Customizable Clipart

IMG 2

Cancel

Clear Selections

Finished with this decoration

Save Project

Use my image as it’s shown

IMG 3

Transparent

IMG 4

Cancel

Clear Selections

Process follows same as Sheet A2 but comes to here instead of going to A2.12 after moving through the process

Finished with this decoration

Change my image to print with new colors

+ 3.00" x 2.00"

Controls appear when Image only decoration is selected.

Product Color:

Save Project

Add to Cart

Email Project

Image & Text Style: Text Above/Below (edit) Uploaded Image: <Filename> (edit) Select how your image will print: *Your uploaded image has more colors than are allowed for this decoration method (<method name>), you will have to print your image as a single color or upload a different image. Change my image to print as a single color

Product Color:

To Previous

A6. 01

Message only shows when applicable; disables as-is option

Uploaded Decoration Preview

IMG 2

Image locker appears AFTER user selects on of the two option

IMG 4

Product Color:

Add to Cart

IMG 1

Apply

OR

IMG 3

Email Project

Create a Image & Text Decoration

Qty: (edit) ###,###

Image & Text Style: Text Above/Below (edit)

IMG 1

Decorate Your Product

Text Sample

Text Sample

IMG 2

Save Project

Price Details Each Total

Create a Image & Text Decoration

Qty: (edit) ###,###

<Product Name/Description>

$##,###.00the image to calculate pricing.

Decorate Your Product

Image Sample

Image Sample

Liquid pixel automatically detects the number of colors in

<Product Name/Description>

$##,###.00 Price Details Each Total

Decorate Your Product

IMG 4

Spotlighting, Define image style

Add to Cart

Cancel

Finished with this decoration

Clear Selections

Email Project

To Previous

CA. 05

Edit Size & Quantity

CA. 064

Text Only Decoration

Spotlighting, Define image style

Selecting line 1 font will auto update lines 2 & 3, but they are still able to be changed by the user.

Have a Question? $##,###.00 Price Details Each Total

Qty: (edit) ###,### IMG 1

Have a Question? <Product Name/Description>

Enter Desired Sizes & Quantities

Please note that changing desired sizes can affect which color choices are available for your product because not all sizes are available in all Orders placed in groups of 12 colors. Decoration Location Selected: <Selection> Edit only required for headwear. Minimum order of ## required. Orders must be placed in groups of 12. 0 0 * XS XXL

6 XXXL S 4 4XL M Size not available for your product 7 5XL L color selection of <color>. 3 6XL XL

0 1 1 0

* * * *

Total Quantity:

24

*Additional charges apply for these sizes

Price Details Certain decoration locations will only allow the Each Total user to enter 1 or 2 lines of text. The 2nd and/or (edit) 3rd text entry linesQty: will not be displayed in this ###,### case.

IMG 3

Decorate Your Colors areProduct not available for selection depending upon decoration method. Create your text decoration Enter your text as you want it to appear on your product. You can have up to 3 lines of text without incurring an artwork fee.

IMG 1

Cancel

IMG 2

Update Sizes & Quantities If a user changes order to include Overlay Screen Product Preview a size which excludes the currently selected product color, the product Text Only Text color will change to the default Example color upon updating sizes & quantities

is

After manual selection, changing the top line font will not reset them. Text defaults to black.

<Product Name/Description>

$##,###.00

Line 1 text

Enter line 1 text (max ## characters)

Line 2 text

Enter line 2 text (max ## characters)

A-

A+

Save Project Email Project

Add to Cart

IMG 4

Controls appear when Image only decoration is selected.

Product Color: Save Project

Create a Image & Text Decoration Image & Text Style: Text Above/Below (edit) Uploaded Image: <Filename> (edit) Image Print Style: Print as shown (edit)

Enter top line text

Enter text to combine with your image: Enter top line text (max #)

Uploaded Decoration Preview

Format your text with the options below: Arial A-

Text or image tools show up here based on which component the user is editing

Cancel

Clear Selections

Finished with this decoration

IMG 4

Email Project

A+

*Please double-check to make sure your spelling is correct.

Product Color: Save Project

Add to Cart

Email Project

Color

A-

Arial

IMG 3

*Please double-check to make sure your spelling is correct.

A+

Enter bottom line text (max #)

Enter bottom line text

A+

Color

A-

Arial

Enter line 3 text (max ## characters)

Arial Product Color:

Decorate Your Product

Qty: (edit) ###,###

IMG 2 Line 3 text

<Product Name/Description>

Price Details the image to calculate pricing. Each Total

IMG 1

IMG 2

IMG 3

IMG 4

Have a Question? pixel automatically $##,###.00 Liquid detects the number of colors in

Add to Cart

Image Size:

-

+

3.00" x 2.00"

Image Rotation: Background appearance: Print my white image background Do not print my white image background You can save this combination of text and image to reuse on other products if you wish (your original image will not be affected).

Transparency options not shown for clipart. Save not shown for ClipArt.

Save Decoration

To Previous

To CA.07 Sheet A3

Cancel

Clear Selections

Finished with this decoration

To CA.07 Sheet A3

File Name: SPP_8_21_2008_Thumbnail_Flows (Updated).vsd | Page 7 of 15


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