This is my work Portfolio. Thanks for dropping by,

1. HSU KA AN
Portfolio

2. About Me
Iam HsuKa Ana.k.aRobert. Iam a thirdgenerationIndianChinese.
IhavebeenintheUXRolesincethelast 5 yearsinmypresentcompany,WebSpidersPvt.Ltd.
PriortothatIworkedas a LeadVisualiserfor4.5 yearsinTata InteractiveSystems.
Besidework:
•Iam anavid hoarderofvisualideas
•Idowritesometimeatmy Blogsite
•IhelpmyfellowUxer’stofindtheirwayintheUXIndustry.
•Iam alsoanactive memberoftheIndianChineseAssociationandleadtheteam inorganisingvarious
culturalevents.
DOWNLOAD COVER LETTER DOWNLOAD RESUME

3. EARLY ESSENTIALCARE MOBILE APP
for World Health Organisation – WesternPacific Region
PROJECTBRIEF
Provide healthprofessionals with auser-friendly, evidence-basedprotocol to essential newborncare –focusingonthe first hoursand days of
life.
DURATION
3Months
THE CHALLENGE
To converttheir currentEarly Essential CarePDF Manualto a User Friendly Mobile App thatcan be usedby skilled birth attendants including
midwives, nursesanddoctors duringthe critical first hourof child birth.
PLATFORM
• iOS: iPhone& iPad
• Android: Phone&Tablet
MY ROLE
• Lead the analysis of TenderRequirement
• Propose a DesignSolution whichtranslated into uswinningthe tender
OUTPUT
HighFidelity Prototype in InVisionApp

4. EARLY ESSENTIAL CAREMOBILE APP World HealthOrganisation –Western Pacific Region
TheChallenge
To convertthe Algorithms whichwas in the form of a PDF Manualto aneasy to use interactive app.
PDF

5. EARLY ESSENTIAL CAREMOBILE APP World HealthOrganisation –Western Pacific Region
TheSolution
Proposed a solution thatkeeps the essenceof originalPDF ChartForm includingthe colour usageandthe overall structureof the manual.
This reducethe learningcurvefor the usertransitioningfrom the PDF Manual.
THE HOME SCREEN THE ALGORITHM SCREEN
Module Title
Easy Access to Previous Screen*
*Value addproposedby me
Also serves as are-affirmation
of previous answerprovided
ALGORITHMSCREEN
All EssentialControlin the middle lower
bottom endof the screenfor easy one
handeduse
All ColourCodeshifted to outline, to
improve text readability evenin low light
condition.

6. LIVE MIC – MOBILE APP
for WebSpiders Pvt. Ltd.(In-House Product)
PROJECTBRIEF
Use Attendee’s Phoneas Microphoneto interact speakersduringEvents
& Conferences
DURATION
3Months
THE CHALLENGE
To designan app whichwouldconnectedto the EventPA System andbe usedby Attendees to speakto the speakers.Insteadof passingthe mic
around,the Attendees canusetheir ownphoneas mic to address the speakerand other eventattendees.
PLATFORM
• iOS: iPhone& iPad
• Android: Phone&Tablet
MY ROLE
• Propose a DesignSolution for both the App and CMSEnd
OUTPUT
• Low Fidelity Wireframe in Balsamiq
• HighFidelity Prototype in InVisionApp

7. LIVEMIC–MOBILE APP Web Spiders Pvt.Ltd. (In-HouseProduct)
TheWireframing
SPEAKER SCREEN FLOW
ATTENDEE SCREEN FLOW
QuickSetup and Easy to Use App

8. Web Spiders Pvt.Ltd. (In-HouseProduct)
TheSolution
Proposed a solution thatkeeps the essenceof originalPDF ChartForm includingthe colour usageandthe overall structureof the manual.
This reducethe learningcurvefor the usertransitioningfrom the PDF Manual.
WELCOME SCREEN THE ATTENDEE CALL SCREENS
LIVEMIC–MOBILE APP

9. FORM BUILDER - WEB APPLICATION
for Leading Automobile Company
PROJECTBRIEF
To designa web application that will allow usersto build andpublish Forms.
DURATION
2Months
THE CHALLENGE
To build a form builder web application that will allow usersto build different type of Multilingual Formsthat canbe publishedto websites.
PLATFORM
• Web Application
MY ROLE
• Workwith the developmentteam and clientto come upwith a designsolution and screenflow for the application
OUTPUT
• Low Fidelity Wireframe in Balsamiq
• FinalScreenDesign

10. FORMBUILDER- WEB APPLICATION LeadingAutomobile Company
TheWireframing
ListScreen FormBuilder Screen
FORM COMPONENTS FINALFORM AREA PROPERTIES PANEL

11. FORMBUILDER- WEB APPLICATION LeadingAutomobile Company
ScreenDesign
ListScreen FormBuilder Screen
FORM COMPONENTS FINALFORM AREA PROPERTIES PANEL

12. KID STOP– WEBSITE
for Children Science Centre,Singapore
PROJECTBRIEF
Designwebsite to Ignite the love for scienceand be a marketingtool to increaseawarenessof CSC’sofferings and drive visitorship to CSC
(primaryobjective) and its sister attractions (secondaryobjective).
DURATION
2Months
THE CHALLENGE
A ResponsiveWebsite thatneeds to be both engagingfor kids as well as pushCSC’sOffering to Kid’sParents.
PLATFORM
• Responsive Website
MY ROLE
• Lead the analysis of TenderRequirement
• Propose a DesignSolution whichtranslated into a winningtender
OUTPUT
• Low Fidelity Wireframe in Google Slides
• FinalScreenDesign

