Wine Retailer Website Design

FROM SITE MAP TO VISUAL

Define the structure of web site with site map. Layout and identify behaviour of page with wireframe. Finally, we will have visual design.

SITE MAP

THE STRUCTURE OF WEBSITE

The site map is used to describe the hierarchies and connections of pages of web site.

WIREFRAME OF 1.0 HOME PAGE

WIREFRAME AND ANNOTATIONS

Identify the proposed content, structure, functional behaviours of 1.0 Home Page.

WIREFRAME OF 2.0 SEARCH RESULT

WIREFRAME AND ANNOTATIONS

Identify the proposed content, structure, functional behaviours of 2.0 Search Result.

WIREFRAME OF 2.1 LISTING

WIREFRAME AND ANNOTATIONS

Identify the proposed content, structure, function behaviours and of 2.1 Listing.

VISUAL DESIGN OF 1.0 HOME PAGE

VISUAL DESIGN

Actual appearance of 1.0 Home Page.

VISUAL DESIGN OF 2.0 SEARCH RESULT

VISUAL DESIGN

Actual Appearance of 2.0 Search Result.

VISUAL DESIGN OF 2.1 LISTING

VISUAL DESIGN

Actual Appearance of 2.1 Listing.

WINE RETAILER PROJECT

ALL ABOUT REQUIREMENTS

CHEERS is a wine retailer which want to set up a web site to sell and promote wines. The business stakeholder of CHEERS also requires the same functions on apps.

APPS DESIGN

FROM APPS MAP TO VISUAL

Define the structure of apps with apps map. Layout and identify behaviour of screens with wireframes. Finally, we will have visual designs.