Publicité
Publicité

Contenu connexe

Publicité

Hsu Ka An - Portfolio

  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
Publicité