13. KID STOP –WEBSITE ChildrenScience Centre,Singapore
TheWireframing
SITEOBJECTIVE
• Funresourcesfor their children
• Feedbacksharing:encouragerepeat web visits and
grow relationship with CSC.
• Be a marketingtool to increase awarenessof CSC’s
offerings anddrive visitorship to CSC(primary
objective) andits sister attractions (secondary
objective).
• Increaseawarenessof revenue-generating
products/facilities (eg: workshops,membership,
party/grouppackages, gift shopand restaurantetc)to
drive sales and to encourageonlineticketing
(admissiontickets and membership).

14. KID STOP –WEBSITE ChildrenScience Centre,Singapore
Final ScreenDesign
SITEPRIMARYOBJECTIVE
• Funresourcesfor their children
• Feedbacksharing:encouragerepeat web visits and
grow relationship with CSC.
• Be a marketingtool to increase awarenessof CSC’s
offerings anddrive visitorship to CSC

15. KID STOP –WEBSITE ChildrenScience Centre,Singapore
Final ScreenDesign
SITESECONDARY
OBJECTIVE
• Drive visitorship to its sister attractions
• Increaseawarenessof revenue-generating
products/facilities (eg: workshops,membership,
party/grouppackages, gift shopand restaurantetc)to
drive sales and to encourageonlineticketing (admission
tickets andmembership).

16. KID STOP –WEBSITE LeadingAutomobile Company
Final ScreenDesign
SITESECONDARY
OBJECTIVE
• Drive visitor ship to its sister attractions
• Increaseawarenessof revenue-generating
products/facilities (eg: workshops,membership,
party/grouppackages, gift shopand restaurantetc)to
drive sales and to encourageonlineticketing (admission
tickets andmembership).
MobileVersion

17. ANALYTICSDASHBOARD
-WEB APPLICATION
for In-House Product
PROJECTBRIEF
CMSDashboardto give EventManagersinsights into EventHappening
DURATION
Ongoing
THE CHALLENGE
To build a single screendashboard whereeventmanagerscanget a quickinsightto the ongoingeventapp engagement
PLATFORM
• Web Application
MY ROLE
• Workwith the developmentteam and clientto come upwith a designsolution and screenflow for the application
OUTPUT
• FinalScreenDesign

18. ANALYTICS DASHBOARD- WEB APPLICATION In-HouseProduct
ScreenDesign

19. ANALYTICS DASHBOARD- WEB APPLICATION In-HouseProduct
ScreenDesign

20. ANALYTICS DASHBOARD- WEB APPLICATION In-HouseProduct
ScreenDesign
CONTEXTSENSTIVEACTIONBAR

21. TRANSPORTCLAIM APP
for Public Utilities Board, Singapore
PROJECTBRIEF
This native mobile application provides highly-interactiveuserinterface for PUB Officers to record the actualpath travelled usingon-device
GPS, add supportingdetails, and export trips ona monthlybasis
DURATION
6Months
PLATFORM
• iOS: iPhone& iPad
• Android: Phone&Tablet
MY ROLE
• Lead the analysis of TenderRequirement
• Propose a DesignSolution whichtranslated into a winningtender
• Overseethe Designof the App
OUTPUT
Low Fidelity Wireframe in Google Slides
Since my company is competing again for therenewalof this contract,
Iwill not beable to sharethescreensforthis app

22. EVENT2MOBILE LOGO REBRANDING
for In-House Product
PROJECTBRIEF
To designa newlogo for our Flagship Mobile Application Product –Even2Mobile
DURATION
3Days
THE CHALLENGE
To rebranda widely usedEngagementApp for Eventsand Conferences.
MY ROLE
• To understandand come upwith a newlogo
OUTPUT
• Presentation

23. EVENT2MOBILE LOGOREBRANDING In-HouseProduct
PresentationSlides
Slide1 of 4

24. EVENT2MOBILE LOGOREBRANDING In-HouseProduct
PresentationSlides
Slide2 of 4

25. EVENT2MOBILE LOGOREBRANDING In-HouseProduct
PresentationSlides
Slide3 of 4

26. EVENT2MOBILE LOGOREBRANDING In-HouseProduct
PresentationSlides
Slide3 of 4

27. PRO BONO WORKS
for Associations and NGOs
PROJECTOVERVIEW
A collection of DesignProject whichI do for free for the communityassociation Iam associated with andalso for other organisations.
DURATION
Ongoing
PLATFORM
• Print
MY ROLE
• DesignAnnualDiaries andother collaterals.
Because itisnotallabouttheMoney!

28. PROBONOWORKS Associations andNGOs
AnnualDiary Cover
Released by Indian Chinese Association forCulture, Welfare and Development

29. PROBONOWORKS Associations andNGOs
Logos Logofora team
participating ina Walk
organised by TorontoZoo
Logoforan NGO that works touplift dwellers livingalongside the Howrah River
Logoforan annual Chinese cultural
event

30. THANK YOU
Portfolio @ Behance
Blog @ Tumblr
Profile @ Linkedin
FIND MEELSEWHERE