Beginners Guide to TikTok for Search - Rachel Pearson - We are Tilt __ Bright...
I-Menu Design Direction Document
1. i-Menu Phase I
Suitcase26 | Strictly confidential.
Design Direction iPad [land]
Wednesday, Feb 22, 2012
Prepared by: Gautam Malik, Email:gautam@suitcase26.com
2. i-Menu Phase I
Suitcase26 | Strictly confidential.
Wireframe
Page Structure, Information Architecture
Wednesday, Feb 22, 2012
3. i-Menu Phase I
1. Status bar
2. Brand mark
3. View order
4. Title bar
5. Primary navigation
6. Powered by i-Menu
7. Tab bar
8. Settings button
9. Fullscreen food imagery
Title
Powered by i-Menu
Menu item 1
Menu item 2
Menu item 3
Menu item 4
Menu item 5
Menu item 6
Feedback
Suitcase26 | Strictly confidential.
Wireframe
Default state Annotations
2
4
5
3
7 86
9
Lucky Wednesday
1
Wednesday, Feb 22, 2012
4. i-Menu Phase I
1. Status bar
2. Brand mark
3. View order
4. Title bar
5. Primary navigation
5a. Secondary navigation
6. Powered by i-Menu button
7. Tab bar
8. Settings button
9. Fullscreen food imagery
Expands out
Expands out
Title
Powered by i-Menu
Menu item 1 selected
Menu item 2
Menu item 3
Menu item 4
Menu item 5
Menu item 6
Feedback
Suitcase26 | Strictly confidential.
Wireframe
Primary menu expanded Annotations
2
4
5
5a
3
7 86
9
Lucky Wednesday
1
Wednesday, Feb 22, 2012
5. i-Menu Phase I
1. Status bar
2. Brand mark
3. View order
4. Secondary menu selected item
5. Image corresponding to selected item
6. Powered by i-Menu
7. Tab bar
8. Settings button
9. Title of selected menu item
10.Item description
11. Add to order button
12. Twitter share button
13. Goes Well With button
14. Swipe pagination
15. Slider navigation
16. Back to previous state button
Powered by i-Menu
Suitcase26 | Strictly confidential.
Wireframe
Annotations
2
4
5
3
7 86
9
Adaptive Title: Selected Primary Menu
1
Collapses in
Collapses in
Title: Selected Item Price INR 123.45
Lorem ipsum dolor sit amet, conse etur
adipisicing elit, sed do eiusmod tempor inc
idunt ut labore et dolore magna aliqua. Ut
enim ad minim veniam. Duis aute irure
dolore in repreenderit in voluptate velit
esser cillum dolore eu fugiat nulla pariatur.
Jiyoa cepteur sint occaecat cupidatat non
prorae dent, sunt in culpa.
Dosi nostrud exert gion
ullamco laboris nisi ut aliquip ex eacore
comodo consequat. Duis aute irure dolore
in repreenderit in voluptate velit esser
cillum dolore
10
Add to order
Twitter Share
Goes Well With
11
12
13
14
15
Secondary menu selected item expanded
Wednesday, Feb 22, 2012
16
6. i-Menu Phase I Art Direction, Graphic Design
Suitcase26 | Strictly confidential.
Visual Design
Wednesday, Feb 22, 2012
7. i-Menu Phase I
Suitcase26 | Strictly confidential.
Visual Design
Loading screen
Wednesday, Feb 22, 2012
8. i-Menu Phase I
Suitcase26 | Strictly confidential.
Visual Design
Loading screen
Wednesday, Feb 22, 2012
9. i-Menu Phase I
Suitcase26 | Strictly confidential.
Visual Design
Loading screen
Wednesday, Feb 22, 2012
10. i-Menu Phase I
Suitcase26 | Strictly confidential.
Visual Design
Default state
Wednesday, Feb 22, 2012
11. i-Menu Phase I
Suitcase26 | Strictly confidential.
Visual Design
Primary menu expanded
Wednesday, Feb 22, 2012
12. i-Menu Phase I
Suitcase26 | Strictly confidential.
Visual Design
Secondary menu item 1 expanded
Wednesday, Feb 22, 2012
13. i-Menu Phase I
Suitcase26 | Wednesday, Feb 22, 2012 Strictly confidential.
Visual Design
Secondary menu item 2 expanded
14. i-Menu Phase I
Suitcase26 | Strictly confidential.
Visual Design
Application close
Wednesday, Feb 22, 2012