HSL Commuter Benefit

Helsinki Region Transport is the organization in charge of public transport in the Greater Helsinki area. In 2019, over 390 million trips were made using HSL’s services.

Visit HSL website

Screenshot of the HSL commuter benefit service.

Background

HSL’s strategy is focused on sustainable transportation and one part of it is to encourage residents to commute by public transport. To implement the strategy, HSL created a service that makes it easy for companies to provide commuter benefit to their employees.

Also, recent changes to Finnish taxation, which makes employer-provided commuting ticket tax-free up to €3,400/year is projected to dramatically increase interest towards commuting tickets.

My role

I worked on the project as a UI/UX designer, together with a service designer, PM, and the development team.

Challenge

HSL had previously developed an MVP version of the service with a very limited feature set and only one zone combination (AB-ticket). After achieving product-market fit and internal buy-in, HSL wanted to expand the service to include features that the pilot companies requested during the testing period. Also, the MVP was built very quickly and had issues in accessibility, which needed to be fixed before a wider launch to comply with the EU accessibility directive.


Solution

When we started working on the project, my first task was to conduct an accessibility audit for the MVP web app. After discussions with the team, we decided that the most efficient way fix the issues would be to use the existing HSL Design System and the same components that I had already been working with on the other projects. In addition to fixing the accessibility issues, this way we could also achieve a more consistent user experience across the different HSL services.

During the project, I also designed features needed for a wider launch; self-service onboarding for both the companies and the end-users, multiple zone variations, the ability to have multiple company locations, and more advanced reporting to accommodate the needs of modern HR and financials departments.


Design methods used during the project included journey mapping, facilitating workshops, UI/UX design, and prototyping solutions.

Screenshot of the commuter benefit service homepage.
New beneficiaries can be added from the home page.
Screenshot of the reports page.
Reporting, which allows company admins to download data for further use.
Screenshots of the bulk editing functionality.
Bulk editing the beneficiaries, which was one of the most requested features during the pilot.
Screenshot of the company details page.
Company page, from where the admin users can add new locations and edit other company-related information.
User flow chart of the new beneficiary journey.
User flow for beneficiaries.

← Back to home

Let’s connect!

Get in touch via email or LinkedIn, and let’s discuss how I can help you.