Duro - User-friendly web design

Improving accessibility, navigation and content clarity for a Swedish wallpaper brand through WCAG analysis, user testing and UX/UI design recommendations.

WCAG AA Accessibility User Testing UX/UI Design
Role

UX/UI Designer

Collaboration

Duro

Project Type

Accessibility Audit

Duration

3 weeks

Focus

WCAG AA
Usability

Methods

User Testing
UX Analysis

Duro project summary and key findings
Challenge

Making Duro’s website more accessible and easier to navigate

The website had accessibility and usability issues that affected navigation, structure and content clarity. The challenge was to identify where the experience created friction and develop design recommendations aligned with WCAG level AA.

Duro user testing pain points and usability issues
Research

User testing revealed unclear navigation and content overload

User testing showed that important information was difficult to find and that the navigation structure needed to be simplified. Users also needed clearer visual support, better guidance and less text-heavy content.

Duro accessibility audit and WCAG analysis
Approach

Improving hierarchy, structure and visual guidance

Based on WCAG analysis and user testing, I developed design suggestions focused on clearer hierarchy, improved menu structure, stronger contrast and more accessible content presentation.

Duro final design concept showing improved navigation and filtering options
Outcome

A more accessible and user-friendly design concept

The final concept improves navigation, reduces cognitive load and supports a more accessible browsing experience. The recommendations help users find information more easily while supporting WCAG level AA requirements.

From accessibility audit to design recommendations

The process combined WCAG analysis, user testing and UX/UI design improvements to identify accessibility barriers and create a clearer, more user-friendly experience.

WCAG Analysis

WCAG accessibility analysis

Reviewing contrast, structure, navigation and content accessibility against WCAG level AA requirements.

User Testing

User testing process

Observing how users navigated the website to identify friction points, confusion and missing guidance.

Design Improvements

Design improvements and wireframes

Creating recommendations for clearer hierarchy, simpler navigation and stronger visual support.

Final Concept

Presenting an improved concept focused on accessibility, usability and reduced cognitive load.

Key Learnings

Accessibility is usability

WCAG improvements are not only technical requirements. They also make the experience clearer and easier for all users.

User testing reveals hidden friction

Observing real users helped identify navigation and content issues that were not obvious from analysis alone.

Clarity reduces cognitive load

Better structure, stronger hierarchy and visual guidance can make information easier to understand and act on.

Building on this experience

Working with accessibility early in the design process showed me that inclusive design benefits every user, not only those with specific accessibility needs.

Collaborating with a real company also strengthened my ability to combine WCAG guidelines, user feedback and business requirements into practical design improvements that create a better overall experience.