23
BLUEPRINT ASSIGNMENT Submitted by: Poonam Songar

Blueprint (Tom Bihn Website)

Embed Size (px)

DESCRIPTION

Three level deep bluepring for the website http://www.tombihn.com/

Citation preview

Page 1: Blueprint (Tom Bihn Website)

 

 

 

 

BLUEPRINT ASSIGNMENT 

 

 

 

 

 

 

Submitted by: 

Poonam Songar 

 

 

Page 2: Blueprint (Tom Bihn Website)

 

 

 

Abstract 

The website www.tombihn.com is a great work as it is evident that in creating the 

website a lot of focus has been on customer needs and satisfaction. The following 

blueprints shed  light on an overall structure of  the website by  identifying major 

sections, page  specific elements, navigation elements  and  all mandatory  inputs 

taken on a web page. Three sections namely “Forum”, “Tom Bihn Blog” and “Tom 

Bihn  Bag  Blog” were  not  really  considered  as  important  in  understanding  the 

overall structure of the website and thus have not been illustrated. 

 

 

 

 

Page 3: Blueprint (Tom Bihn Website)

www.tombihn.com

Page Element

Web Page

Group of Web Pages

LEGEND

Pop up window

Links to a section of the wesbite

LEVEL 0

External Links

Content Home Page: December 12, 2008

SEARCH

Laptop Bag Fit Guide

PC Users: Link toLaptopBag Fit Guide

18.0

Mac Users: Link to Gallery Page

of fit bags

Global Navigation

Contact2.0

About Us1.0

Forum14.0

Tom Bihn Blog16.0

FAQ13.0

Site Map11.0

Customer Pictures12.0

Tom Bihn Bag Blog

15.0

Shopping Categories

Laptop Bags3.0

Briefcases5.0

Backpacks4.0

Messenger Bags6.0

Travel Bags7.0

Accessories8.0

Gift Ideas10.0

Knitting & Tote Bags9.0

www.tombihn.com

Graphical and Textual Links to featured Product Pages

28.0

Checkpoint Flyer

Zephyr

ArchetypeUtility Tote

Buzz

NOTES

1. Home Page presents users with the main

categories of products offered

2. It also provides quick links to featured products

1

2

Page 4: Blueprint (Tom Bihn Website)

COMMON ELEMENTS LEVEL 1 and LEVEL 2

Search

Footer

Contact Form17.0

Riley’s Page21.0

Tom Bihn Bag Blog15.0

Guarantee20.0

Mailing List24.0

Laptop Bag Fit Guide18.0

Privacy Statement22.0

GeoTrust Certification19.0

Persistent Navigation

Basket24.0

Checkout25.0

LogIn / Logout27.0

Wishlist26.0

Page Element

Web Page

Group of Web Pages

Pop up window

Links to an entirely different section of the wesbite

External Links

LEGEND

Global Navigation

Contact2.0

About Us1.0

Forum14.0

Tom Bihn Blog16.0

FAQ13.0

Site Map11.0

Customer Pictures12.0

Shopping Categories

Laptop Bags3.0

Briefcases5.0

Backpacks4.0

Messenger Bags6.0

Travel Bags7.0

Accessories8.0

Gift Ideas10.0

Knitting & Tote Bags9.0

NOTES

Global and Persistent navigation elements along with a Footer and Search

are always present on Level 1 and Level 2 pages

Page 5: Blueprint (Tom Bihn Website)

LEVEL 1

About Us1.0

Content about Employees and their Pictures

External Links

Page Element

Web Page

Group of Web Pages

Pop up window

Links to an entirely different section of the wesbite

External Links

LEGEND

Page 6: Blueprint (Tom Bihn Website)

LEVEL 1

Contact2.0

Information about the particular contacting Tom

Bihn

Page Element

Web Page

Group of Web Pages

Pop up window

Links to an entirely different section of the wesbite

External Links

LEGEND

Contact Form

Mapquest Directions

Page 7: Blueprint (Tom Bihn Website)

LEVEL 1

Laptop Bags3.0

Information about the particular bag type

External Links

Internal Links

Page Element

Web Page

Group of Web Pages

Pop up window

Links to an entirely different section of the wesbite

External Links

LEGEND

