2009© Ineffable Solutions, LLC., All rights reserved.1
Mockup Revision #2
2009© Ineffable Solutions, LLC., All rights reserved.2
Main Page
2009© Ineffable Solutions, LLC., All rights reserved.3
Mockup.jpg:The color palette is to be used for the entire site.
2009© Ineffable Solutions, LLC., All rights reserved.4
Barber/Client Login
2009© Ineffable Solutions, LLC., All rights reserved.5
Site Pages:• Home• About • Services• Our Team• Employment• Locations• Contact Us• Appointments• Links
2009© Ineffable Solutions, LLC., All rights reserved.6
About Us:• General Information about company• History• Store Locations & link to Locations
Page• Hours of operations
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
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
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)
2009© Ineffable Solutions, LLC., All rights reserved.10
Flash Image Fader
2009© Ineffable Solutions, LLC., All rights reserved.11
User Login:•Register Link•Existing Users Link
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)
2009© Ineffable Solutions, LLC., All rights reserved.13
Blurb:Blurb About What A Cut
(Learn More Button that leads to About Us Page)
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.
2009© Ineffable Solutions, LLC., All rights reserved.15
Latest Pictures Taken:The newest eight pictures posted by the barbers.
2009© Ineffable Solutions, LLC., All rights reserved.16
Locations Page
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
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.
2009© Ineffable Solutions, LLC., All rights reserved.19
Search Results List:
2009© Ineffable Solutions, LLC., All rights reserved.20
Google API Map: Note: “Map” view will be the default.
2009© Ineffable Solutions, LLC., All rights reserved.21
User Profile Page(s)
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
2009© Ineffable Solutions, LLC., All rights reserved.23
Profile Pictures:Patron is able to upload one picture to their profile.
2009© Ineffable Solutions, LLC., All rights reserved.24
General Profile Information:•Name•Phone #•Address•Email Address
2009© Ineffable Solutions, LLC., All rights reserved.25
Newsfeed:•Latest news•Latest barber shop “tweets” from Twitter
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
2009© Ineffable Solutions, LLC., All rights reserved.27
Action Buttons:Add/delete/edit Appointments
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.
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.
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).
2009© Ineffable Solutions, LLC., All rights reserved.31
Barber/Stylist Notes:•Style preferences•Hair treatments•Safety warnings•Personality reminders•Birthdays & special dates•Etc.
2009© Ineffable Solutions, LLC., All rights reserved.32
Barber/Stylist Profile Page(s)
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.
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”)
2009© Ineffable Solutions, LLC., All rights reserved.35
General Profile Information:•Name•Phone #•Address•Email Address
2009© Ineffable Solutions, LLC., All rights reserved.36
Action Buttons:Add/delete/edit Appointments
2009© Ineffable Solutions, LLC., All rights reserved.37
Future Appointments:•All assigned appointments are listed•Barber is able to alter/edit Appointments
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.
2009© Ineffable Solutions, LLC., All rights reserved.39
Admin Page
2009© Ineffable Solutions, LLC., All rights reserved.40
Admin Page:Can Add/Delete/Edit:•Locations•Barber/Stylists•Patrons•Coupons•News•Specials
2009© Ineffable Solutions, LLC., All rights reserved.41
Questions / Comments