41
2009© Ineffable Solutions, LLC., All rights res 1 Mockup Revision #2

2009© Ineffable Solutions, LLC., All rights reserved. 1 Mockup Revision #2

Embed Size (px)

Citation preview

Page 1: 2009© Ineffable Solutions, LLC., All rights reserved. 1 Mockup Revision #2

2009© Ineffable Solutions, LLC., All rights reserved.1

Mockup Revision #2

Page 2: 2009© Ineffable Solutions, LLC., All rights reserved. 1 Mockup Revision #2

2009© Ineffable Solutions, LLC., All rights reserved.2

Main Page

Page 3: 2009© Ineffable Solutions, LLC., All rights reserved. 1 Mockup Revision #2

2009© Ineffable Solutions, LLC., All rights reserved.3

Mockup.jpg:The color palette is to be used for the entire site.

Page 4: 2009© Ineffable Solutions, LLC., All rights reserved. 1 Mockup Revision #2

2009© Ineffable Solutions, LLC., All rights reserved.4

Barber/Client Login

Page 5: 2009© Ineffable Solutions, LLC., All rights reserved. 1 Mockup Revision #2

2009© Ineffable Solutions, LLC., All rights reserved.5

Site Pages:• Home• About • Services• Our Team• Employment• Locations• Contact Us• Appointments• Links

Page 6: 2009© Ineffable Solutions, LLC., All rights reserved. 1 Mockup Revision #2

2009© Ineffable Solutions, LLC., All rights reserved.6

About Us:• General Information about company• History• Store Locations & link to Locations

Page• Hours of operations

Page 7: 2009© Ineffable Solutions, LLC., All rights reserved. 1 Mockup Revision #2

2009© Ineffable Solutions, LLC., All rights reserved.7

Services:• Services list is like a “Restaurant Menu”• Each service has an accompanying picture• Appointments can be scheduled from services

page

Page 8: 2009© Ineffable Solutions, LLC., All rights reserved. 1 Mockup Revision #2

2009© Ineffable Solutions, LLC., All rights reserved.8

Our Team (List of Barbers/Stylists):• Ability to See Profile of barber/stylist• Ability to See Portfolio of

barber/stylist• Ability to book appointment from this

page if logged in• If not logged in it will take you to the

registration page

Page 9: 2009© Ineffable Solutions, LLC., All rights reserved. 1 Mockup Revision #2

2009© Ineffable Solutions, LLC., All rights reserved.9

Appointments:

All users will see:• you will see the general Appointment

book for all customers (Excluding customer names Only time slots will be in view).

• A section that says you must log in or register

Only logged in users will see:• A section for booking appointments

• When Appointments is clicked a list of barbers/stylists will pop up. You will be able to view the schedule/Portfolio/and choose a barber. Then you will choose the service

• Next you will choose a time (based on the service).

• Hit Submit and you will be sent an email reminder

• If you do not want to choose a barber you can select (First Available)

Page 10: 2009© Ineffable Solutions, LLC., All rights reserved. 1 Mockup Revision #2

2009© Ineffable Solutions, LLC., All rights reserved.10

Flash Image Fader

Page 11: 2009© Ineffable Solutions, LLC., All rights reserved. 1 Mockup Revision #2

2009© Ineffable Solutions, LLC., All rights reserved.11

User Login:•Register Link•Existing Users Link

Page 12: 2009© Ineffable Solutions, LLC., All rights reserved. 1 Mockup Revision #2

2009© Ineffable Solutions, LLC., All rights reserved.12

Barber Pole:Note: Image may be copyright protected. Will need to be replaced. Next version needs to rotate. (Optional)

Page 13: 2009© Ineffable Solutions, LLC., All rights reserved. 1 Mockup Revision #2

2009© Ineffable Solutions, LLC., All rights reserved.13

Blurb:Blurb About What A Cut

(Learn More Button that leads to About Us Page)

Page 14: 2009© Ineffable Solutions, LLC., All rights reserved. 1 Mockup Revision #2

2009© Ineffable Solutions, LLC., All rights reserved.14

Social Networking Links:(Twitter, Myspace, Facebook) Note: In this incarnation of the website, these are only empty hyperlinks. …for now.

Page 15: 2009© Ineffable Solutions, LLC., All rights reserved. 1 Mockup Revision #2

2009© Ineffable Solutions, LLC., All rights reserved.15

Latest Pictures Taken:The newest eight pictures posted by the barbers.

Page 16: 2009© Ineffable Solutions, LLC., All rights reserved. 1 Mockup Revision #2

2009© Ineffable Solutions, LLC., All rights reserved.16

Locations Page

Page 17: 2009© Ineffable Solutions, LLC., All rights reserved. 1 Mockup Revision #2

2009© Ineffable Solutions, LLC., All rights reserved.17

Location Page:Google API (JavaScript)Identical in function to supercuts’Locations stored in MySQL tableLongitudes/Latitudes in lookup table

Page 18: 2009© Ineffable Solutions, LLC., All rights reserved. 1 Mockup Revision #2

2009© Ineffable Solutions, LLC., All rights reserved.18

ZIP Code Entry Box:User enters zip code and distance from [location table] is displayed as a list of address and as a map. If no zip code is entered then the default zip code is 30297 and the default radius is 25 miles.

Page 19: 2009© Ineffable Solutions, LLC., All rights reserved. 1 Mockup Revision #2

2009© Ineffable Solutions, LLC., All rights reserved.19

Search Results List:

Page 20: 2009© Ineffable Solutions, LLC., All rights reserved. 1 Mockup Revision #2

2009© Ineffable Solutions, LLC., All rights reserved.20

Google API Map: Note: “Map” view will be the default.