Link to Product Pages

Checkpoint FlyerHorizontal Brain Cell

Smart AlecEmpire Builder

Ristretto Messenger

Western Flyer

Vertical Brain Cell

Brain Bag

ID

The Archetype

Super EgoThe Zephyr

Ruck’s SacBuzz

The EgoCheckpoint Flyer Laptop Case

Page 8: Blueprint (Tom Bihn Website)

LEVEL 1

Backpacks4.0

Page Element

Web Page

Group of Web Pages

Pop up window

Links to an entirely different section of the wesbite

External Links

LEGEND

Information about the particular bag type

External Links

Internal Links

Link to Product Pages

Smart Alec

Ruck’s Sac

Buzz

The Aeronaut

Brain Bag

Western Flyer

Page 9: Blueprint (Tom Bihn Website)

LEVEL 1

Backpacks4.0

Page Element

Web Page

Group of Web Pages

Pop up window

Links to an entirely different section of the wesbite

External Links

LEGEND

Information about the particular bag type

External Links

Internal Links

Link to Product Pages

Smart Alec

Ruck’s Sac

Buzz

The Aeronaut

Brain Bag

Western Flyer

Page 10: Blueprint (Tom Bihn Website)

LEVEL 1

Messenger Bags6.0

Page Element

Web Page

Group of Web Pages

Pop up window

Links to an entirely different section of the wesbite

External Links

LEGEND

Information about the particular bag type

External Links

Internal Links

Link to Product Pages

SwiftSuper Ego

BuzzThe Imago

The Ego

Western FlyerMedium Café Bag

Small Café Bag

ID

Empire Builder

The ZephyrRistretto Messenger

Checkpoint Flyer

The AeronautLarge Café Bag

Page 11: Blueprint (Tom Bihn Website)

LEVEL 1

Travel Bags7.0

Information about the particular bag type

External Links

Internal Links

Page Element

Web Page

Group of Web Pages

Pop up window

Links to an entirely different section of the wesbite

External Links

LEGEND

Link to Product Pages

The Aeronaut

Western Flyer

Smart Alec

Ruck’s Sac

Passport Pouch

Empire Builder

Large Café BagCheckpoint FlyerSuper Ego

Small Café Bag

Kit

Ristretto Messenger

Stuff Sack

The Zephyr

The Ego

Medium Café BagID

Snake Charmer

Page 12: Blueprint (Tom Bihn Website)

LEVEL 1

Accessories8.0

Page Element

Web Page

Group of Web Pages

Pop up window

Links to an entirely different section of the wesbite

External Links

LEGEND

Link to Product Pages

Shoulder Straps

Horizontal Freudian Slip

Vertical Freudian Slip

Key Strap

Absolute Shoulder Strap

Ego and Super Ego Strips

Simple Shoulder Strap

QAM Shoulder StrapTera Grip Shoulder StrapCord Zipper Pulls

Strapeez

Organizer Pouches

Clear Organizer PouchesPadded Organizer PouchesCordura Organizer Pouches

Cork Organizer Pouches Kit

Shop Bag

Snake Charmer

Stuff Sack

Passport Pouch

Cucardian Dual Function Light

Packing

Checkpoint Flyer Laptop Case

Extra File Dividers

Convertible Packing Cube/Shoulder Bag

Packing CubesClear Quarter Packing Cube

Packing Cube Backpack

Information about the particular bag type

External Links

Internal Links

Page 13: Blueprint (Tom Bihn Website)

LEVEL 1

Knitting & Tote Bags9.0

Page Element

Web Page

Group of Web Pages

Pop up window

Links to an entirely different section of the wesbite

External Links

LEGEND

Information about the particular bag type

External Links

Internal Links

Link to Product Pages

Swift

Utility Tote

Shop Bag

Kit

Stuff Sack

Page 14: Blueprint (Tom Bihn Website)

LEVEL 1

Gift Ideas

Information about the particular bag type

External Links

Internal Links

Page Element

Web Page

Group of Web Pages

Pop up window

Links to an entirely different section of the wesbite

External Links

LEGEND

Link to Product Pages

Clear Organizer PouchesShop BagPacking CubesThe Aeronaut

Small Café Bag

Stuff Sac

Checkpoint Flyer

