c:\fakepath\ivy w6 a1 final project beads com

21
Linda Ivy [email protected] beads.com a web site “For the artist in all of us”

Upload: linda-ivy

Post on 23-Jan-2015

395 views

Category:

Education


0 download

DESCRIPTION

Information for making web site

TRANSCRIPT

Page 1: C:\Fakepath\Ivy W6 A1 Final Project Beads Com

Linda [email protected]

beads.com a web site

“For the artist in all of us”

Page 2: C:\Fakepath\Ivy W6 A1 Final Project Beads Com

2

Goals Page 2Objectives Page 3User and User's Needs Page 4Persona One Page 5Persona Two Page 6Persona Three Page 7Persona Four Page 8The Team Page 9User Scenario Page 10 and 11Functional Specifications Page 12 and 13Content Assets Page 14Information Architecture Map Page 15Wire Frame: Home Page 16Wire Frame: Links Page 17Wire Frame: Gallery Page 18Wire Frame: Beads Page 19Design Parameters Page 20

Table of Contents

Page 3: C:\Fakepath\Ivy W6 A1 Final Project Beads Com

3

1. Create a space for bead makers and beading designers to gather as a group.

2. Permit individual bead makers and designers to create an individual product space.

3. Allow sales of beads and bead creations to the public.

4. Offer jewelry creating and design tutorials to the public.

Goals

Page 4: C:\Fakepath\Ivy W6 A1 Final Project Beads Com

4

Design an interface that is recognizable to bead makers and designers and an interface which will be used by new users.

Free membership with profile page.

Offer flash player to view videos.

Offer FAQs on membership benefits.

Offer FAQs for all items and to all artist.

Offer secure ecommerce.

Objectives

Page 5: C:\Fakepath\Ivy W6 A1 Final Project Beads Com

5

The users for this site will be many.

From the beginner beadier to the jewelry designer.

A place to buy many different styles of beads.

A place to buy and sale very unique pieces of jewelry and art.

A place to learn new and wonderful craft and design ideas.

A place for a beginner beadier to network with fashion and jewelry designers.

Users and User’s Needs

Page 6: C:\Fakepath\Ivy W6 A1 Final Project Beads Com

6

Hypothetical User High School Art TeacherName: KarenAge: 34

Karen is a High School Art Teacher and this school year she wants to offer her students many ways to be creative with beads.com this site will offer many videos and articles with tips and classes on making jewelry and all sorts of things with beads. This site offers all the things an art teacher could use for some extra creative ideas.

Persona One

Page 7: C:\Fakepath\Ivy W6 A1 Final Project Beads Com

7

Hypothetical UserJewelry Designer Name: BrittanyAge: 55

Brittany is a jewelry designer of one of kind beaded pieces of jewelry. Sometimes Brittany needs a number of items right away and being a member of beads.com offers next day deliveries for all of her everyday supplies at no extra charge.

Persona Two

Page 8: C:\Fakepath\Ivy W6 A1 Final Project Beads Com

8

Hypothetical User Medical Therapists Name: Teresa Age: 51

Teresa is a Medical Therapists with a hobby of making hand bags, studs for shoes, charms to put on wine glasses and many other things made with beads.

Since beads.com offers many articles with many different ideas for every creative hobby project Teresa has been busy making things for her family and all her friends.

Persona Three

Page 9: C:\Fakepath\Ivy W6 A1 Final Project Beads Com

9

Hypothetical UserStudent of Criminal JusticeName: CharlesAge: 24

Charles is a student of Criminal Justice and loves his Mother dearly. Since going to school and being very busy he misses seeing his Mother for her birthday. For this he wants to find something special for his Mother this year. He knows his Mom loves all kinds of beads. So he sets out to find a one of a kind piece of beaded jewelry for his Mom. When he comes across the beads.com website instantly beautiful pieces of beaded jewelry flashes across the page. Just what he was looking for.

Persona Four

Page 10: C:\Fakepath\Ivy W6 A1 Final Project Beads Com

10

Is a group of artist with a total of 20 years of experience in beaded jewelry making, bending wire, blowing glass and making beads and wood craving.

They decided to combine their love of making their jewelry and their love of beads together. They feel that everyone has an artistic side and the variety of beads and supplies for their crafts are made available to everyone on this site. This team has put together many tips and videos they are sure to capture not only the designer but also the beginner as well.

The team guarantees to sale quality produces.

They hope to educate the public about how a simple beaded necklace or a bracelet or even a pair of earrings could help turn a beginner beadier into a great designer because they believe there is creative ability in us all.