Page 21: 2009© Ineffable Solutions, LLC., All rights reserved. 1 Mockup Revision #2

2009© Ineffable Solutions, LLC., All rights reserved.21

User Profile Page(s)

Page 22: 2009© Ineffable Solutions, LLC., All rights reserved. 1 Mockup Revision #2

2009© Ineffable Solutions, LLC., All rights reserved.22

Note: The “Golf” site is to be used as a LAYOUT reference only. Use the same color palette and logo as the mockup.jpg

Page 23: 2009© Ineffable Solutions, LLC., All rights reserved. 1 Mockup Revision #2

2009© Ineffable Solutions, LLC., All rights reserved.23

Profile Pictures:Patron is able to upload one picture to their profile.

Page 24: 2009© Ineffable Solutions, LLC., All rights reserved. 1 Mockup Revision #2

2009© Ineffable Solutions, LLC., All rights reserved.24

General Profile Information:•Name•Phone #•Address•Email Address

Page 25: 2009© Ineffable Solutions, LLC., All rights reserved. 1 Mockup Revision #2

2009© Ineffable Solutions, LLC., All rights reserved.25

Newsfeed:•Latest news•Latest barber shop “tweets” from Twitter

Page 26: 2009© Ineffable Solutions, LLC., All rights reserved. 1 Mockup Revision #2

2009© Ineffable Solutions, LLC., All rights reserved.26

Future Scheduled Appointments:•New patrons are only able to schedule one week In the future

•Regular patrons (10 or more visits) will be able to schedule up to 2 weeks in advance

Page 27: 2009© Ineffable Solutions, LLC., All rights reserved. 1 Mockup Revision #2

2009© Ineffable Solutions, LLC., All rights reserved.27

Action Buttons:Add/delete/edit Appointments

Page 28: 2009© Ineffable Solutions, LLC., All rights reserved. 1 Mockup Revision #2

2009© Ineffable Solutions, LLC., All rights reserved.28

User Profile Page(s)[What a barber/stylist sees]

Note: Unless otherwise noted, the barber/stylist view of the client’s profile is identical to the client’s view.

Page 29: 2009© Ineffable Solutions, LLC., All rights reserved. 1 Mockup Revision #2

2009© Ineffable Solutions, LLC., All rights reserved.29

Profile Information Restriction:Note: Barber/stylists (with the exception of the Location’s Master Barber) are only able to see a client’s: Name, Phone Number, and email address.

Page 30: 2009© Ineffable Solutions, LLC., All rights reserved. 1 Mockup Revision #2

2009© Ineffable Solutions, LLC., All rights reserved.30

Links to Picture Pages:View: Links to that patron’s photo gallery (pictures uploaded by barber of patron).

Page 31: 2009© Ineffable Solutions, LLC., All rights reserved. 1 Mockup Revision #2

2009© Ineffable Solutions, LLC., All rights reserved.31

Barber/Stylist Notes:•Style preferences•Hair treatments•Safety warnings•Personality reminders•Birthdays & special dates•Etc.

Page 32: 2009© Ineffable Solutions, LLC., All rights reserved. 1 Mockup Revision #2

2009© Ineffable Solutions, LLC., All rights reserved.32

Barber/Stylist Profile Page(s)

Page 33: 2009© Ineffable Solutions, LLC., All rights reserved. 1 Mockup Revision #2

2009© Ineffable Solutions, LLC., All rights reserved.33

Barber/Stylist's profile Page:Layout and style is virtually identical to the client’s profile page.

Notable Exceptions:•Appointment calendar is larger•Personal info is truncated•Barber’s message board dominates bottom.

Page 34: 2009© Ineffable Solutions, LLC., All rights reserved. 1 Mockup Revision #2

2009© Ineffable Solutions, LLC., All rights reserved.34

Profile Pictures:Barber is able to upload one main picture of themselves to their profile (or not). When “View” is click, Barber is taken to a page were the pictures they have uploaded are sorted into folders named after the customers they contain. (This is nearly identical to the way FaceBook handles “Picture Albums”)

Page 35: 2009© Ineffable Solutions, LLC., All rights reserved. 1 Mockup Revision #2

2009© Ineffable Solutions, LLC., All rights reserved.35

General Profile Information:•Name•Phone #•Address•Email Address

Page 36: 2009© Ineffable Solutions, LLC., All rights reserved. 1 Mockup Revision #2

2009© Ineffable Solutions, LLC., All rights reserved.36

Action Buttons:Add/delete/edit Appointments

Page 37: 2009© Ineffable Solutions, LLC., All rights reserved. 1 Mockup Revision #2

2009© Ineffable Solutions, LLC., All rights reserved.37

Future Appointments:•All assigned appointments are listed•Barber is able to alter/edit Appointments

Page 38: 2009© Ineffable Solutions, LLC., All rights reserved. 1 Mockup Revision #2

2009© Ineffable Solutions, LLC., All rights reserved.38

Barber’s Update Windows:•Barber’s personal updates posted by themselves.•Viewable by all other barbers•Other barbers can post to it.

Page 39: 2009© Ineffable Solutions, LLC., All rights reserved. 1 Mockup Revision #2

2009© Ineffable Solutions, LLC., All rights reserved.39

Admin Page

Page 40: 2009© Ineffable Solutions, LLC., All rights reserved. 1 Mockup Revision #2

2009© Ineffable Solutions, LLC., All rights reserved.40

Admin Page:Can Add/Delete/Edit:•Locations•Barber/Stylists•Patrons•Coupons•News•Specials

Page 41: 2009© Ineffable Solutions, LLC., All rights reserved. 1 Mockup Revision #2

2009© Ineffable Solutions, LLC., All rights reserved.41

Questions / Comments