Learning on TAP
- Location
- Global
- Services
- UI / UX Design
- Front-End Development
- Illustrations
- Services
- UI / UX Design
- Front-End Development
- Illustrations
WorkingwithPhysiopediaonaprojectfortheWorldHealthOrganization,IledthebrandanddigitalredesignofLearningonTAP,anexistingblendedlearningplatformforprimaryandcommunityhealthworkers.Myworkcoveredbrandidentity,UI/UXdesign,front-enddevelopmentandillustrations,withafocusonmakingtheplatformmoreaccessibleandeasiertouse.
Theprojectinvolvedrethinkingtheexistingplatform,withaparticularfocusonaccessibility,usabilityandreducingcognitiveload.Isimplifiedtheinterface,improvedreadabilityandintroducedclearernavigationandcontenthierarchytomakethelearningexperienceeasiertofollow.
IalsodevelopedtheLearningonTAPbrandidentity,includingthelogo,brandguidelinesandsupportingdocumentation.Fromthere,Icreatedacomprehensivewebdesignsystemcoveringtypography,colours,componentsandinteractionstates,providingaconsistentfoundationforthewebsiteandlearningplatform.
Iworkedthroughwireframes,interactiveprototypesandfinaldesigns,collaboratingwithstakeholdersacrossdifferentdepartmentstobalancethelearningrequirementswithanaccessibleuserexperience.
Workingalongsideanotherdeveloper,Iimplementedtheredesignedfront-endinWordPress,coveringthepublic-facingwebsite,registration,learnerdashboardandcourseinterfaces.
Alargepartoftheredesignfocusedonsimplifyinghowlearnersmovethroughthecourses.Iimprovedthestructureofcourseoverviews,lessonnavigation,learningresourcesandquizzes,creatingamoreconsistentexperienceacrossdifferentmodules.
Theplatformneededtosupportwrittenlessons,video,illustrations,interactiveactivitiesandassessments.Idesignedreusablecomponentsthatmadethesedifferentcontenttypeseasiertonavigatewhilekeepingthefocusonthelearningmaterial.
Accessibilityinformeddecisionsthroughoutthedesignandbuild,fromtypography,colourcontrastandspacingtoclearinteractionstatesandresponsivebehaviour.
Iadaptedtheredesignedexperienceformobile,ensuringlessons,activitiesandresourcesremainedreadableandeasytonavigateonsmallerscreens.Simplifyinglayoutsandreducingunnecessaryvisualcomplexityhelpedmaintainaconsistentlearningexperienceacrossdevices.
Alongsidethebrandandinterfacework,Icreatedillustrations,graphicsandmediaassetscoveringassistiveproducts,healthcareequipmentandpeople.Thesesupportedthecoursematerialandhelpedcommunicatetechnicalinformationvisually.
%20equipment%20and%20OCR%20software%20v2%20Apr26%202.png)
DIELOOT
