⟵ work ⟶ · Client work

I worked on the original Drupal version at Itsavirus, then returned in 2020 to help launch a Laravel rebuild. My later work focused on the public site, a usable demo and a coherent dashboard around the existing application.

MijnOefening lets a physiotherapist prescribe filmed exercises and follow what happens between appointments. Patients receive a schedule, report completed exercises and record pain or difficulty. The therapist can review that feedback before the next visit.

I contributed to the first version in an agency team in 2013. In spring 2020, I took over the Laravel rebuild from the clinic’s developer to help bring it to launch during COVID.

Improving the patient UX

The original Drupal version emailed exercise lists. The rebuild gave patients their own accounts in their app together with the schedules, and brought pain and completion reports back to the therapist as charts.

Its library was seeded with 604 exercises from three filming days, with Dutch and English descriptions and video. The interface had to make that library usable for composing a programme, then give the patient a small, relevant set of tasks each day.

Three phone screens side by side: the overview with a message from therapist Sten Hofstad to Jan Janssen and a “Begin uw oefening” card; the exercise evaluation with three sets of fifteen repetitions, a pain slider at 1 and a field for why it did not work; and the documents page with two diet PDFs.
The patient’s day: the message, the report per exercise, and the advice documents.
Two phone screens: average discipline per day as a line over three weeks and discipline per day per exercise as bars; and pain per exercise per day as bars on a scale of zero to ten with a legend of five exercises.
Discipline and pain, per day and per exercise, on the phone.
Two phone screens: achievements at level 28 with six badges dated 12 March 2020; and a monthly leaderboard of anonymous patients ranked by discipline, with Jan Jansen fourth at 30%.
Achievements and the monthly leaderboard against anonymous others in the clinic.

3 images — swipe or scroll sideways

Work with the application already there

The clinic wanted to launch earlier than planned. There were seven weeks available and roughly 150 existing views, so rewriting the dashboard was impractical.

I built a shared dashboard shell around those views, bringing navigation, URLs and breadcrumbs together while retaining the working screens. I also added the public landing page and a demo that created a temporary practice with therapist, patient and manager accounts.

The demo let a visitor switch roles and see both sides of a prescribed exercise programme. That made it possible to understand the product before registering a practice.

Composing an exercise list in the browser: a grid of exercise thumbnails with a checkbox each, a title search, and on the right the list name, description, start date 22 March 2020, end date and seven weekday checkboxes all ticked.
Composing a list: pick from the thumbnails, set the dates and the weekdays.
The exercise picker as a modal over the patient page: filters for location, intensity, category, pain and equipment, sliders for repetitions, sets and rest, and a grid of exercise thumbnails.
The library, filtered by the five attributes and three sliders.
A patient’s chart in the therapist’s browser: three lines over seven days for two PSK items, climbing stairs and getting out of a car, and the ease of the exercise list, on a scale of one to ten, with tabs for ease, pain and discipline.
What comes back: ease per PSK item and per list, over the last seven days.
The live site’s therapist demo: the exercise library with attribute filters on the left, a grid of filmed exercises on a blue mat, and an orange demo bar at the foot offering the patient and manager views.
The library on the live site, in the demo.
The live site’s patient demo: a message from a demo therapist, then an agenda with today’s and tomorrow’s exercises, and the demo bar at the foot.
The patient’s view of the same message, in the browser.

5 images — swipe or scroll sideways