Internship · UX/UI · Web & Digital Products

Staffer Rail

Redesigning how students find and compare rail study programmes, from a first flow chart to a high-fidelity prototype.

Context: Internship, FH St. Pölten, Railway Mobility Area
Role: UI/UX design intern
Year: 2023 - 2024
Tools: Figma

Title slide: Staffer Training Initiatives, designing the interface of student mobility programmes.

Context

Staffer Training Initiatives brings together study and training programmes for the rail sector. I worked on it during my UI/UX internship in the Railway Mobility Area at FH St. Pölten.

Process

The work followed the same order as my final presentation.

Review the current training initiatives pages.
Map how the pages connect in a flow chart.
List the problems in the current interface.
Design the solution in Figma, from wireframes to reusable components.
Build a high-fidelity interactive prototype.

Slide: the actual state of the training initiatives pages. — Actual state

Slide: flow chart of the pages. — Flow chart

Slide: problems detected in the existing interface. — Problems detected

Result

The redesign covers three pages: a new landing page for the training initiatives, a results page with a sidebar to go back and search for alternatives, and a programme summary with cost and duration that links to the university offering it.

Redesigned landing page of the training initiatives. — New landing page

Redesigned results page with a sidebar to search for alternatives. — Results with a sidebar

Programme summary page with cost and duration. — Programme summary

Animated mobile screens: scrolling through the programme cards on a phone. — Responsive design

Animated walkthrough of the mobile version, from the landing page to a programme. — Mobile walkthrough

Context

Process

Result

Gallery