Mobile Application Design 2013
GAG Pricing App Design
10 Weeks, 4 People, Roles on Information Architecture, Wireframe, Concept
The focus of this project was to help the Graphic Artists Guild reframe their business model and generate new revenue through the digital product design. One of the products is Bottom Line. Bottom Line is the artist’s pricing calculator that generates a quote based on current industry standards. Users can generate their price with a basic hourly calculation or a more detailed, project specific calculation. The timesheet function allows users to use a stopwatch-type function to time and track their hours on each project. The aim of this product is to provide freelancers a convenient and professional tool to help them succeed in their business.
Computer Application
Full function & Content
More function & Content
Cloud Tablet Application
Mobile Device Application
Less function & Key Content
“
�
The function of Bottom Line is not only for the mobile device, but also the tablet and computer. It can store the data in the cloud and create more flexibility for the users.
Persona Andy Lite
High School Student
NEEDS
- A mentor to help understanding the industry. - Basic information.
Learning opportunity about entrepreneurship of designers.
Kat Crawford Recent Grad
- Quick and understandable information. - Economical method to access the information.
Fast and instant information access.
Jill O’Donnell Non-Member
Alex Jones Current Member
- Constant customer resource. - More connections.
- More avenue, bigger business scale. - More connections.
Business consultancy with selected service.
Business consultancy with full service.
VALUES
Bottom Line (Smart Phone) Product
Bottom Line (Smart Phone, Tablet, Computer)
Bottom Line (Computer,
Tablet, Smart phone)
Initial Concept
Wireframe First version for tablet - Easy drag and drop function for users to add project costs and calculate easily.
G
Print Cost Total Hours Photographer cost
Total Hours
My Note
My Project
Lo-fi Prototype
Total Hours
My Account
My Price
Dotted Line
My Note
Project Type Print Cost
Total Cost
Total Cost Hourly Rate Total Hours
Total Earnings
Total Earnings
My Price
Dotted Line
West
Total Hours
Total Hours
My Account
Photographer cost $100 GAG Price Chart Print Cost $80 North
My Note
My Project
Photographer cost $100 Print Cost $80
Photographer cost Print Cost
Middle
$180
East Total Cost
Total Hours $80
Total Cost
Hourly Rate Total Hours
My Price
Dotted Line
Save Share
Total Earnings
Price Range: 300 ~500
My Note
My Project
$180
Hourly Rate
South
My Account
G
Logo AAA
Print Cost Total Hours Total Hours
Photographer cost Discipline
Hourly Rate
My Project
G
Logo AAA
Print Cost Total Hours Total Hours Geolocation
Total Hours
Print Cost Create
Print Cost $80
Print Cost
Total Hours
Print Cost
Photographer cost $100
Photographer cost
Photographer cost
Total Hours
G
Logo AAA
Print Cost Total Hours Total Hours
Print Cost
Photographer cost
Dotted Line
G
Photographer cost
Print Cost
My Price
Logo AAA
Print Cost Total Hours
My Account
My Price
Dotted Line
My Note
Total Hours Total Earnings
My Project
My Account
Refined Concept Wireframe Second version for smart phone - Add time sheet function Create a Quote
Main menu
Log in
Bottom Line
Bottom Line
Bottom Line
Cancel
Login
Project Name Client Name Create a Quote
Password Save User ID
The project PHOTO cost EXPENSE here should include the necessary but not reimbursable expense.
PRINT EXPENSE
Location
CONSULTANT EXPENSE
Project Type
Log In
$0
Bottom Line Quick Quote
Done
Save
Detail Quote
$ $20,000
Recent Project
Project A
$ 41000.00
?
$ 75
HOURS
Project B 04/2013
Project C
Discipline Graphic Discipline Design Illustration Discipline Animation Discipline Surface Discipline Design Cartooning Discipline Web Design Discipline & Other
Next
(Not include tax)
Side Tray
My Project
My Project
Time sheets
00 00 00 D
H
Hourly Rate Total Hours
$75 160 hrs
Quick Quote
$12,000
Detail Quote
$13,500
Home
00 00 20
My Project
00 00 00
Settings
D
M
Recent Project 05/2013
D
H
H
M
M
Bottom Line
Profile Logot Create a Quote
Project A
My Time sheet
Project B
5/6/13 5 hrs 5/7/13 5 hrs 5/8/13 5 hrs
Project C
Total hours: 15
Time sheets Project A
My Quote 05/2013
$50,000
85
Detail Quote
Time sheet menu
Project A
Project A SUGGESTED PRICE RANGE
$
File Page
My Project
HOURLY RATE
Bottom Line Quick Quote
Project A
Project A
$
+
Register
File Page
Done
Detail Quote
RESEARCH EXPENSE
Project Cost Time Sheets
Quick Quote
65
Zip code
Duration
Forgot Password?
Bottom Line
Done
Project Cost ?
Create a new project
Username
Bottom Line
04/2013
Time Sheets
Information architecture Building the site map to understand the structure of the application
Bottom Line
Log in page (Log in bottom line) <Index>
Settings
Accordion
Log out
Profile
Panel page Bottom Line
Settings page <Page 6>
Home
Main Menu page (Create a quote or create a timesheet) <Page 1_2>
Profile page <Page 5> Accordion
Three Column grids
Time sheets 00:00:00
Create a Project
Time Sheet page (Start count) <Page 4>
Create new project page (Input project information) <Page 1_3>
Project Cost $2000
My Project page (New project) <Page 3_1>
Project Cost page (Input project cost by adding items) <Page 1_4>
List / Search / Navbar My Project
My Project page (By Client) <Page 3_2>
List / Search / Navbar My Project
My Project page (By Type) <Page 3_3>
List / Search / Navbar My Project
My Project page (My Favorite) <Page 3_4>
List / Search / Navbar My Project
List / Check box / Dialogs Tool tip
Form
+
(Without Panel) Time sheets 00:45:00
Time sheets 00:45:00
Time sheets 00:45:00
Time sheets 00:45:00
00 00 00
00 00 00
00 00 00
D
H
M
D
H
M
D
H
<Page 1_5> <Page 1_6> List
List
M
Quote
Quote
Quote
Quote
Quote
My Project
Quote
Project Project Save Time Sheet page (Stop count) <Page 4_1>
Time Sheet page (Add new timesheet) <Page 4_2>
Save to new project Save to previous project
Time Sheet page (Edit timesheet) <Page 4_3>
Cancel
Time Sheet page (Delet timesheet) <Page 4_4>
Quick Quote page (Adjust rate & hours to calculate price) <Page 2> Navbar
Detail Quote page Detail Quote page (Choose discipline) (Choose type) <Page 2_2> <Page 2_3> List Category Autocomplete
List
Detail Quote page Detail Quote page (Choose category) (Choose subcategory) <Page 2_4> <Page 2_5> List
List
Detail Quote page (Adjust final price) <Page 2_7> List / Slider Collapsible footbar Prefetching pages
Project detail page (Review project detail) <Page 2_8> List
Final Prototype Usability Test
Main Menu
“The information load is appropriate and not too complicated.” “The navigation is simple and straight forward.”
Log in
Side Bar
Quick Quote
My Project
Detailed Quote
Time Sheet
Settings