Compass Group PLC is a food and support services company that operates in Australia. Daniel Gawronski was tasked with redesigning Compass Group's cross-platform website to better define the company and its subsidiaries under the "Bigger Picture" brand umbrella. This involved user experience research, interface design, content management, and user testing to help users understand Compass Group's diverse services and extensive support network.

1. Daniel Gawronski
UX/UI Digital Designer
danielgawronski.com

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.

3. Our
Brands
Our
Industries
Food survival guide.
A short cooking course by Scholarest.
Find out more
Homepage Who we are What we do Being responsible Newsroom Working at Compass Talk to us
Big picture. Small detail.
At Compass Group, we provide the widest portfolio of food service solutions in the world. From
prestigious events such as Wimbledon and the Grammys, to schools and workplaces, to offshore
and remote locations. Whatever our offering, wherever it’s served, our customers experience the
freshest, tastiest food, combined with first-class service. And although we’re the largest catering
group in the world, we focus on the small details, because sometimes it’s the smallest details that
make the biggest difference.
Being
responsible
How can we
help you?
Careers with
Compass?
Media Centre
Learn more
20 July
Lorum ipsum
17 July
Lorum ipsum
06 July
Lorum ipsum
At Compass Group we
place a great deal of
importance on corporate
responsibility, and believe
that by working together
we can all make a big
difference. We call it
360 degrees.
Name Compass Group Australia
offers a vast range of
employment opportunities
in food and support
services. If you’re striving
for success and would
like take your career in
new directions, apply for
a job with us today.
Learn more Contact us Join us
Healthcare EducationBusiness &
Industry
Fine Dining
Remote &
Defence
Facilities
Management
Sports &
Leisure
Security
Email
Question
Compass Group Sitemap
Compass Grpup Home
Who We Are
Our Company
Our Offer
Our People
Health, Safety,
Envir. & Quality
Our Culinary Approach
What We Do
Business & Industry
Defence, Offshore &
Remote
Facilities Management
Education
Fine Dining & Concierge
Security Services
Healthcare
Sports & Leisure
Venues & Events
Being responsible
Corporate Responsibility
Compass 360
Indigenous Strategy
Responsible Sourcing
Newsroom
Awards
News Releases
Newsroom Archive
Fact Sheet
Media Contacts
Talk to us
Contact Form
FAQ
General
Sitemap
Privacy Policy
Terms & Conditions
Brands
ESS
Eurest
Restaraunt Associates
Medirest
Delta FM
Omega
All Leisure
Scolarest
© Compass Group 2011 | Contact Us | Sitemap | Privacy Policy | Terms & Conditions
Staff login
Username Password
More news
Catering
Boutique
Catering
Mangement
o
4,000 meals. 400,000 fans.
Name Email
Contact us
How can we help you?
Question
Our Brands
Our Industries
Compass Group Sitemap
Compass Grpup Home
Who We Are
Our Company
Our Offer
Our People
Health, Safety,
Envir. & Quality
Our Culinary Approach
What We Do
Business & Industry
Defence, Offshore &
Remote
Facilities Management
Education
Fine Dining & Concierge
Security Services
Healthcare
Sports & Leisure
Venues & Events
Being responsible
Corporate Responsibility
Compass 360
Indigenous Strategy
Responsible Sourcing
Newsroom
Awards
News Releases
Newsroom Archive
Fact Sheet
Media Contacts
Talk to us
Contact Form
FAQ
General
Sitemap
Privacy Policy
Terms & Conditions
Brands
ESS
Eurest
Restaraunt Associates
Medirest
Delta FM
Omega
All Leisure
Scolarest
© Compass Group 2011 | Contact Us | Sitemap | Privacy Policy | Terms & Conditions
Staff login
Username Password
Our company.
At Compass Group, lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud
exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in
reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.
Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo
consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla
pariatur.
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut
labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris
nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit
esse cillum dolore eu fugiat nulla pariatur.
Lorum ipsum.
Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo
consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla
pariatur.
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut
labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris
nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit
esse cillum dolore eu fugiat nulla pariatur.
Learn more
Our company
Our offer
Our people
Responsibility
Our chefs
Oscars
Healthcare EducationBusiness &
Industry
Fine Dining
Remote &
Defence
Facilities
Management
Sports &
Leisure
SecurityCatering
Boutique
Catering
Mangement
Homepage Who we are What we do Being responsible Newsroom Working at Compass Talk to us
Staff login
Username Password
52,000 passionate
colleagues.
Work with Compass Group.
Go to the Compass Group Homepage
At ESS, lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor
incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud
exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor
in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.
Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea
commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum
dolore eu fugiat nulla pariatur.
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt
ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation
ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in
reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.
Global reach.
Local solutions.
Learn more
See how we’re a big part
of an even bigger group.
Lorem ipsum dolor sit
amet, consectetur
adipisicing elit, sed do
eiusmod tempor incididunt
ut labore et dolore magna
aliqua.
Compass homepage Join us
Our Industries
Business &
Industry
Remote &
Defence
Facilities
Management
Security
Compass Group Sitemap
Compass Grpup Home
Who We Are
Our Company
Our Offer
Our People
Health, Safety,
Envir. & Quality
Our Culinary Approach
What We Do
Business & Industry
Defence, Offshore &
Remote
Facilities Management
Education
Fine Dining & Concierge
Security Services
Healthcare
Sports & Leisure
Venues & Events
Being responsible
Corporate Responsibility
Compass 360
Indigenous Strategy
Responsible Sourcing
Newsroom
Awards
News Releases
Newsroom Archive
Fact Sheet
Media Contacts
Talk to us
Contact Form
FAQ
General
Sitemap
Privacy Policy
Terms & Conditions
Brands
ESS
Eurest
Restaraunt Associates
Medirest
Delta FM
Omega
All Leisure
Scolarest
© Compass Group 2011 | Contact Us | Sitemap | Privacy Policy | Terms & Conditions
Media Centre
20 July
Lorum ipsum
17 July
Lorum ipsum
06 July
Lorum ipsum
More news
Careers with
ESS?
How can we
help you?
Name
Contact us
Email
Question
About us Why use ESS? Food & retail Support services Our responsibilty Talk to us
Catering
Big picture. Small detail.
10,000 km from home.
Daniel Gawronski UI/UX Design - Folio

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.

