JoonasAlanenpää

Products · Interfaces · Games
Helsinki, FI

ArchiveProject 07 / 10UX/UI / Development

Sukeltaja-App

Redesigning the mobile app of the Finnish Divers' Federation (Sukeltajaliitto): adding backlog features while simplifying the UX, then helping build it in React Native.

Role
Lead UX/UI Designer
Year
To add
Context
Software development course · 10 cr · 4 months
Client
Sukeltajaliitto ry
Tools
Figma, Photoshop, React Native, Expo, Node.js, Express
Sukeltaja-App cover

[01] Challenge

Redesign the mobile app for the Finnish Divers' Federation (Sukeltajaliitto): add backlog features while simplifying the UX, within an agile team with no prior UX design experience.

[02] Context & role

Completed as part of a 10-credit software development course over 4 months. Our team ran agile sprints and gathered user feedback throughout.

I stepped up to lead UX and UI. I designed all flows in Figma and Photoshop before any code was written, then helped implement the frontend using React Native and Expo, backed by a Node.js / Express API.

Sukeltaja-App mobile UI mockup

[03] Walkthrough

Before-and-after comparison: the initial state versus the delivered product.

[04] Design process

Although this was primarily a software development course, we pinpointed usability problems through user interviews and iterated on them. The implemented result evolved further from the original plan as we discovered improvements during development.

Figma design screens for Sukeltaja-App
Fig. 01

The client was highly satisfied with the final result, and deploying to production was a success.

This project was the spark that shifted my focus from pure software engineering toward UX/UI design.