2. Daniel Gawronski UI/UX Design - Folio
CLIENT
Compass Group (Australia) Pty Ltd is wholly
owned by Compass Group PLC, the world’s
leading food and support services company.
They have provided food and support services
to clients in Australia for more than forty years.
Through dedicated, specialist sector brands, they
operate in key market sectors including business
and industry, healthcare, education, defence,
offshore and remote.
BRIEF
Cross Platform Redesign & Redevelopment
TASKS
To define Compass as the ‘Bigger Picture’ and
umbrella company to all it’s
subsidiaries. User interaction, branding and
colour themes on the interface educate the user
by associating Compass’ multifaceted services
with their extensive support group. In this
ongoing project I was responsible for user
experience research, wire framing, interface
design, front end development, content
management system and template updates, rich
media and edm design and development, user
testing with google analytics.
4. Responsible Contact Careers
Campaign
Banner
Content
Media Centre
Social Widget
Name
Facilities
Management
Security
Email
Question
Compass Group Sitemap
Healthcare Education
Sports &
Leisure
Business &
Industry
Remote &
Defence Healthcare
Business &
Industry
Remote &
Defence
Business &
Industry
Remote &
Defence
Business &
Industry
Remote &
Defence
Facilities
Management
SecurityHealthcare Education
Sports &
Leisure
Business &
Industry
Remote &
Defence
Business &
Industry
Remote &
Defence Healthcare
Business &
Industry
Remote &
Defence
Business &
Industry
Remote &
Defence
Business &
Industry
Remote &
Defence
o
Brands
Industries
Footer
Content
Facilities
Management
Security
Compass Group Sitemap
Healthcare Education
Sports &
Leisure
Business &
Industry
Remote &
Defence Healthcare
Business &
Industry
Remote &
Defence
Business &
Industry
Remote &
Defence
Business &
Industry
Remote &
Defence
o
Brands
Facilities
Management
SecurityHealthcare Education
Sports &
Leisure
Business &
Industry
Remote &
Defence Healthcare
Business &
Industry
Remote &
Defence
Business &
Industry
Remote &
Defence
Business &
Industry
Remote &
Defence
Industries
Marketing Banner
Footer
Staff login
Username Password login
Our company
Our offer
Our people
Responsibility
Our chefs
Staff login
Username Password login
On roll on the brand logo will highlight corresponding industry
Marketing Banner
Login
Slide Navigation
This screen will scroll
Username
Password
Login
Sign Up
Login
Marketing Banner
Brands
Sitemap
Industries
Content
Campaign
Banner
Footer
Contact
Name
Email
Question
Submit
Main
Login
Marketing Banner
Brands
Industries
Content
Footer
Contact
Name
Email
Question
Submit
Secondary
Media Centre
Social Widget
Compass - Home page
Compass - Secondary page
Responsive Mobile Site
Daniel Gawronski UI/UX Design - Folio
5. Daniel Gawronski UI/UX Design - Folio
CLIENT
GlaxoSmithKline is a global research-based
pharmaceutical and healthcare company with a
mission to improve the quality of human life by
enabling people to do more, feel better and live
longer. In Australia they have improved people’s
wellbeing by delivering the highest quality
medicines, vaccines and over-the-counter
healthcare products since 1886.
BRIEF
Mobile Product Information Tool
TASKS
With new cutting edge software and technology,
ever increasing security issues and competition
in the pharmaceutical market, the GSK team
wanted to create a user friendly, efficient and
informative sales platform. I was responsible for
the UX/UI design of their sales tool upgrade to
iOS and iPad. I gathered the existing
information from an outdated system and
technology, redesigned and developed a native
iOS solution which is intuitive, elegant, rich,
accessible and easily versioned. It utilises
interaction and graphic animation techniques to
efficiently present a large volume of statistical
data. Other tasks included UX/UI high resolution
screen and storyboard design, iOS development
and publishing with Xcode, user testing with
google analytics.
8. Dashboard v3.0
4 button layout
Dashboard v3.0
Scrolling Horizontal Multiple Widgets
Smart Phone - Portrait Only
Screen Dimensions
640 x 960 (px)
Scale To Fit
320 x 480
640 x 1136
720 x 1080
i
Effects:
Nice to have simple Parallax
effect on icons and
background when moving
phone.
EDIT
WIDGETS
BUTTON
WIDGETS
DASHBOARD
BUTTONS
More than 3 widgets the
user can scroll through the
items.
Edit
Widget
Button
Dashboard v3.0
5 button layout
Dashboard v3.0
3 button layout
U APPROVEU BOOK
U APPROVE
U BOOK
U EXPLORE
U CHECK IN
U MANAGE
i i
U EXPLORE
U APPROVE U BOOK
U EXPLORE U CHECK IN
3
i
U APPROVE U BOOK
U EXPLORE U CHECK IN
3
TRIP GENIUS TRAVEL TRACKER BI TRIP GENIUS TRAVEL TRACKER BI TICKETS ON HOLD DOCUMENTS + LINKS WIDGET
3
TRIP GENIUS TRAVEL TRACKER BI
3
TRIP GENIUS TRAVEL TRACKER BI
CTM CTM
TRIP GENIUS TRAVEL TRACKER BUSINESS INTELLIGENCE WIDGETTICKETS ON HOLD DOCUMENTS + LINKS
1x1 3x1
6 x 6
Effects:
Nice to have simple Parallax
effect on icons and
background when moving
phone.
Dashboard v3.0
Scrolling Multiple Widgets
U APPROVE
U BOOK
U EXPLORE
U CHECK IN
U MANAGE
i
Nav is fixed the widgets
scroll up and down if there
are miultiple widgets.
TRIP GENIUS TRAVEL TRACKER BUSINESS INTELLIGENCE
WIDGETTICKETS ON HOLD DOCUMENTS + LINKS
TRIP GENIUS TRAVEL TRACKER BUSINESS INTELLIGENCE
WIDGETTICKETS ON HOLD DOCUMENTS + LINKS
WIDGET WIDGET WIDGET
TRIP GENIUS TRAVEL TRACKER BUSINESS INTELLIGENCE
WIDGETTICKETS ON HOLD DOCUMENTS + LINKS
WIDGET WIDGET WIDGET
IMPORTANT:
There are two possible iterations for scrolling depending on the number of widgets.
Initially there maybe 2-6 widgets and we can scroll horizontally. There is also the possibility
that we fit up to 4 widgets on the screen in a row.
In further iterations when there are more than 6 widgets we can begin to scroll vertically.
1.
1.
2.
2.
EDIT WIDGETS
Daniel Gawronski UI/UX Design - Folio
9. U APPROVE U BOOK
U EXPLORE U CHECK IN
3
TRIP GENIUS TRAVEL TRACKER BI
CTM Mobile - Dashboard
Dashboard v3.0
4 button layout
Dashboard v3.0
Scrolling Horizontal Multiple Widgets
Smart Phone - Portrait Only
Screen Dimensions
640 x 960 (px)
Scale To Fit
320 x 480
640 x 1136
720 x 1080
Settings Experience
Leaving Application - U BOOK (OBT) Leaving Application - U APPROVE (Smart Approve)
i
Add Widget Edit Widget screen v1.0
CTM Mobile - Dashboard Site Map
Effects:
Nice to have simple Parallax
effect on icons and
background when moving
phone.
EDIT
WIDGETS
BUTTON
WIDGETS
DASHBOARD
BUTTONS
More than 3 widgets the
user can scroll through the
items.
Edit
Widget
Button
Dashboard v3.0
5 button layout
Dashboard v3.0
3 button layout
U APPROVEU BOOK
Dashboard
Dashboard
i
U APPROVE
U BOOK
CTM BI
CHECK IN
Leaving app screenOnline Book tool app
Settings Transition Primary Settings
U APPROVE
U BOOK
U EXPLORE
U CHECK IN
U MANAGE
Edit Widgets
Modal with widget selector
fades in and fades out
when user has chosen the
widgets
“Tick” Icon indicates that
the widget is selected or
already present on the
dashboard
Close modal
Touch the title to reveal
more information about the
widget.
Swipe Left to add a widget
Swipe Right to remove a widget
Hold and drag to re order widgets
Company 1 Logout
Change User/Debtor
Country Australia
Change Password
Help
Website
Company 1 Logout
Change User/Debtor
Country Australia
Change Password
Help
Website
Change User/Debtor
Change User/Debtor
User 1
User 2
User 3
Back to
Dashboard
button
User information messages
Effects:
Nice to have fade and scale
transition for the
settings/info
screen
Screen slides to
right
IMPORTANT:
Throughout the experience of the app the user may be required to leave
the application to a third party site or app.
If the journey cannot be made smoothly there will be a screen to ask
the user if they wish to leave or if it is a task they can complete after
they have finished with all other internal app functions.
You are about to leave the
Do you wish to continue?
mobile app
YESNO
i i
i
i
i
Dashboard v1.0
i
News Screen
Tools - News Screen Tools - Global Clock Screen
NEWS
Breaking News
CTM Named Australia’s Best
21 Jul 2014 | 13:44pm
21 Jul 2014 | 13:44pm
Lorem ipsum dolor sit amet, consectetur adipisicing elit,
sed do eiusmod tempor incididunt ut labore et dolore
magna aliqua
More..
CTM Named Australia’s Best
Lorem ipsum dolor sit amet, consectetur adipisicing elit,
sed do eiusmod tempor incididunt ut labore et dolore
magna aliqua
More..
SHOW MORE
News Screen - Secondary
NEWS
Supplier News
CTM Named Australia’s Best
21 Jul 2014 | 13:44pm
21 Jul 2014 | 13:44pm
Lorem ipsum dolor sit amet, consectetur adipisicing elit,
sed do eiusmod tempor incididunt ut labore et dolore
magna aliqua
More..
CTM Named Australia’s Best
Lorem ipsum dolor sit amet, consectetur adipisicing elit,
sed do eiusmod tempor incididunt ut labore et dolore
magna aliqua
More..
SHOW MORE
TRAVEL GENIUS
TRAVEL TRACKER
BUSINESS INTELLIGENCE
TICKETS ON HOLD
DOCUMENTS + LINKS
Dashboard
TRAVEL GENIUS TRAVEL TRACKER BUSINESS INTELLIGENCE
+
i
TICKETS ON HOLD DOCUMENTS + LINKS ADD WIDGET
U APPROVE
U BOOK
CTM BI
CHECK IN
User can APPROVE
IF USER CAN
APPROVE
IF USER IS CAN NOT
APPROVE
You are about to leave the
You will be redirected to the
U-Approve app
Do you wish to continue?
mobile app
YES
i
TRAVEL GENIUS TRAVEL TRACKER BUSINESS INTELLIGENCE
+
i
TICKETS ON HOLD DOCUMENTS + LINKS ADD WIDGET
U APPROVE
U BOOK
CTM BI
CHECK IN
User CAN NOT APPROVE
You do not currently have
permission to approve
please visit the
Dexktop version of the CTM portal
mobile app
Information about the widget.
Lorem ipsum dolor sit amet, consectetur adipisicing
elit, sed do eiusmod tempor incididunt ut labore et
dolore magna aliqua.
ADD
DELETE
Edit Widget screen v2.0
Edit Widgets
TRAVEL GENIUS
TRAVEL TRACKER
BUSINESS INTELLIGENCE
TICKETS ON HOLD
DOCUMENTS + LINKS
ADD
DELETE
Tab Bar to select
news items.
CTM News
Supplier News
System News
Risk News
Dashboard v1.0
i
Clock Screen
CLOCK
Add Best meeting time Send invite
World Clock Clock
City Name
10 hours behind
City Name
10 hours behind
City Name
10 hours behind
Clock already designed
Tools - Video Screen
Dashboard v1.0
i
Number on the “News”
button indicates the
number of new “News”
items
2
Number on the “Video”
button indicates the
number of new “Video”
items
Video Screen
VIDEOS
SHOW MORE
Welcome to the CTM Portal
21 Jul 2014 | 13:44pm
80,250 views
5005:30
How To Use : Travel Genius
21 Jul 2014 | 13:44pm
80,250 views
5005:30
How To Use : Travel Tracker
21 Jul 2014 | 13:44pm
80,250 views
5005:30
Video Screen - Portrait Video Screen - Landscape
VIDEOS
Welcome to the CTM Portal
21 Jul 2014 | 13:44pm
80,250 views
500
Show more button loads 3
more videos after being
pressed.
User can scroll down to view
the next videos
Play and Pause buttons toggle
between the two
VIDEOS
Nav Bar and Play bar hide
when video plays on touch
screen they reappear
Close full screen
Go back to short list
Close full screen
Information about the widget.
Lorem ipsum dolor sit amet,
adipisicing elit, sed do eiusmod tempor
incididunt ut labore et 5:30
Educational video in future
iterations of the edit
widget screen
U EXPLORE
U APPROVE U BOOK
U EXPLORE U CHECK IN
Intro Animation First Time Login Screen Login Screen - Registered User
Login Experience
Username
Password
GO
Enter your first time login details.
After entering your details you will be directed
to change your password and add additional
security information.
If you are a new user please sign up
through the CTM portal
Please wait...
Effects:
Nice to have intro
animation when the app
starts and after waiting
to login
Dashboard - Welcome Screen
After logging in the copy
“Welcome Back” and the
users name fades in and
out with 5 second animation.
Welcome back
John Smith
i
3
U APPROVE
Leaving Application - U CHECK IN
U BOOK U EXPLOREU CHECK IN
Leaving Application - U EXPLORE
U MANAGE
Which services
do you require?
GO
IF USER HAS OBT APP
Dashboard Online Check In
ONLINE CHECK IN APP
i OPENS IN
PORTAL
Dashboard
TRAVEL GENIUS TRAVEL TRACKER BUSINESS INTELLIGENCE
+
i
TICKETS ON HOLD DOCUMENTS + LINKS ADD WIDGET
U APPROVE
U BOOK
CTM BI
CHECK IN
U-Explore
You are about to leave the
You will be redirected to a
3rd party app SAP
Do you wish to continue?
mobile app
i
Leaving Application - U MANAGE (Tramada)
Dashboard
TRAVEL GENIUS TRAVEL TRACKER BUSINESS INTELLIGENCE
+
i
TICKETS ON HOLD DOCUMENTS + LINKS ADD WIDGET
U APPROVE
U BOOK
CTM BI
CHECK IN
User can APPROVE
IF USER CAN
APPROVE
IF USER IS CAN NOT
APPROVE
You are about to leave the
You will be redirected to the
Tramada
Do you wish to continue?
mobile app
i
TRAVEL GENIUS TRAVEL TRACKER BUSINESS INTELLIGENCE
+
i
TICKETS ON HOLD DOCUMENTS + LINKS ADD WIDGET
U APPROVE
U BOOK
CTM BI
CHECK IN
User CAN NOT APPROVE
You do not currently have
permission to approve
please visit the
Dexktop version of the CTM portal
mobile app
Edit Widget
U APPROVE
U BOOK U EXPLOREU CHECK IN U MANAGE
i
TRIP GENIUS TRAVEL TRACKER BUSINESS INTELLIGENCE TICKETS ON HOLD DOCUMENTS + LINKS EDIT WIDGETS
Dashboard
Settings/Info
Login ScreenApp Launch
Application Buttons Widgets Utility/Education
Settings
And Info
Update User
Information
Help
Privacy
Other info
to be confirmed
Online
Booking
Tool App
App
Download
page
Approve
Page
Redirect to
3rd Party App
Trip Genius Travel
Tracker
Business
Intelligence
News Page
Breaking News
CTM News
Supplier News
System News
Risk News
Travel
Tracker
Videos
Educational
Video
Enlargement
Tickets
On Hold
Documents
Links
Edit Widgets
Invoices
Selection page
Invoices
Roster
Manager
Roster
Manager
Responsive
Page
Warning
Can Not
Approve
Check In
Page inside
the
portal
Widget Transition
Company 1 Logout
Change User/Debtor
Country Australia
Change Password
Help
Website
Effects:
Nice to have fade and scale
transition for the widgets
or
fade in transition
Widget Icon Close Screen Button
i
Widget - Opening Widgets from the Dashboard
Dashboard
i
U APPROVE
U BOOK
CTM BI
CHECK IN
Leaving app screen
Widget pages
to be designed
next stage
Widget pages
to be designed
next stage
i Widget Name
Widget Name
i
TRIP GENIUS
TRAVEL TRACKER
BUSINESS INTELLIGENCE
TICKETS ON HOLD
DOCUMENTS + LINKS
EDIT WIDGETS
App Launch
Animation
Welcome
Screen
(App is idle)
Welcome Screen
(When app is idle)
Whenever the app is idle
or running in the
background and has already
launched previously.
IF USER DOES NOT
HAVE APP THEY ARE
TAKEN TO REDIRECT
PAGE AND THEN TO
DOWNLOAD
APP PAGE
i
U APPROVE U BOOK
U EXPLORE U CHECK IN
3
TRIP GENIUS TRAVEL TRACKER BI TRIP GENIUS TRAVEL TRACKER BI TICKETS ON HOLD DOCUMENTS + LINKS WIDGET
3
TRIP GENIUS TRAVEL TRACKER BI
3
TRIP GENIUS TRAVEL TRACKER BI
U APPROVE U BOOK
U EXPLORE U CHECK IN
3
TRIP GENIUS TRAVEL TRACKER BI
U APPROVE U BOOK
U EXPLORE U CHECK IN
3
TRIP GENIUS TRAVEL TRACKER BI
U APPROVE U BOOK
U EXPLORE U CHECK IN
3
TRIP GENIUS TRAVEL TRACKER BI
U APPROVE U BOOK
U EXPLORE U CHECK IN
3
TRIP GENIUS TRAVEL TRACKER BI
i
U APPROVE U BOOK
U EXPLORE U CHECK IN
3
TRIP GENIUS TRAVEL TRACKER BI
U APPROVE U BOOK
U EXPLORE U CHECK IN
3
TRIP GENIUS TRAVEL TRACKER BI
U APPROVE U BOOK
U EXPLORE U CHECK IN
3
TRIP GENIUS TRAVEL TRACKER BI
U APPROVE
U BOOK
U EXPLORE
U CHECK IN
U MANAGE
3
TRIP GENIUS TRAVEL TRACKER BI
U APPROVE
U BOOK
U EXPLORE
U CHECK IN
U MANAGE
3
TRIP GENIUS TRAVEL TRACKER BI
U APPROVE
U BOOK
U EXPLORE
U CHECK IN
U MANAGE
3
TRIP GENIUS TRAVEL TRACKER BI
U APPROVE
U BOOK
U EXPLORE
U CHECK IN
U MANAGE
3
TRIP GENIUS TRAVEL TRACKER BI
U APPROVE
U BOOK
U EXPLORE
U CHECK IN
U MANAGE
3
TRIP GENIUS TRAVEL TRACKER BI
U APPROVE U BOOK
U EXPLORE U CHECK IN
3
TRIP GENIUS TRAVEL TRACKER BI
CTM CTM
TRIP GENIUS TRAVEL TRACKER BUSINESS INTELLIGENCE WIDGETTICKETS ON HOLD DOCUMENTS + LINKS
1x1 3x1
6 x 6
NO
YESNO YESNO
Effects:
Nice to have simple Parallax
effect on icons and
background when moving
phone.
Dashboard v3.0
Scrolling Multiple Widgets
U APPROVE
U BOOK
U EXPLORE
U CHECK IN
U MANAGE
i
Nav is fixed the widgets
scroll up and down if there
are miultiple widgets.
TRIP GENIUS TRAVEL TRACKER BUSINESS INTELLIGENCE
WIDGETTICKETS ON HOLD DOCUMENTS + LINKS
TRIP GENIUS TRAVEL TRACKER BUSINESS INTELLIGENCE
WIDGETTICKETS ON HOLD DOCUMENTS + LINKS
WIDGET WIDGET WIDGET
TRIP GENIUS TRAVEL TRACKER BUSINESS INTELLIGENCE
WIDGETTICKETS ON HOLD DOCUMENTS + LINKS
WIDGET WIDGET WIDGET
IMPORTANT:
There are two possible iterations for scrolling depending on the number of widgets.
Initially there maybe 2-6 widgets and we can scroll horizontally. There is also the possibility
that we fit up to 4 widgets on the screen in a row.
In further iterations when there are more than 6 widgets we can begin to scroll vertically.
1.
1.
2.
2.
Username
Password
Enter your first time login details.
Username
GO
GO
GO
Enter your login details.
Forgot your password?
Remember my details
Username
Password
New Password
Enter a new password
Failure Message:
Passwords don’t match
Try Again
Failure Message: Login Attempt failed. Try Again.
If you are having trouble please
contact your administrator.
Failed Login Attempt
Your details have been sent to
your email account. You will need to
create a new password.
New Password
Confirm Password
Submit
Enter the answer to your security question.
Enter your email address
Question.......................?
Answer
Answer
Enter a new password
Enter a security question
Enter the answer to your security question
XXXXXXXXXX
XXXXXXXXXXX
GO
User enters own question
(easier to remember)?
or
Given a selection ie.
Mother’s Maiden Name
First Pet
Set a timeout if the no details are entered.
Go to a Welcome Screen. Set a timeout if the no details are entered.
Go to a Welcome Screen.
If a registered user has selected
to remember details
the fields will be prefilled on
future logins.
OR
they go straight into the app
if there is no need for
timeout feature for dashboard?
Go Back to the Login Screen - Registered User
Forgot Password
Passwords match
Mother’s Maiden Name
Login - First Time User
Login - Registered User
Success
Success
Set a timeout if the no details are entered.
Go to a Welcome Screen.
Login Screen -
First Time User
Login Screen -
Registered User
New Password
Secret Question
Forgot
Password
EDIT WIDGETS
GO
New content. 3 Widgets.
No longer has access
CLIENT
Corporate Travel Management is a leading global
travel management company, with presence
currently throughout Australia & New Zealand,
the USA and Asia.
BRIEF
UX Design for CTM Mobile Application
TASKS
Create and develop an intuitive mobile user
experience for the CTM suite of existing and
future development of the travel management
software. This product suite required a user
friendly dashboard to access a variety of
products of which include: flight and
accommodation and booking software, fare
forecaster, travel tracking and tickets on hold
applications.
10. TICKETS ON HOLD
200
$31,500
TICKETS
180
$25,500
TICKETS
300
$15,500
TICKETS
20
$7,500
TICKETS
190
$5,500
TICKETS
$
CTM Mobile - Business Intelligence Widget Sitemap
CTM Mobile - Tickets On Hold (Traveller) Widget
TRIP GENIUS TRAVEL TRACKER BUSINESS INTELLIGENCE TICKETS ON HOLD DOCUMENTS + LINKS EDIT WIDGETS
Dashboard Widgets
Trip Genius Travel
Tracker
Business
Intelligence
Tickets
On Hold
Documents
Links
Edit Widgets
CTM Mobile - Dashboard
Dashboard v3.0
4 button layout
i
EDIT WIDGETS
BUTTON
EFFECT:
Widget Modal screen fades in
after button pressed.
WIDGETS
DASHBOARD
BUTTONSU APPROVE U BOOK
U EXPLORE U CHECK IN
3
TRAVEL TRACKER BI TICKETS ON HOLD
CTM
Widget Transition
Widget - Opening Tickets On Hold Widget from the Dashboard
Dashboard
i
Widget - Tickets On Hold
U APPROVE U BOOK
U EXPLORE U CHECK IN
3
TRAVEL TRACKER BI
i
U APPROVE U BOOK
U EXPLORE U CHECK IN
3
TRAVEL TRACKER BI
First Time Opening -
Tickets On Hold Main Screen
Set Alert
Set Alert
Settings
Do you want to be notified
of new tickets and tickets
about to expire?
Send Alert via SMS, Email or
Both?
See View - CTM Mobile Dashboard Wireframes
TICKETS ON HOLD TICKETS ON HOLD
TICKETS ON HOLD
200
$31,500
TICKETS
180
$25,500
TICKETS
300
$15,500
TICKETS
20
$7,500
TICKETS
190
$5,500
TICKETS
$
SET ALERT
Graph Area
displays:
Number of
tickets on hold
Value of Tickets
Airlines
When the alert
screen slides in
leave part of the
Main screen
partially revealed
and scale down
with animation.
Graph Area
displays:
Number of
tickets on hold
Value of Tickets
Airlines
Sort Filter
Airline Value Expiry
Type of Data display
NOYES NOYES
NOYES EMAIL BOTHSMS
Tickets On Hold
200
$31,500
TICKETS
180
$25,500
TICKETS
300
$15,500
TICKETS
20
$7,500
TICKETS
190
$5,500
TICKETS
$
TICKETS ON HOLD
TICKETS ON HOLD
Tickets On Hold Main Screen
Bar Graph Display
Data filter
button.
Press to reveal
screen withextra
data filters.
TICKETS ON HOLD
200
$31,500
TICKETS
180
$25,500
TICKETS
300
$15,500
TICKETS
20
$7,500
TICKETS
190
$5,500
TICKETS
$
Graph Area
displays:
Number of
tickets on hold
Value of Tickets
Airlines
Sort Filter
Airline
Value
Expiry
Type of Data
display
TICKETS ON HOLD
Bar Graph Data Detail
$
Bar Tiles Rows Pie Heat
Bar Graph Display
U BOOK
TICKET DETAILS
QANTAS
More Results
$31,500
Credit Number:
XXXX-XXXX-XXXX-XXXX
Expiry:
14/03/2014TICKETS
COST CENTRE
Name Name
TICKET NO. DEPARMENT
200
$7451
COST
COST CENTRE
Name Name
TICKET NO. DEPARMENT
$6452
COST
COST CENTRE
Name Name
TICKET NO. DEPARMENT
$3453
COST
COST CENTRE
Name Name
TICKET NO. DEPARMENT
$8454
COST
More than 4 airlines
the user can scroll through.
Touch the bar to reveal
more details about the tickets
available
Tickets On Hold Main Screen
Bar Graph Display
Close Data Filter
Press again to
hide data filter
and return to
graph display
TICKETS ON HOLD
The Graph View will slide to
the left.
Press to load more results
or scroll down.
Widget - Tickets On Hold
TICKETS ON HOLD
Tickets On Hold Main Screen
Tile Display
TICKETS ON HOLD
TICKETS
$
TICKETS ON HOLD
Tile Display Detail
Tile Display
U BOOK
TICKET DETAILS
QANTAS
More Results
$25,500
Credit Number:
XXXX-XXXX-XXXX-XXXX
Expiry:
14/03/2014TICKETS
COST CENTRE
Name Name
TICKET NO. DEPARMENT
380
$7451
COST
COST CENTRE
Name Name
TICKET NO. DEPARMENT
$6452
COST
COST CENTRE
Name Name
TICKET NO. DEPARMENT
$3453
COST
COST CENTRE
Name Name
TICKET NO. DEPARMENT
$8454
COST
More than 9 airlines
the user can scroll through. The Graph View will slide to
the left.
Press to load more results
or scroll down.
Airline 1|
Airline 1
Airline 2
Airline 3
Airline 4
HIGHLIGHT
TO SHOW TICKETS
ABOUT TO EXPIRE.
QANTAS
380
$25,500
TICKETS
QANTAS
280
$22,500
TICKETS
EMIRATES
230
$21,300
TICKETS
EMIRATES
200
$20,455
TICKETS
LUFTHANSA
180
$18,500
TICKETS
LUFTHANSA
160
$17,200
TICKETS
SINGAPORE
150
$15,600
TICKETS
VIRGIN
80
$10,500
TICKETS
VIRGIN
50
$8,500
TICKETS ON HOLD
TICKETS
$
QANTAS
380
$25,500
TICKETS
QANTAS
280
$22,500
TICKETS
EMIRATES
230
$21,300
TICKETS
EMIRATES
200
$20,455
TICKETS
LUFTHANSA
180
$18,500
TICKETS
LUFTHANSA
160
$17,200
TICKETS
SINGAPORE
150
$15,600
TICKETS
VIRGIN
80
$10,500
TICKETS
VIRGIN
50
$8,500
Widget - Tickets On Hold
TICKETS ON HOLD
Tickets On Hold Main Screen
Heat Map Display
TICKETS ON HOLD
TICKETS
$
TICKETS ON HOLD
Tile Display Detail
Heat Map Display
U BOOK
TICKET DETAILS
QANTAS
More Results
$25,500
Credit Number:
XXXX-XXXX-XXXX-XXXX
Expiry:
14/03/2014TICKETS
COST CENTRE
Name Name
TICKET NO. DEPARMENT
380
$7451
COST
COST CENTRE
Name Name
TICKET NO. DEPARMENT
$6452
COST
COST CENTRE
Name Name
TICKET NO. DEPARMENT
$3453
COST
COST CENTRE
Name Name
TICKET NO. DEPARMENT
$8454
COST
Slide finger on the heat pad to
reveal tickets about to expire and
tickets
As they slide in and out of the
screen the animations of the data
boxes will speed up.
The background will have a
parallax effect as it moves from
hot tickets.
Press to load more results
or scroll down.
RED INDICATES
TICKETS ABOUT TO
EXPIRE.
QANTAS
380
$25,500
TICKETS
EMIRATES
250
$20,300
TICKETS
SINGAPORE
180
$28,300
TICKETS
LUFTHANSA
30
$9,300
Widget - Tickets On Hold
TICKETS ON HOLD
Tickets On Hold Main Screen
Tile Display
TICKETS ON HOLD
TICKETSTOTAL
$
TICKETS ON HOLD
Tile Display Detail
Row Display
U BOOK
TICKET DETAILS
QANTAS
More Results
$25,500
Credit Number:
XXXX-XXXX-XXXX-XXXX
Expiry:
14/03/2014TICKETS
COST CENTRE
Name Name
TICKET NO. DEPARMENT
380
$7451
COST
COST CENTRE
Name Name
TICKET NO. DEPARMENT
$6452
COST
COST CENTRE
Name Name
TICKET NO. DEPARMENT
$3453
COST
COST CENTRE
Name Name
TICKET NO. DEPARMENT
$8454
COST
More than 6 airlines
the user can scroll through.
Press to load more results
or scroll down.
HIGHLIGHT
TO SHOW TICKETS
ABOUT TO EXPIRE.
QANTAS
380$25,500
TICKETSTOTAL
EMIRATES
200$20,500
TICKETSTOTAL
LUFTHANSA
180$18,500
TICKETSTOTAL
LUFTHANSA
160$17,200
TICKETSTOTAL
VIRGIN
150$15,600
TICKETSTOTAL
SINGAPORE
50$10,500
TICKETS ON HOLD
TICKETSTOTAL
$
QANTAS
380$25,500
TICKETSTOTAL
EMIRATES
200$20,500
TICKETSTOTAL
LUFTHANSA
180$18,500
TICKETSTOTAL
LUFTHANSA
160$17,200
TICKETSTOTAL
VIRGIN
150$15,600
TICKETSTOTAL
SINGAPORE
50$10,500
Widget - Tickets On Hold
TICKETS ON HOLD
Tickets On Hold Main Screen
Tile Display
TICKETS ON HOLD
$
Pie Graph Display
Update
SEARCH
Button
only appears
when sorting by
airline filter and
on the pie graph.
TICKETS ON HOLD
Pie Graph Data Detail
U BOOK
TICKET DETAILS
QANTAS
More Results
$31,500
Credit Number:
XXXX-XXXX-XXXX-XXXX
Expiry:
14/03/2014TICKETS
COST CENTRE
Name Name
TICKET NO. DEPARMENT
200
$7451
COST
COST CENTRE
Name Name
TICKET NO. DEPARMENT
$6452
COST
COST CENTRE
Name Name
TICKET NO. DEPARMENT
$3453
COST
COST CENTRE
Name Name
TICKET NO. DEPARMENT
$8454
COST
Tickets On Hold
Pie Graph Display - Data Filter
Airline Credits
Department Cost Centre
Drop down list will push
screen to a suitable height.
TICKETS ON HOLD
The Graph View will slide to
the left.
Press to load more results
or scroll down.
Airline 1|
Credits |
Department |
Update
HIGHLIGHTED
TO SHOW TICKETS
ABOUT TO EXPIRE.
HIGHLIGHTED
TO SHOW TICKETS
ABOUT TO EXPIRE.
ROTATE PIE GRAPH
LIKE A DIAL TO
REVEAL INFORMATION
ON EACH SEGMENT
OR
TOTAL
$25,500
TICKETS
380
QANTAS
Tickets On Hold Main Screen
Tile Display
TICKETS ON HOLD
$
TOTAL
$15,500
TICKETS
80
LUFTHANSA
Tickets On Hold Main Screen
Tile Display
TICKETS ON HOLD
$
TOTAL
$21,500
TICKETS
180
SINGAPORE
ROTATE PIE GRAPH
LIKE A DIAL TO
REVEAL INFORMATION
ON EACH SEGMENT
Tickets On Hold Main Screen
Tile Display
TICKETS ON HOLD
$
TOTAL
$25,500
TICKETS
380
QANTAS
Tickets On Hold Main Screen
Tile Display
TICKETS ON HOLD
$
TOTAL
$15,500
TICKETS
80
LUFTHANSA
Tickets On Hold Main Screen
Tile Display
TICKETS ON HOLD
$
TOTAL
$21,500
TICKETS
180
SINGAPORE
Tickets On Hold Main Screen
Tile Display
TICKETS ON HOLD
$
When a segment on the graph is selected
by touch the graph will animate move an
information will appear in the quadrant
which is the closest to the segment
TOTAL
$25,500
TICKETS
380
QANTAS
Cost Centre |
Airline 1|
Airline 2
Airline 3
Airline 4
Credits |
Department |
Update
Cost Centre |
Airline 1|
Credits |
100, 000 Accommodation
50,000 Flight International
10,000 Flight Domestic
Department |
Update
Cost Centre |
Airline 1|
Credits |
Department |
Name
Name
Name
Update
Cost Centre |
Airline 1|
Credits |
Department |
Update
Cost Centre |
Name
Name
Name
Tickets On Hold Main Screen
Heat Map Display
TICKETS ON HOLD
TICKETS
$
BLUE INDICATES
TICKETS ABOUT TO
EXPIRE.
QANTAS
380
$25,500
TICKETS
EMIRATES
250
$20,300
TICKETS
SINGAPORE
180
$28,300
TICKETS
LUFTHANSA
30
$9,300
Close Data Filter
Press again to
hide data filter
and return to
graph display
11. Daniel Gawronski UI/UX Design - Folio
CLIENT
The FOXTEL ‘Alert Shirt’ App was an interactive
sports application in which the user could keep
track of live AFL player game data. It came
complete with a shirt that vibrated to simulate the
endurance, health and hits on a player in a live
game.
BRIEF
UX/UI Design for ‘Alert Shirt App’ and
Subscription Pages
12. Daniel Gawronski UI/UX Design - Folio
CLIENT
The industry superannuation fund for the
hospitality, tourism, recreation and sport
industries. HOSTPLUS is one of Australia’s
largest super funds. They have close to one
million members, 90,000 employers and over
$15 billion in funds under management.
BRIEF
Cross Platform Redesign & Redevelopment
TASKS
Create and develop an intuitive, informative and
exciting digital experience for the HOSTPLUS
large member base. The process began with
identifying key pillars of information and creating
a concierge like experience to access it with a
focus on iconography and stunning visuals. In
this ongoing project I was responsible for user
experience analysis, wireframing, interface and
iterative design, front end development, content
management system and template updates, rich
media and edm design and development, user
testing with google analytics.
13. Daniel Gawronski UI/UX Design - Folio
CLIENT
GuildSuper, part of the Guild Retirement Fund is
one of Australia’s fastest growing specialist super
funds. Designed primarily for health
professionals, they have close connections to
the industry their clients operate in. Overall they
look after the superannuation savings of more
than 70,000 members and help more than 21,000
employers meet their superannuation obligations.
BRIEF
Cross Platform Redesign & Redevelopment
TASKS
Craft and develop an intuitive user experience
and provide easy access to large volumes of
information. The process began with identifying
and mapping a hierarchy of information from that
which is most commonly used to finer detail. I
designed the interface to present this information
in levels of necessity using segmented brand
color, typography and a question and answer
based user workflow along the theme of “How
can guild help you?”. In this ongoing project I
was responsible for user experience analysis,
wireframes, storyboarding and interface design,
front end development, content management
system and template updates, rich media and
eDM design and development.
14. Daniel Gawronski UI/UX Design - Folio
PERSONAL PROJECT
The Animals is a fun and educational interactive
game which I designed and developed for all
ages starring farm animals. Touch and move the
Animals to make them sing, play, run, jump, fly,
eat and poop. Features: Interactive animated
farm animals. Songs about each animal to sing
and dance along to. Sounds for each animal that
play on touch. Landscape and portrait mode.
TASKS
UX/UI Design, iOS Native Development,
Character Illustration, Flash Animation, iTunes
Publishing
17. Daniel Gawronski UI/UX Design - Folio
PERSONAL PROJECT
Bright Like Neon. Smart Like Calculator. Neon
Calculator is a digital calculator which I designed
and developed with a customisable neon style
user interface. Features: 5 Neon Colours to
Choose From. 10 Neon Background Colours
and Patterns. Large Digital Number Display.
User-Friendly Interface. Flip View for Settings.
Memory and Current Operation Display.
TASKS
UX/UI Design, iOS Native Development, Iterative
Design, Provisioning and Publishing with iTunes
Connect