OCAS

Geneva's social insurance website, redesigned for people who know what they need but not what it's called.

Client
OCAS
Produced at
Virtua/Smile
Type of work
Web design
Year
2019-2020
The OCAS home page on a desktop monitor, among plants, on a wooden desk.
The problem
A ten-year-old site organised by insurance scheme, with more than a thousand forms in a single alphabetical list.
What I did
Rebuilt it around a guided entry point by situation, and one editable system for every form.
Result
÷2 forms after consolidation
The result
The OCAS home page on desktop and mobile, with the “Assistant OCAS” block on the right.
The “Assurance vieillesse et survivants” and “Des questions concernant l’AVS ?” pages.
Online form: identity, attachments and remarks, with a tooltip on the AVS number.
The OCAS news list and an article page.
The “Calculateurs en ligne” page and the 404 error page.

The starting point

A ten-year-old website

The old OCAS site: home page, mobile version, forms list and the “Calculs en ligne” page.
The site as it was: ten years old, organised by insurance scheme.

User needs

OCAS wanted fewer calls and letters landing on staff who could otherwise be helping people directly, and content that didn't assume a background in insurance administration to read.

Research

Understanding what actually stopped people came from a low-fidelity navigation prototype, tested with one person per user profile - about ten sessions, run directly with the project manager handling the technical side. Shallow evidence per group, but the question was about breadth, not depth.

Diagram: one user profile per participant, all connected to the tested site prototype.
One participant per profile, roughly ten sessions.

Constraints

Drupal was fixed from the start. So was the content: legal wording that had to be migrated as-is, with no license to rewrite it. Budget and timeline didn't stretch to a discovery phase before design started, or to any tracking after launch.

Arriving at the right page

Most people who came to the site already knew which insurance scheme concerned them. What they couldn't do was name the document, procedure or form they needed - and the forms were listed alphabetically by exactly those names.

So it needed more than one way in. An assistant that asks about your situation instead of asking you to name what you're looking for. A search bar. A menu by insurance scheme, still there for people who already know it. I built the assistant's four or five questions directly out of how people described their situations in testing, each path ending on a pre-filled form or the matching content page.

The assistant now handles the entry step. The rest of the site still assumes a reader who speaks the institution's language.

Diagram: a user picks their scheme (AVS, AI, APG, AF), then lands on a long list of documents.
People find their scheme, then stop at the document list.
Diagram: four successive questions lead the user to a form.
Assistant's four steps: Built from how people described their situations in testing.

Terminology outside the assistant's scope stayed as it was - a planned set of hover definitions for the harder terms had to be dropped once the number of terms made it unmaintainable, and the site links out to the federal glossary instead.

“Glossaire” page: search field, A–Z index and expandable definitions.
The fallback for terms outside the assistant.

A thousand forms, one system

Alongside the entry point, we reviewed the whole catalogue. Some forms appeared twice in the same list, once as a link and once as a PDF. We grouped what overlapped, dropped what was obsolete, and moved what remained into a single system OCAS could edit without going through the agency. The total came down by roughly half.

The developers, with the project manager, turned the PDFs into online forms; I designed the form components they were built from: layout that works on a phone, focus states, accessible fields, error messages that explain what's wrong. Consolidating them reduced the count; it didn't rename anything, so outside the assistant a form still has to be found by its official name.

The forms are easier to maintain than to browse - the exact gap the assistant exists to cover.

Left, the old list of forms and PDFs; right, the “Trouvez vos documents rapidement” page with four selectors.
Forms consolidated into one editable system.
The dynamic form routing in action

A visual language built to last

The typeface is D-DIN, an open-source relative of the DIN in OCAS's print identity - the same ingredients, updated rather than replaced. The colour system followed the same logic. We added an accessibility layer (UserWay) on top of the rebuilt components.

The system plays it safe: little contrast between text sizes, no motion anywhere on the site.

Metrics

÷2

Forms after consolidation. Counted from the catalogue, not measured.

4 steps → 2

To send a form: download, print, fill in, post became fill in, submit. Counted from the two flows.

OCAS took over editing and maintaining the forms system themselves after handover, with no further agency involvement. The site has run on the same structure since launch in June 2020.

Conclusion

Where it stands

The site launched in June 2020, and OCAS has run and maintained it since, on the same structure.

What I'd do differently

The part I'd redo is the visual system - more contrast between text sizes, some motion, a less cautious hand. On process, I'd push for a discovery phase before the architecture work, and basic analytics after launch.

What I’d still defend

Giving people several ways to start, based on what they actually know, instead of one path built around how the institution organises itself.