UX Design & Development
Lift
Een training-tracker die ik voor mezelf ontwierp en bouwde — van Figma-schermen tot een werkende Progressive Web App.
Open de app →
Home
Loggen
Voortgang
UX Design & Development
Een training-tracker die ik voor mezelf ontwierp en bouwde — van Figma-schermen tot een werkende Progressive Web App.
Open de app →
Home
Loggen
Voortgang
Aanleiding
Ik train drie keer per week en hield alles bij in de notities-app op mijn telefoon. Dat werkte, maar net niet goed genoeg. Er was geen overzicht, geen progressie zichtbaar, en ik kon niet zien of ik sterker werd over tijd. Bestaande apps voelden te uitgebreid of te generiek. Dus ontwierp en bouwde ik Lift — een app die precies doet wat ik nodig heb, niet meer.
Ontwerpkeuzes
Elke keuze in dit ontwerp komt voort uit een concrete gebruikersbehoefte — mijn eigen ervaring als gebruiker.
Dark mode als functionele keuze
Een sportschool is vaak fel verlicht. Dark mode vermindert schittering en maakt de app prettiger te gebruiken tijdens een training — zonder dat je je ogen hoeft samen te knijpen.
Zo min mogelijk afleiding tijdens het trainen
Het logscherm is bewust kaal gehouden. Grote invoervelden, voldoende ruimte tussen elementen, en de opslaan-knop staat altijd onderaan — zodat je niet per ongeluk iets aanraakt en je focus bij de training blijft.
Één diagram, volledige controle
In plaats van een apart diagram per oefening kies je zelf welke oefeningen je wil vergelijken — en voor welke periode. Alles in één overzicht, zonder te scrollen tussen losse grafieken.
Detail
Selecteer de oefeningen die je wil vergelijken en de periode die je wil zien. Één diagram past zich aan — geen pagina vol losse grafieken.
Vervolgstap
De app slaat data nu op in de browser van je telefoon. De logische volgende stap is een backend met gebruikersaccounts — zodat data bewaard blijft tussen apparaten en nooit verloren gaat. Daarnaast wil ik trainingsschema's toevoegen, zodat de app je niet alleen bijhoudt maar ook begeleidt.
Installeer hem op je telefoon via Safari of Chrome.
liftsr.netlify.app →