Pravin Sathe
Sample Wireframes
Role: Interaction Design
Lead: Abigail Hart Gray
Designed at: HUGE
Type: E-commerce + Mobile
Site: jetblue.com
pravinsathe.com
pravin@pravinsathe.com
631 398 3129
A
B
C
TAKEOVER
On load a a default destination is used for the takeover.
USER SELECTED DESTINATION
On load a a default destination is used for the takeover. Once a user selects a destination that takeover displays that city’s information.
FLIP THROUGH
Users can “flip” through the cities jetblue serves to explore deals or build their dream vacation.
November 30, 2010 | Page 4
JetBlue // iPhone /
704+'8/++-(*)/#)&#0-'
!#/'&(&#4+()55(#'(05+-+,6
Carrier
!"#$%&'(')*+,(3.&(.'+/(-0&("0$$+,(#-&0(
1/.+2".+
12:34 PM
Carrier
jetBlue
12:34 PM
Carrier
12:34 PM
Carrier
jetBlue
jetBlue
Hello!
Hello!
!"#$%&'(')*+,()-,(.'+/("0$$+,(#-&0(
1/.+2".+
1/.+2".+
Hello Anna!
Let!s get you jetting.
12:34 PM
jetBlue
Hello Anna!
Let!s get you jetting.
i
Log in
Log into TrueBlue
i
FEBRUARY 23, 2010
JFK !"LAX
i
FEBRUARY 23, 2010
07:45 am
JFK !"LAX
Check in
MARCH 04, 2010
Log in
Log into TrueBlue
Home
45 Main St, 2nd Floor
Brooklyn, NY 11201
My Flights
p. 718 625 4843
f. 718 625 5157
Extras
LAX ! JFK
Home
07:45 am
Check in
MARCH 04, 2010
i
11:30 pm
My Flights
Extras
LAX ! JFK
Home
My Flights
Extras
Home
11:30 pm
My Flights
Extras
www.hugeinc.com
info@hugeinc.com
November 30, 2010 | Page 6
JetBlue // iPhone /
Home
!"#$%&'()*#+,-.,&-/
Carrier
12:34 PM
jetBlue
Log in to TrueBlue
Home Travel
My Flights
NO FLIGHTS SAVED
Perks
FLIGHTS SAVED
User taps on My Flights. The Find a
flight layer slides up by default.
User taps on My Flights. If she does have flights
saved, they are listed on the My Flights screen.
My Flights
Flight 1 >
Flight 2 >
Flight 3 >
Home | My Flights | Extras
Add Flight
She then has the choice to use her PNR to
find a flight or get the status of a flight
Find a Flight
Find your Itinerary
Confirmation #
Last Name
Find a Flight
ITINERARY FOUND
Get Flight Status
By destination or
By flight number
ITINERARY FOUND
ITINERARY
Check in
Flight Guide
Print
Share
Itinerary | Get Flight Status
45 Main St, 2nd Floor
Brooklyn, NY 11201
p. 718 625 4843
f. 718 625 5157
www.hugeinc.com
info@hugeinc.com
November 30, 2010 | Page 7
JetBlue // iPhone /
!"#$%&%!'"()*%+%,)-./%"#
01-2%*&31%
%42%56%!'"()*1%*4%
01-2%.&#%.)441-%*4%(-*%*)-%1*&*71%48%&%
"#9
Carrier
12:34 PM
Carrier
jetBlue
Cancel
12:34 PM
Find a Flight
Hello!
#7:;-2%+%'&1*%#&:-%42%;6%'4(("#(%"#*4%
<27-='7-9
Carrier
Back
12:34 PM
Find your itinerary
FIND YOUR FLIGHT AND CHECK IN
Carrier
Back
12:34 PM
Find your itinerary
FIND YOUR FLIGHT AND CHECK IN
Let!s get you jetting.
|
Find my Flight
Find my Flight
! " $ & ( * , . 0 2
OR
OR
# % ' ) + - / 1 3
i
Log in
Log into TrueBlue
Home
My Flights
!"#$%&'#()
!"#$%&'#()
*&""+,$-
*&""+,$-
4 5 6 7 8 9 :
;<=>?
Extras
Sign in
&$#)"&.#-)/,)/0#)10,%#
45 Main St, 2nd Floor
Brooklyn, NY 11201
p. 718 625 4843
f. 718 625 5157
www.hugeinc.com
info@hugeinc.com
November 30, 2010 | Page 8
JetBlue // iPhone /
!"#$%&%!'"()*%+%,)-./%"#%.0#*"#1-$
Carrier
12:34 PM
Carrier
Itinerary
My Flights
Print
Carrier
12:34 PM
Back
Find your itinerary
Burbank, California
JFK
BUR
Apr. 6 | 08:00 AM EST
Apr. 6 | 11:17 AM PST
SCHED TO DEPART
607
Montag
12:34 PM
DEPARTING
Itinerary
Print
CONFIRMATION #: A323Q146
FLIGHT
Last name:
Carrier
My Flights
FIND YOUR FLIGHT AND CHECK IN
A323Q146
CONFIRMATION #: A323Q146
FLIGHT 617
New York, NY
BUR
Apr. 6 | 08:00 AM EST
Apr. 6 | 11:17 AM PST
SCHED TO DEPART
607
SEATS
Guy Montag
–
6C
Meg Murry
1345897635
7C
Chris Wallace Murry
–
17B
Check in
FLIGHT 617
NY to Burbank, CA, departing Tues. Apr. 6, 2010 atBurbank,
8:00 am
EST
California
New York, NY
JFK
BUR to get
When you get to JFK, remember
Apr. 6 | 08:00 AM EST
Apr. 6 | 11:17 AM PST
your boarding pass at one
of our kiosks
and share your location using
FLIGHT
SCHED
TO
DEPART
TERMINAL
Facebook Places. You might just
get a
607 special
08:00
AM EST
deal from
us orT5
our partners!
TRAVELERS: Not Checked in
TRAVELERS
Flight Guide
Username:
Password
Sign in
JFK
TERMINAL
08:00AM EST T5
DEPARTING
New York,
TRUEBLUE #
RETURNING
Burbank, California
FLIGHT
You are all checked in!
TRAVELERS | Not Checked in
OR
FLIGHT 617
New York, NY
TERMINAL
08:00AM EST T5
TRAVELERS
Print
ALL TRAVELERS CHECKED IN
CONFIRMATION #: A323Q146
DEPARTING
12:34 PM
Itinerary
My Flights
OK
Boston, MA
BUR
BOS
SEATS
Guy Montag
–
6C
Meg Murry
1345897635
7C
Chris Wallace Murry
–
17B
May 01 | 11:59 PM PST
May 02 | 07:15 AM EST
NEXT DAY
Itinerary
TRAVELERS
TRUEBLUE #
SEATS
Guy Montag
–
6C
Meg Murry
1345897635
7C
Chris Wallace Murry
–
17B
Flight Guide
TRUEBLUE #
FLIGHT 617 & 1015
Burbank, CA
TRAVELERS | Checked in
Flight Status
RETURNING
FLIGHT 617 & 1015
Burbank, CA
Boston, MA
BUR
BOS
May 01 | 11:59 PM PST
May 02 | 07:15 AM EST
Boston, MA
New York, NY
NEXT DAY
Boston, MA
New York, NY
BOS
JFK
BOS
JFK
May 02 | 07:19 AM EST
May 02 | 09:15 AM EST
May 02 | 07:19 AM EST
May 02 | 09:15 AM EST
Connection in Boston, MA (BOS) - 1h 5m layover
Connection in Boston, MA (BOS) - 1h 5m layover
Itinerary
Itinerary
45 Main St, 2nd Floor
Brooklyn, NY 11201
p. 718 625 4843
f. 718 625 5157
Flight Status
Flight Status
www.hugeinc.com
info@hugeinc.com
November 30, 2010 | Page 12
JetBlue // iPhone /
!"#$#%"$&#'#()$*+$'$,-./%#$().0/$'$,-./%#$1(23"4$5*0#.0("6
Carrier
12:34 PM
Carrier
Flight status
Back
DEPARTED
FLIGHT 375 | MAR. 04, 2010
Austin, TX
Baltimore, MD
AUS
BWI
DEPARTURE
Carrier
DEPARTED
FLIGHT 375 | MAR. 04, 2010
Austin, TX
Baltimore, MD
AUS
12:34 PM
Flight status
Back
BWI
DEPARTURE
DEPARTED
FLIGHT 375 | MAR. 04, 2010
Austin, TX
Baltimore, MD
AUS
BWI
DEPARTURE
Scheduled
Actual
Gate
Scheduled
Actual
Gate
Scheduled
Actual
Gate
7:14 AM
7:20 AM
G1
7:14 AM
7:20 AM
G1
7:14 AM
7:20 AM
G1
Mar. 04, 2010
Mar. 04, 2010
Mar. 04, 2010
Mar. 04, 2010
Saved to
ARRIVAL
ARRIVAL
Scheduled
Estimated
9:44 AM
Gate
9:42 AM
Mar. 04, 2010
B4
Mar. 04, 2010
Scheduled
9:44 AM
Mar. 04, 2010
Today
F
60
F
Thursday
45
FLIGHT DURATION: 2 hrs. 55 min
Share
p. 718 625 4843
f. 718 625 5157
F
62
Tomorrow
F
B4
Mar. 04, 2010
WEATHER IN Baltimore, MD
Tomorrow
Gate
9:42 AM
Today
60
F
Mar. 04, 2010
Scheduled
9:44 AM
Mar. 04, 2010
Estimated
Gate
9:42 AM
B4
Mar. 04, 2010
WEATHER IN Baltimore, MD
Thursday
45
FLIGHT DURATION: 2 hrs. 55 min
Share
Mar. 04, 2010
ARRIVAL
Estimated
WEATHER IN Baltimore, MD
62
45 Main St, 2nd Floor
Brooklyn, NY 11201
12:34 PM
Flight status
Save
Today
F
62
Tomorrow
F
60
F
Thursday
45
F
FLIGHT DURATION: 2 hrs. 55 min
Share
www.hugeinc.com
info@hugeinc.com
November 30, 2010 | Page 16
JetBlue // iPhone /
Home
Extras Overview
Carrier
12:34 PM
jetBlue
Log in to TrueBlue
Home Travel
My Flights
Perks
NO FLIGHTS SAVED
FLIGHTS SAVED
User taps on Extras. Flight guide
prompts to find a flight and displays
touts.
User taps on Extras. Defaults to
Flight guide and displays touts.
Extras
Extras
Prompts to Find Flight
& touts for extras
Flight Guide
Upcoming DirecTV schedule, XM Schedule,
Movie Previews and Snacks + Drinks
Home | My Flights | Extras
Home | My Flights | Extras
More...
Users can tap on the More... button to
reveal options for DirecTV, XM, Movie
Previews and Snacks & Drinks
DirecTV Schedule
Full DirecTV Schedule
45 Main St, 2nd Floor
Brooklyn, NY 11201
p. 718 625 4843
f. 718 625 5157
XM Schedule
Full XM Schedule
Movie Previews
All Movie Previews
Snacks & Drinks
All Snacks & Drinks
www.hugeinc.com
info@hugeinc.com
November 30, 2010 | Page 17
JetBlue // iPhone /
!"#$%&'()#*+
Carrier
12:34 PM
Carrier
Extras
12:34 PM
Extras
More
Get Custom Entertainment Guides
More...
FEB. 23, 2010
JFK ! LAX
MOVIES
ALL MOVIES
Toy Story 3
Preview
Rated: G
Carrier
12:34 PM
Carrier
TOP MOVIES
jetBlue
ALL MOVIES
Toy Story 3
Hello!
Rated: G
Let!s get you jetting.
Iron Man 2
Preview
12:34 PM
Shrek: Forever
jetBlue
Preview
Rated: PG
Carrier
Hello Anna!
12:34 PM
Iron Man 2
Preview
Rated: PG-13
Preview
Rated: PG-13
TOP DIRECTV SHOWS
TOP DIRECTTV CHANNELS DIRECTV GUIDE
DIRECTV GUIDE
CSI: Miami
1
8-9am, A&E
Bravo
ESPN
NBC
FX
Animal Cops Phoenix
2
i
8-8:30am, Animal Planet
TrueBlue points
3,491
The West Wing
3
TOP XM CHANNELS
i
8-9am, Bravo
FEBRUARY 23, 2010
XM GUIDE
JFK !"LAX
07:45 am
Check in
TOP XM CHANNELS
MUSIC
Log in
Log into TrueBlue
Home
My Flights
Extras
Hits from the 1960!s
2
1-4pm, 60s on 60
SPORTS
LAX ! JFK
Home
7
ESPN News
My Flights
Hits from the 1960!s
6
11:30 pm
8-11am, 60s on 6
Extras
SPORTS
ESPN News
7
1-4pm, Sportscenter
8-10am, Sportscenter
NEWS
NEWS
CNN News
8
CNN News
8
8-10am, World Report
8-10am, World Report
SEE ALL
SNACKS & DRINKS
Home
p. 718 625 4843
f. 718 625 5157
My Flights
SEE ALL
SNACKS & DRINKS
Cocktails
Blue Moon Belgian White Beer
Cocktails
Blue Moon Belgian White Beer
45 Main St, 2nd Floor
Brooklyn, NY 11201
XM GUIDE
MUSIC
MARCH 04, 2010
Home
My Flights
www.hugeinc.com
info@hugeinc.com
!"#$%&"'(('$))*+,-'.%)/'(' ;+,-%"'O=1Y"%"=
012'345'3664'7'81-"'!
FG%4#$
)
D
H
I
*
.%+-E#V
O=1Y"%"=V
;"1#V
FG%4#$
812G",#
A3&23CJ''H)#'^+G_''
()*
$LMMNM'OPLQRSP';MTRLUOI
"#$%&'#$$
>"='#=1Y"%"=
>"='%"-
V"F&=+#2'/+#E'1'<"<+F1#"<'V"F&=+#2'
%1,"'W&V#'J)='2)&?
A'#=1Y"%"='=)&,<#=+>['
.%+-E#'`'A6BA(AA3D(A9:
X+"/'<"#1+%V
9M-&&&&&&&&&&NOP&&&&&&&&&&'AQ&&&&&&&&&&L"2'''
0),'012'AA
-.//01&23%
0),'012'AA
A[93'80
!&
(+
,+-E#'#2>"V'1==+Y"'J""%+,-'#E"+='
Z"V#
X+"/'<"#1+%V
51%64.3.K&
>"='#=1Y"%"=
>"='%"-
9Q5"95F
"#41@'
P#G1$&T&U11$@'
P/%#;['
(*,,
"34$%&56.&7/831$
>"='#=1Y"%"=
>"='%"-
=+-E#'1#'2)&='V"1#
.%+-E#'`'BA
L"2&&&&&&&&&&&&&&&&&&&&&&&&&&&&&9M-'
OE&=V'012'A@
3[6:'80
P/%#;&
OE&=V'012'A@
:[64'80
aAA9'b'3'c'a33B?66
aDC?A@
a3C9?A@
(D+IE)!
OE+V'#=+>'/+%%'"1=,'2)&[
+RRR'P461S;61&?/3.%$
9::&#&41.%#;&<#4
C66
)A
'3<=>6?@
0),<12
012'AA5'366B D[66'>?G?
OE&=V<12 012'A@5'366B A3[66'>?G?
BC6
D
3
-1;1<%&#&A14%0&41.%#;&<#4
AB.:#3&9<<1.%&/4&
$3C3;#4
T)G>1F#'3'\))='
"/4:&"/<6$&/4&$3C3;#4
0+<V+]"'9'\))=
"/4:&FG?;/414&/4&
$3C3;#4
:'81VV",-"=';RX
3'%1=-"'V&+#F1V"V5'3'VG1%%'
V&+#F1V"V
A'%1=-"'V&+#F1V"V5'3'VG1%%'
V&+#F1V"V
(D!*E++'
";3KV%&6?K4#:1&:1%#3;&/814;#B
D'%1=-"'V&+#F1V"V5'3'VG1%%'
V&+#F1V"V
(D!*E++'
(D!*E++'
-.//01&23%
#/)'E)&=V?'OE"'*+#'+,F%&<"V'1'>%&VE'A6d'b'
A3d'T%"1,L"V#e'1%%"=-2fZ%)F*+,-'>+%%)/5'1'
/1VE1Z%"'1,<'F)G"'+,'1'="&V1Z%"'F1==2+,-'
F1V"'J)='J&#&="'&V"?
N;/$1
Z814;#B&/.<1&6$14&V#$&<;3<=1:&%/&#::&#.&6?K4#:1
";3KV%&M?K4#:1$
9::&"34$%&56.&7/831$
WF'95PQXY&"OQYAP-
5FPM5XQXY&"OQYAP-
T1,F"%
9:'01+,';#5'3,<'.%))='
$=))*%2,5'HI'AA36A'
'
'
>?'@AB'C3:'9B9D'
J?''@AB'C3:':A:@'
'
'
'
-#81
///?E&-"+,F?F)G
+,J)KE&-"+,F?F)G
!"#$%&"'(('$))*+,-'.%)/'('
012'345'3664'7'81-"'!
@A)&%7
,
:
I
J
<
.%+-E#M
P=1N"%"=M
;"1#M
@A)&%7
812G",#
4.$E.8K''H)#'^+G_''
9,<
$UVVWV'PXUYSZX';VLSU[PI
?%7)$-%77
M"F&=+#2'/+#E'1'<"<+F1#"<'M"F&=+#2'
%1,"'\&M#'J)='2)&?
>"='#=1N"%"=
>"='%"-
LE))M"'+,<+N+<&1%'#=1N"%"=M
9'#=1N"%"=M'=)&,<#=+>O'
.%+-E#'`'A6BA(AA3D(A9:
T+"/'<"#1+%M
"OB$$$$$$$$$$PQL$$$$$$$$$$-4R$$$$$$$$$$N?E'''
0),'012'AA
B(66C'$E.)
;$
9>
,+-E#'#2>"M'1==+N"'J""%+,-'#E"+='
]"M#
T+"/'<"#1+%M
LE))M"'+,<+N+<&1%'#=1N"%"=M
=+-E#'1#'2)&='M"1#
.%+-E#'`'BA
PE&=M'012'A@
3O6:'80
"RF?"F@
?%&'3'
L%A'7$U$V''73'
9<DD
>"='#=1N"%"=
>"='%"-
F')1&(.(M$
N?E$$$$$$$$$$$$$$$$$$$$$$$$$$$$$"OB'
>"='#=1N"%"=
>"='%"-
?.&7)$F1($G6H.'7
0),'012'AA
AO93'80
LE))M"'+,<+N+<&1%'#=1N"%"=M
PE&=M'012'A@
:O64'80
aAA9'b'3'c'a33B?66
aDC?A@
L6)%*O'
a3C9?A@
?QRW4L$O-WF"X@B
L6)%*O'
F@YL"Q$P"F
L6)%*'d<&"'1#'>+F*&>e'
"##$%$&'()%*$+%&
aC4?66
aDC@?66
4ZL@Q
L6)%*3'
A3:C?3D
L6)%*$
9:I<>=,;
C66
PE+M'#=+>'/+%%'"1=,'2)&O
>SSS'L&1'T*1'$26.()7
,A
-.+/0123
0),<12
012'AA5'366B DO66'>?G?
PE&=M<12 012'A@5'366B A3O66'>?G?
BC6
:
B'*'+)$%$4'&)C$&'()%*$+%&
45(#%.$"++'()$6&$
7.8.*%&
L)G>1F#'3'Q))='
?6&#$?6+17$6&$7.8.*%&
0+<M+R"'9'Q))=
?6&#$@A2*6&'&$6&$
7.8.*%&
:'81MM",-"=';ST
3'%1=-"'M&+#F1M"M5'3'MG1%%'
M&+#F1M"M
A'%1=-"'M&+#F1M"M5'3'MG1%%'
M&+#F1M"M
9:;<=>>'
D'%1=-"'M&+#F1M"M5'3'MG1%%'
M&+#F1M"M
9:;<=>>'
9:;<=>>'
?*.M[)$O2M&%#'7
"##$?.&7)$F1($G6H.'7
^+G';G+#E
P)G';G+#E
^1#"';G+#E
^1+';G+#E
^+G';G+#E
P)G';G+#E
^1#"';G+#E
^1+';G+#E
UVPSUH[HZ'.f[ZXP;
L1,F"%
9:'01+,';#5'3,<'.%))='
$=))*%2,5'HI'AA36A'
'
'
>?'@AB'C3:'9B9D'
J?''@AB'C3:':A:@'
'
'
'
B%H'
///?E&-"+,F?F)G
+,J)KE&-"+,F?F)G