The Imago

Utility Tote

Guardian Dual Function Light

Cork Organizer Pouches

Swift

Clear Quarter Packing Cube

Convertible Packing Cubes/Shoulder Bag

Padded Organizer Pouches

Kit

Passport PouchRuck’s Sac

Horizontal Freudian SlipVertical Freudian Slip

Empire Builder

$100 Gift Certificate

Cordura Organizer Pouches

Western Flyer

Absolute Shoulder Strap

The Archetype

Packing Cube BackpackLarge Café Bag

$50 Gift Certificate$20 Gift Certificate

Car Sticker #1Medium Café Bag

$150 Gift Certificate

$200 Gift Certificate

Empire Builder

Ristretto Messenger

$250 Gift Certificate

Page 15: Blueprint (Tom Bihn Website)

LEVEL 1

Customer Pictures12.0

Customer Information and pictures

Page Element

Web Page

Group of Web Pages

Pop up window

Links to an entirely different section of the wesbite

External Links

LEGEND

External Links

Page 16: Blueprint (Tom Bihn Website)

LEVEL 1

FAQ13.0

About Tom Bihn Bags and Designs

Links to answers

Page Element

Web Page

Group of Web Pages

Pop up window

Links to an entirely different section of the wesbite

External Links

LEGEND

Cleaning, Repairs, Returns

Links toanswers

Buying our Bags

Links to answers

About Tom Bihn

Links to answers

Shipping prices and practices

Links toanswers

Answers

Internal Links

Page 17: Blueprint (Tom Bihn Website)

LEVEL 1

Laptop Bag Fit Guide18.0

List of suggested bags that Fitselected brand and model

Page Element

Web Page

Group of Web Pages

Pop up window

Links to an entirely different section of the wesbite

External Links

LEGEND

Forum

Close Pop-up Window

Selection for getting advice on laptop bags

that fit a particular laptop

Choose your laptop

brand

Choose your laptop

model

Contact Form

Email

Page 18: Blueprint (Tom Bihn Website)

LEVEL 2

Product Page28.0

Product ReviewsGrading Reviews

More Reviews

Page Element

Web Page

Group of Web Pages

Pop up window

Links to an entirely different section of the wesbite

External Links

LEGEND

External Links

Required Selection

Pick a color

Pick a size

Pick a shoulder strap

Add horizontal Freudian Slip

Add packing cubes

QuantityContextual Navigation

FAQ

Video

Colors

Fit List

Colors and detail views

Laptop fit link

Accessories

Recently Viewed Items

Add to basket

Add to wishlist

Bulleted product facts andProduct details

Internal links

External links

Page 19: Blueprint (Tom Bihn Website)

LEVEL 2

Page Element

Web Page

Group of Web Pages

Pop up window

Links to an entirely different section of the wesbite

External Links

LEGEND

Product Details

Quantity Update

Remove Product

Checkout

Continue Shopping(Product page of

last bag checked in)

Basket24.0

Page 20: Blueprint (Tom Bihn Website)

LEVEL 2

Checkout25.0

Page Element

Web Page

Group of Web Pages

Pop up window

Links to an entirely different section of the wesbite

External Links

LEGEND

Order specific information

Gift Certificate

Billing Address

Shipping Address

Shipping Option

Payment Method

Place OrderBasket Summary

View Basket

Page 21: Blueprint (Tom Bihn Website)

LEVEL 2

Page Element

Web Page

Group of Web Pages

Pop up window

Links to an entirely different section of the wesbite

External Links

LEGEND

Checkout

Wishlist26.0

Products DetailsProducts Details

Page 22: Blueprint (Tom Bihn Website)

LEVEL 2

Login Page27.0

Page Element

Web Page

Group of Web Pages

Pop up window

Links to an entirely different section of the wesbite

External Links

LEGEND

Login

Create New Account

Mailing list sign up

Page 23: Blueprint (Tom Bihn Website)

LEVEL 1

Sitemap11.0

FAQ/Guarantee

Internal Links

Page Element

Web Page

Group of Web Pages

Pop up window

Links to an entirely different section of the wesbite

External Links

LEGEND

Shop Tom Bihn

Internal Links

Contact Us and Interact

Internal Links

About Us

Internal Links