MARLIN JAYAKODY
UX Design Portfolio - 2017
Hello…
“
Marlin is a User Experience Architect at 99x Technology with close to a decade of experience in ICT Industry, who is recognized for his work both locally and internationally. He is specialized in enterprise level software product design which deals across multiple domains such as banking & finance, enterprise resource planning, aviation, trading and many others. Identified as a leader who empowers UX teams and building a UX culture within organizations, He actively strives towards evangelizing his knowledge in user experience and sharing his experience with professionals at Human Experience Organization (HEX). Marlin currently holds a master’s degree in business psychology from Herriot Watt University, UK. He is also an active member of the Interaction Design Foundation. Expertise: Quantitative and qualitative user research, Cognitive and behavioural Science, Creating Unified User Experience, Interaction Design, Branding.
Trading Redefined TradeIT is an application which is focused in managing the documents digitally which is used in global trading. This will help it’s users to have all the necersary documents align with the process and maintain and update them in one location.
UX PROCESS TradeIT
Define Process Steps Problem Definision Stakeholder Interviews Personas (2) Journey Mapping
PROBLEM DEFINISION
P R O J E C T G OA L S
Througout a century trading has been
Output is a comprehensive system to
done the same way using a similar kind of a
create manage and update documents
process and documentation. This way of
which will be acceable to all parties
trading can cause so many delays and so
involved in the trading process. From the
much of time has to be spent on creating
Exporter to the Importer to the banks
physical documentation copies and
which handles these both parties the
strenues aproval processors. This also
documentation will be available and to
creates space for errors which needs to be
move in to a complete paperless
corrected and updated which again makes
workflow.
the process even more complex.
STAKEHOLDER INTERVIEWS online and oine stakeholder interviews was carried out to further clarify the problem and the solution fit. The stakeholder interviews were joined by potential users of the application, and stakeholders from the industry plus the product owner.
Meet the Personas Neil Harris
Importer / Exporter
3 5 ye a rs o l d / M a ke s a l i v i n g o u t o f I m p o r i n g E x p o r t i n g
“I would like to have a system which will help me to keep track and organize my trading documents according to the account. It would help me to use less emails and have a messaging service as well”
GOALS
PAINPOINTS
BEHAVIOURS
To manage all documents
Unnsessary time spent on
Spends a very busy schedule.
related to a trading
reading emails. Attnding to
Most of the time calling traders
account in one place.
changes in documents.
on IDD. Has limited time to
Waiting for aproval .
check emails.
Luke Markus Banker 2 5 ye a rs o l d / Wo r k s a r t h e t ra d i n g D e p o a r t m e n t o f t h e B a n k
“I would like to have one screen which shows me all the updates of the accounts i handle. If there is a notification system it let me know any changes would be just awesome.”
GOALS
PAINPOINTS
BEHAVIOURS
To get updates and work
Moving from system to system to
Spends a very busy schedule.
on assigned trading
get relevent details. Making
Most of the time calling traders
accounts.
number of calls to get the work
on IDD. Has limited time to
done. Offline customer
check emails.
Communication.
User Journeys
Ideate Process Steps Design Sprint Information Architecture Wireframing
DESIGN SPRINT
I N FO R M AT I O N A R C H I T E C T U R E
The entire team got together for three days
The information hierachy was deďŹƒned
to conduct a Design sprint according to
according to the importance of the data in
the guidelines provided by google
the perpective of the persona. These
ventures. Each one sketched their ideas of
sections were easy to identify from the
how the application should be by
outcome of the design sprint. The IA was
empathizing on the user groups and voted
later taken in to account when creating the
for the best ideas later. The supervote was
wireframes.
casted by the product owner.
WIREFRAMING The initial wireframing was done on paper with concidering the outcome of the design sprint. later these wireframes were converted in to highfidelity designs using digital wireframing tools.
Wireframes
Prototype Process Steps Visual Design Clickable Prototype
Clikable protptype available at https://invis.io/9D8HDMHW7
Smart way to start working TimeSheet Smart is a web based project billing application that helps you track employee attendance and tracked time.
UX PROCESS Time Sheet Smart
Define Process Steps Problem Definision Stakeholder Interviews Personas (2) Journey Mapping
PROBLEM DEFINISION
P R O J E C T G OA L S
For project companies tracking resources
Output is a comprehensive system to keep
planning and time reporting has been
track on employee time reporting and
always a huge concern. Currently most
resourse planning to help plan and bill
companies have to use multiple
projects. This application is mainly
applications to gather these data and
targetted on small and medium scale
create project billing reports.
organisations.
STAKEHOLDER INTERVIEWS online and oine stakeholder interviews was carried out to further clarify the problem and the solution fit. The stakeholder interviews were joined by potential users of the application, and stakeholders from the industry plus the product owner.
User Journeys
Ideate Process Steps Design Sprint Information Architecture Wireframing
DESIGN SPRINT
I N FO R M AT I O N A R C H I T E C T U R E
The entire team got together for three days
The information hierachy was deďŹƒned
to conduct a Design sprint according to
according to the importance of the data in
the guidelines provided by google
the perpective of the persona. These
ventures. Each one sketched their ideas of
sections were easy to identify from the
how the application should be by
outcome of the design sprint. The IA was
empathizing on the user groups and voted
later taken in to account when creating the
for the best ideas later. The supervote was
wireframes.
casted by the product owner.
WIREFRAMING The initial wireframing was done on paper with concidering the outcome of the design sprint. later these wireframes were converted in to highfidelity designs using digital wireframing tools.
Wireframes
Prototype Process Steps Visual Design Clickable Prototype
Clikable protptype available at https://marvelapp.com/ji4270/screen/13559860
UI Designs
Maturify Knoaladge management system
Maturify Knoaladge management system
PanelClaw Solapanel Design Application