Along
A human-centred public transit platform designed to bring clarity, trust, and flow to everyday movement, across mobile, web, and product touchpoints.
A human-centred public transit platform designed to bring clarity, trust, and flow to everyday movement, across mobile, web, and product touchpoints.
A human-centred public transit platform designed to bring clarity, trust, and flow to everyday movement, across mobile, web, and product touchpoints.
A human-centred public transit platform designed to bring clarity, trust, and flow to everyday movement, across mobile, web, and product touchpoints.
00
problem
Public transit systems often feel fragmented, stressful, and opaque. Passengers lack clear, real-time information, while drivers operate within tools that feel rigid and disconnected. The result is friction in a system meant to enable movement — turning daily transit into a source of anxiety instead of ease.
Public transit systems often feel fragmented, stressful, and opaque. Passengers lack clear, real-time information, while drivers operate within tools that feel rigid and disconnected. The result is friction in a system meant to enable movement — turning daily transit into a source of anxiety instead of ease.
solution
Along was designed as a unified transit ecosystem, spanning mobile app UI, web app UI, and a public-facing landing page. The platform aligns passengers, drivers, and operations within a single, intuitive experience. Calm visual language, clear hierarchy, and system-led design transform complex transit data into interfaces that feel dependable and human.
Designing movement as a lived experience.
Along is not just a transit app, it is infrastructure shaped by empathy. The objective was to design for motion without chaos, and for complexity without confusion.
The product was designed end-to-end: from the mobile application used by commuters, to the web app interface supporting broader interactions, and the landing page that communicates the platform’s vision and value. Each surface speaks the same visual language — reinforcing trust through consistency.
Interfaces prioritize clarity and timing: routes feel understandable, updates feel calm, and navigation reflects how people actually move through cities, waiting, walking, transferring, and arriving. The visual system leans into restraint, using breathable spacing, soft colour decisions, and subtle motion to communicate reliability rather than urgency.
Along reframes public transit as something people can trust, not just functionally, but emotionally.
Designing movement as a lived experience.
Along is not just a transit app, it is infrastructure shaped by empathy. The objective was to design for motion without chaos, and for complexity without confusion.
The product was designed end-to-end: from the mobile application used by commuters, to the web app interface supporting broader interactions, and the landing page that communicates the platform’s vision and value. Each surface speaks the same visual language — reinforcing trust through consistency.
Interfaces prioritize clarity and timing: routes feel understandable, updates feel calm, and navigation reflects how people actually move through cities, waiting, walking, transferring, and arriving. The visual system leans into restraint, using breathable spacing, soft colour decisions, and subtle motion to communicate reliability rather than urgency.
Along reframes public transit as something people can trust, not just functionally, but emotionally.
year
2024
year
2024
year
2024
year
2024
timeframe
30 days
timeframe
30 days
timeframe
30 days
timeframe
30 days
tools
Figma
tools
Figma
tools
Figma
tools
Figma
category
Product design
category
Product design
category
Product design
category
Product design
+
see also
Let’s build something memorable
mchl studio * mchl studio * mchl studio mchl studio * mchl studio * mchl studio
Let’s build something memorable
mchl studio * mchl studio * mchl studio mchl studio * mchl studio * mchl studio
Let’s Build Something Memorable
mchl studio * mchl studio * mchl studio mchl studio * mchl studio * mchl studio
mchl
studio
Design-led creative studio
Based in [FCT]
Available worldwide
mchl@mchlstudio.com
mchl
studio
Design-led creative studio
Based in [FCT]
Available worldwide
mchl@mchlstudio.com
mchl
studio
Design-led creative studio
Based in [FCT]
Available worldwide
mchl@mchlstudio.com
mchl
studio
Design-led creative studio
Based in [FCT]
Available worldwide
mchl@mchlstudio.com