The Team

Page 11: C:\Fakepath\Ivy W6 A1 Final Project Beads Com

11

Alex is the head coach of her daughters volleyball team in their hometown.

She has gone to the local crafts store to purchase some items for the Christmas party the team has been planning.

The manager of the craft store is ordering supplies for the store on her computer where in the corner of Rachel's eyes she sees a beautiful bracelet on the computer’s screen.

Alex thought this could be a Christmas present for her oldest daughter this year she quickly asks about the bracelet.

User Scenario

Page 12: C:\Fakepath\Ivy W6 A1 Final Project Beads Com

12

User Scenario continues

The manager responses by telling Rachel that this is a new web site their store is trying for supplies. She continues to tell Rachel all the things the web site offers.

Then she shows Alex how quickly everything works.

When Alex went home that evening she searched out this new web site.

Quickly became a member and bought that piece that first caught her eye, one for herself and she couldn’t help her self so she bought a few of the starter kits for all her other girls on the volleyball team.

Page 13: C:\Fakepath\Ivy W6 A1 Final Project Beads Com

13

beads.com is an online web site service for sales of beads and jewelry.

This site is for the beginner beadier and the jewelry designer.

First time visitors to the site can choose to become a member or remain a guest.

If you remain a guest you may search picture after picture of beads and add them to the guest shopping cart set up for you while you browse the site.

There are many articles and videos of beads, jewelry and designs with lots of craft ideas for everyone.

Functional Specifications

Page 14: C:\Fakepath\Ivy W6 A1 Final Project Beads Com

14

Functional Specifications continues

Membership is free once asked to choose a username and password.

Each time visiting the site login by using the user name and password.

This enables the member to set up his/her profile page.

This page allows the member to share comments and ask questions.

This page will also allow the member to view the items they have added to their shopping cart which will always be saved until they choose to remove it.

Page 15: C:\Fakepath\Ivy W6 A1 Final Project Beads Com

15

ASSET FORMAT INFO

beads.com .gif Logo on every page.

Photos of Beads .jpg Small size used for thumbnails and will link to the larger image.

Articles Articles can be saved to profile page.

Videos flash player View videos on site or download for later.

Photos for jewelry .jpg Detail shots of each piece of jewelry.

Links Hyperlink Links to different pieces of jewelry.

Content Assets

Page 16: C:\Fakepath\Ivy W6 A1 Final Project Beads Com

16

Links(hierarchy)

Videos(hierarchy)

Gallery(hierarchy)

Articles(hierarchy)

Beads(radial)

Artwork(radial)

Jewelry(radial)

Classes(radial)

ArtistDesigner

Links

Home

Information Architecture Map

Page 17: C:\Fakepath\Ivy W6 A1 Final Project Beads Com

17

Logo Graphic Header

Courtesy Navigation Contact Info

Global Navigatio

n

Jewelry Image

Articles

Videos

The logo will be on every page and the graphic header will be on every page also plus it will change depending on the page. The global navigation will be on the left always no need to search for it and Navigation on the bottom of every page.

Wire Frame: Home Page

Page 18: C:\Fakepath\Ivy W6 A1 Final Project Beads Com

18

The main content stays in the main section. The links page will have many other jewelry pieces to select.

Logo Graphic Header

Courtesy Navigation Contact Info

Global Navigatio

n

Links

Th

um

bn

ails

Wire Frame: Links Page

Page 19: C:\Fakepath\Ivy W6 A1 Final Project Beads Com

19

The Gallery page will have teaser images of each category or the user can play a slide show of all images in each category.

Logo Graphic Header

Courtesy Navigation Contact Info

Beads

Beads Kits

BeadedArtwor

k

BeadedJewelryGlobal

Navigation

Thumbnails

Wire Frame: Gallery

Large Image

Page 20: C:\Fakepath\Ivy W6 A1 Final Project Beads Com

20

Logo Graphic Header

Courtesy Navigation Contact Info

$0.00

Description

Larger ImageLarge Image

Thumbnails

Gallery of Beads

The Gallery of beads allows you to view beads from many thumbnail size of each bead and a larger image will be provided.

Each piece will have a description and a dropdown price list .

Global Navigation

Wire Frame: Beads

Page 21: C:\Fakepath\Ivy W6 A1 Final Project Beads Com

21

Arial fonts only

TypographyColors

White

Gray

Tan

Lt. Brown

Brown

Design Parameters