Mobile interface designVisual system and mobile interface design
About this work
A charity walking interface connects an invitation, progress tracking and honours. Black line illustration, bold borders and orange highlights create a shared visual system across the three sections.
These screens present a design case study. Activity figures illustrate interface states. Portfolio text and layout were prepared with AI assistance.
Campaign invitationOriginal interface screenshot.Open full imageRecent activityOriginal interface screenshot.Open full imageSteps and map contextOriginal interface screenshot.Open full image
Tracking — follow the progress
Timeline and completed stagesOriginal interface screenshot.Open full imageDelivery milestone and storyOriginal interface screenshot.Open full imageCommunity action and later stageOriginal interface screenshot.Open full image
Honours — recognise participation
Activity summaryOriginal interface screenshot.Open full imageEarned and locked badgesOriginal interface screenshot.Open full imageBadge continuation and sharing actionOriginal interface screenshot.Open full image
