atgabbes

Non-profit organization

Lugano-Besso, Switzerland

Main activities:

  • WEB DESIGN
  • GRAPHIC DESIGN
Check their website

Atgabbes is a Ticino-based association that supports people with disabilities and their families throughout their lives, striving to improve quality of life and ensure equal opportunities.
When they reached out to us, their goal was clear: to create an inclusive, user-friendly website suitable for an audience with diverse needs. The challenge was not only technical but deeply human.

What we did and why

We approached the project with enthusiasm, fully aware of the importance of digital communication that is truly accessible to everyone. This journey allowed us to better understand the specific needs of different user groups, deepening our knowledge of web accessibility standards and guidelines.

 

Together with the Atgabbes team, we developed a website that meets inclusive standards and incorporates features designed to ensure an optimal experience for all users:

 

  • LIS (Italian Sign Language) videos to reach users with hearing impairments.
  • Easy-to-read mode, with a simple layout and clear text.
  • Audio reading of content, activatable via “play” buttons.
  • Text resizing and high-contrast mode for users with visual impairments.

 

The Atgabbes website is more than just an online platform: it is a tool that reflects the association’s values, putting people and their needs at the center.

Visualizzazione del sito atgabbes su uno smartphone

Video and audio accessibility

We integrated LIS (Italian Sign Language) videos directly into the main pages of the website, ensuring immediate access to information for users who rely on sign language.
Additionally, using text-to-speech technology, the content on each page can be converted into audio with a simple click. This feature was designed to support users with reading difficulties or visual impairments, providing a practical and immediate solution.

Screenshot del player audio presente sul sito atgabbes

Customizable design for visual needs

The website was designed with tools that allow users to personalize their browsing experience.
An interactive panel lets users adjust color contrast and text size.
Thanks to a flexible design, the layout automatically adapts to these changes, ensuring clear and intuitive navigation at all times.

Screenshot del sito atgabbes in modalità standard Screenshot del sito atgabbes in modalità "sito accessibile", con ingrandimento testi e contrasto
Laptop che visualizza la modalità "sito accessibile", con ingrandimento testi e contrasto
Smartphone che visualizza la modalità "sito accessibile", con ingrandimento testi

Simplified layout and easy reading

To facilitate content discovery and enhance the reading experience, we adopted a clean, structured layout based on a precise grid.
Every element, from text to images, was positioned to guide users through navigation while minimizing cognitive effort.
The result is a clear, organized website that is accessible even to users who require additional support for comprehension.

Dimostrazione del layout in lingua facile per la lettura semplificata dei contenuti si atgabbes
Immagine graficata dove vengono presentati gli elementi caratterizzanti del progetto Atgabbes.

RELATED PROJECTS:

Rappresentazione di un camion e un'auto generata con intelligenza artificiale, in stile futuristico
Ticino Truck Service

Ticino Truck Service

Foto dell'esterno di Devero Hotel
Devero Hotel

Devero Hotel

Magazine Réservé visto dall'alto, appoggiato su un tavolo
Réservé Magazine

Réservé Magazine

Back to case studies