Back to projects

Futuregames client case · Experience Design · 2026

Duro Sweden

A clearer way to find the right wallpaper.

I helped turn findings from accessibility reviews and usability tests into concrete changes to Duro Sweden’s catalogue and product flow.

Prototype sampleFigma / desktop
Desktop prototype of Duro’s wallpaper catalogue with filters on the left and three product cards
Role
UX/UI designer in a team of four
Time
9–26 February 2026
Scope
Focused desktop shopping flow
Output
Tested Figma concept + coded demo

Accessibility in one shopping journey.

Duro asked us to improve accessibility. After the client debrief, we focused on one desktop flow: find a wallpaper, choose a variant, and save it without losing your place. We reviewed the proposal against WCAG 2.1 AA.

This is a tested proposal and independent demo. It was not deployed on Duro Sweden’s production website.

Why the design changed

Three points of friction.

In the baseline tests, people lost their place, struggled to narrow the catalogue, and got little confirmation after an action. Those findings set the three priorities below.

  1. 01Compare

    Sandberg Wallpaper analysis

  2. 02Audit

    Manual + Squidler WCAG review

  3. 03Observe

    4 baseline usability sessions

  4. 04Synthesize

    Affinity map + How might we questions

Explore a design decision

Catalogue filters

Make filtering predictable.

Observed
Only one option could be selected per filter category. Some colour-filter results did not match what participants expected, and the page updated before they had finished choosing.
Designed
Use checkbox multi-select, visible filter state, and explicit Apply and Clear actions. Show colour variants in the product grid so the result can be judged before opening a product.
Evidence
Participants could use the prototype’s multi-select filters to combine options.
Current siteSingle-choice filtering with little visible state
PrototypeMulti-select filters with visible active states

Prototype test

52% less time on the timed task.

Four participants tested the Figma prototype. The final pitch reported the times below for a timed find-a-product task.

Existing flow3:15
Prototype flow1:33

A result from a small student test, not evidence of conversion lift or full WCAG conformance.

My role

My focus: filtering.

I worked on it from the first test notes through Figma and into the coded prototype.

What I did

  • Compared Sandberg Wallpaper and contributed to the manual and tool-assisted WCAG review.
  • Helped plan the test tasks, moderated one session in each round, and used the findings to sketch the filtering flow.
  • Built the filtering UI in Figma with reusable component states, updated the walkthrough, and presented in the final pitch.
Shared team output

Together, we delivered the Figma concept, group report, recorded walkthrough, and final pitch.

The filter logic in code.

Alongside the Figma work, I extended an AI-assisted React scaffold. My commits focused on multi-select filters, selected-filter chips, product data and detail fixes, and deployment. The broader demo also includes wishlist, cart, and toast flows.

  • Figma
  • WCAG 2.1
  • Usability testing
  • React
  • TypeScript
Try the React prototype (Opens in a new tab; the prototype interface is in Swedish)
The demo selects several filters, applies them, then shows active filter chips and updated wallpaper results.

What I took forward

Lead with the solution.

The final pitch taught me to show the solution and its business value first, then use the research to explain each decision.

Elmer Almer Ershagen© 2026