6. Daniel Gawronski UI/UX Design - Folio

7. Daniel Gawronski UI/UX Design - Folio

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

15. Mobile
Disclaimer Terms © 2014 - Tech Online Application
Get Started Subscribe Learn More
Get your subscription and start using
Tech-Online in your business today.
Tech-Online is a comprehensive suite of
Automotive Technical Chapters containing
service and repair information on passenger
and light commercial vehicles.
Find out more about Tech-Online
and what we can offer.
Call (03) 9829 1152
or
Email us
More Info
Login
Proudly supported by
Login to your account and start using
technical information
Disclaimer Terms © 2014 - Times Guide ApplicationDisclaimer Terms © 2014 - Times Guide Application
Get Started
Learn More
Subscribe

16. Mobile
Vehicle Select - Screen Category Select - ScreenLogin / Home - Screen
Make
Model
Display Operations
Series
Disclaimer Terms © 2014 - Times Guide Application
Make
Model
Display Operations
Series
Auto Transmissions
Body Tech
Common Faults
Electronic Braking Control
Engine Management
3
1
12
Auto Transmissions
Body Tech
Common Faults
Electronic Braking Control
Engine Management
3
1
12
LPG
Programming and Relearn
Serpentine Belts
Service Reset
Service Schedule
5
LPG
Programming and Relearn
Serpentine Belts
Service Reset
Service Schedule
5
SRS Airbags
Tech Data
Tech Talk
Timing Belts
Vehicle Identification
3
15
SRS Airbags
Tech Data
Tech Talk
Timing Belts
Vehicle Identification
3
15
Type Select - Screen Detail - Screen Detail - Screen ( Pop Over )
2004 - 2005 Holden Commodore
VZ V6 4sp 4L60-E
2004 - 2005 Holden Commodore
VZ V6 5sp 5L40-E
2004 - 2005 Holden Commodore
VZ V8 4sp 4L65-E
Specifications
Transmission Model:
4L60–E 6HDD / 6HCD
Service Interval:
80,000 km
Recommended
Service Time:
1.5 Hours
Model Information
Vehicle Manufacturer:
Holden
Vehicle Model:
Commodore VS V6
Year:
1995 – 1999
Lubrication
Fluid Type: Service Refill Capacity:
ATF Dexron III 4.8 L
Dry Fill Capacity: Filter Type/Location:
7.9 L Mounted to valve body
Torque Specifications
Filler Plug: Drain Plug:
N/A N/A
Pan Bolts: Filter Bolts:
11 Nm N/A
Bell Housing Bolts: Starter Motor Bolts:
50 – 85 Nm 36 – 50 Nm
Converter Bolts: Inhibitor Switch Bolts:
60 – 85 Nm 15 – 25 Nm (Col. Shift)
Service Notes
The model code can be found on the ID label on
top of the bell housing and stamped on the right rear
edge of the pan mating surface.
Level Checking Procedure
Ensure transmission is at operating temperature
82 to 93°C (approx 24 Km drive)
Park the vehicle on level ground
Move the gear selector into the Park position and
apply the park brake
Fault Code Access
Fault Code
Component Inspection
Pindata
Diagrams
BACK
Holden Commodore
VZ 2004 - 2007
Holden Commodore
VZ 2004 - 2007
Disclaimer Terms © 2014 - Times Guide ApplicationDisclaimer Terms © 2014 - Times Guide Application
Get Started
Learn More
Subscribe
CLIENT
VACC is the Victorian Automobile Chamber of
Commerce.
Formed in 1918, it is the peak automotive indus-
try body in Victoria, representing the interests
of more than 5,000 small and medium sized
businesses, employing approximately 50,000
Victorians.
VACC members provide key services in the
repair, service and retail sectors of the automo-
tive industry. In fact, for anything automotive,
deal with your local VACC member, chances are,
there’s one just around the corner.
TASKS
UX/UI Design for the VACC Times Guide
Application of which automotive experts use to
estimate time for mechanical repairs.

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