www.joellebenvenuto.com/portfolio

A
b
o
u
t

me

   

W
o
r
k

samples

user interface / TPP Ecommerce {back}

This page present the iteration work on the visual design and workflow taking place between Marketing, Zazzle (Ecommerce partner) and IT.

 

Workflow Map

Workflow suggestion to solve our login problem. This map summarized:

1) the process of retrieving sitting from printed invitation or email invitation with or without exisiting account.
2) the process of registering without sitting invitation
3) the process of login without invitation
4) the process of accessing promotion pages before being logged in and the way user will access stand alone workflow.

 

Entire Mockup

See all the screens from the home of our TPP website to the ecommerce application.

 
V1

Light Gray Background very similar than what I suggest for our TPP website but inversted... click here to compare and see the light difference.

- Dots are lighter than background (TPP version has dots darker than background).
- Bottom Banner here is white ( TPP version has a darker banner)
- Ads zones and home page sturture will be different from the ecommerce website so user will directly see he is on TPP not on ecommerce and viceversa.

 

V2

- Integration of Betsy comments on wording
- I removed the Image bank as requested and replace with portraits.
- I added a promo zone that were missing
- I redesign the Get you Sitting and login zone to mergge Betsy feedback and Zazzle suggestion.
- New logo SMileStore in place (see several test)
- Bottom white banner more contrast.

 

New
V3

- Integration of Betsy comment on wording.
- changing content of ad zone 2 (pink - middle).
- changing formatting of the white banner

 

Email Invitation

- Relevant design apply to the emails.
- super clean logo ( I redrawed THE PICTURE PEOPLE name underneath smilestore so it can be used at that size everywhere)
- insert the layout in a outlook interface and in a yahoo interface to see how it looks.

 

Forgot Password

 

 

New
White Banner

- New organization, font style and color for the white banner.

 

Claim page1 & 2

- Adapting Zazzle design with our color and font chart
- Integrate Betsy comment on wording
- inserting some ad zone smiliar to the registeration page as it is in fact a registration page...

 

Register page

This is the page appearing when the user is on the smilestore home page and click the register button. TOP navigatio should appear so user has access to all the presentation page containing info about product and features.

 

My Albums, View Album, My SmileStore

3 pages with top menu integrating the new features My Projects and showing both access to top features.

 

Templates pages for features

this templates can be used to present or promote the features benefits and ease of use.

 

Login Page

Login page: This page will appear to the user who is browsing pages as a visitor first, and then want to actually access his account or register.

 

Share Email

Email send by the user to his/her friends and family...

 
Coupon & email

- New design for the coupon and email with always the same format and the same header. we the hope of having more text format in the editable zone, so people can see the layout in every email application that prevent images to be display.