Cuckoo Coffee Workflow and Wireframes
Transcript of Cuckoo Coffee Workflow and Wireframes
THE CUCKOO COFFEE ORDERING SYSTEMLattes for the multitudes…
Web Application Work Flow
AccountHolder
AccountLogin
New Account Creation
Select Order or Add New
Create New Order, Send Invitations
AddDrinks
Verify, Modify & Submit Order
Enter Payment
Info
Drink Options
Receive & Distribute
Labeled Drinks at Meeting
Meeting Participants
Confirmation (meeting participants only)
Confirmation
Slide 3 Slide 4 Slide 5
Slide 6
Slide 7
Select Order or Add NewCuckoo Coffee, Inc.
Select an order or create a new one...
Create New
All
In Progress
Past Orders
Delivery Date/Time Order Name Date Ordered Options
1-5 of 6 Next >
Tues 11/8, 4:00 PM
Tues 11/8, 11:00 AM
Weds 11/2, 2:00 PM
Tues 11/1, 12:00 PM
Monday 10/31, 4:00 PM
Sam’s Last Day
Discuss New Release
Meet with Marketing
Tommy’s Brown Bag
User Survey Findings
Fri 11/4
Tues 10/8
Tues 10/22
Fri 10/21
Mon 10/17
View / Modify / Submit
View / Modify / Submit
View
View
View
Past orders are view only
Click link to view the Verify
Order page
Click headers to change the
sort order
Create New Order, Send InvitationsCuckoo Coffee, Inc.
Create New Order...
Delivery Date:*
Delivery Time:*
Room/Location:*
Send Drink Order Invitations (enter email addresses):
Delivery Address: EditConsectetuer Adipiscing Elit Sed Diam Nonummy Dr. Nibh Euismod, MS 12345
Create / Send
Order Name:*
Calendar control
Editable, if delivery address is different than account address
Javascript control “remembers” and
suggests emails as Account Holder types
Add Drinks
Image
Café Latte
Espresso Drinks
Image
French Roast
Coffee Drinks
Image
Hot Tea
Tea Drinks
Cuckoo Coffee, Inc.
Image
Mocha Latte
Image
Columbian Roast
Image
Tea Latte
Image
Vanilla Latte
Image
Hazelnut Roast
Image
Iced Tea
Image
Espresso
Image
Red Eye
Image
Café Americano
Image
Iced Coffee
Image Image
Add Drinks to Order...
Proceed to Cart
Changes on rollover to indicate link.
Drink Options
Order SummaryCuckoo Coffee, Inc.
Bill R.
Carol
ChangeMedium Mocha Latte with whole milk
Order SummaryPrint
Delete
ChangeSmall Earl Grey Tea with 1 Splenda Delete
Delivery Address: EditConsectetuer Adipiscing Elit Sed Diam Nonummy Dr. Nibh Euismod, MS 12345
Room/Location: EditTincidunt Ut LaoreetRemaining Order Invitations: 3
Eddie Cruiser
Gary
ChangeSmall Columbian Roast with half & half and 1 sugar
Delete
ChangeLarge Café Americano with 4 sugars Delete
$ 4.85
$ 2.50
$ 2.85
$ 2.60
Linda Carter ChangeLarge French Roast Delete$ 2.60
$ 42.60Total:
Continue >
Add Drinks
Isis ChangeSmall Green Tea Delete$ 2.85
Navigates to the Add
Drinks Page
Navigates to the Drink
Options page
Click to see a list of emails that have
and haven’t responded
Barista Application Work Flow
Launch
Order Alert
Appears
Main Screen
(Day View)
Month View
ViewOrder
Week View Settings
PrintOrder
PrintInvoice
Print Drink Labels
Apply Drink Labels to Cups
Prepare Drinks,
Pack to Ship
Deliver to Invoice Address
Delivery PersonBarista
Slide 9
Slide 10
Slide 11 Slide 12
Order Alert
Day ViewSettings
Today Week Month
7 AM
8 AM
9 AM
10 AM
11 AM
12 PM
1 PM
2 PM
3 PM
4 PM
5 PM
6 PM
Consectetuer Adipiscing Elit (20 Drinks)
Nibh Euismod Tincidunt (8 Drinks)
Ut Laoreet Dolore(5 Drinks)
Magna Aliquam Erat Volut.(9 Drinks)
Ut Wisi Enim(6 Drinks)
Ad Minim Veniam (13 Drinks)
Quis Nostrud Exerci (21 Drinks)
More >
7:30 AMNovember 7, 2011
Settings page sets notification time, minimum
short notice
Shows the next three 10
AM orders
View and Print OrderCuckoo Coffee, Inc.
Bill R.
Carol
Medium Mocha Latte with whole milk
Invoice
Small Earl Grey Tea with 1 Splenda
Delivery Address: Consectetuer Adipiscing Elit Sed Diam Nonummy Dr. Nibh Euismod, MS 12345
Room/Location: Tincidunt Ut Laoreet
Eddie Cruiser
Gary
Small Columbian Roast with half & half and 1 sugar
Large Café Americano with 4 sugars
$ 4.85
$ 2.50
$ 2.85
$ 2.60
Delivery Time: November 7, 4:00 PM
Bill R.
Carol
Medium Mocha Latte with whole milk
Earl Grey Tea with 1 Splenda
Isis
Linda Carter
Small Green Tea
Large French Roast
$ 4.85
$ 2.50
$ 2.85
$ 2.60
$ 42.60Total:
Print Labels & Invoice
Labels
Bill R.Medium
Mocha Latte
Whole MilkNo Whipped Cream
Cons
ecte
tuer
Adi
pisc
ing
Elit
Company name (in case drink gets separated from the
rest of order)
Tools Used• Slide 6: InDesign and PhotoShop (Adobe CS 5)
• (Photo is from a stock photo site)• All Others: Visio, Powerpoint