Roll up your sleeves — it’s time to brush up your UX skills! How would you architect an effective multi-level navigation for a large government website? What about enterprise-grade tables and data grids with intricate forms, filters and search? Or perhaps an accessible data visualisation and charts for a complex medical data set? Well, fasten your seat belt!

In this workshop, you’ll learn how to deal with real-life UX challenges from the ground up. Get ready: you’ll sail uncharted waters, design truly complex interfaces and receive feedback from people around the world. Plus: you’ll get a UX certificate for all your hard work as well!

React has become one of the most popular libraries for building user interfaces, with its ecosystem expanding year after year—new tools, patterns, and concepts are always emerging. This workshop dives into the latest trends in React development, equipping you with advanced skills to take your React applications to the next level. If you’re familiar with the basics but ready to learn more, this workshop is for you!

Accessibility is often put on the plate of developers. But, a lot of accessibility issues can be caught and avoided in the mockups and design phase, by following best practices such as WCAG guidelines. If you’ve never heard of it, you are in the right place! 

In this workshop, we’ll explore how to identify and address design issues early on, ensuring accessibility from the start. Things like: are we achieving the right contrast ratio, and are colours being used effectively? But colours are just the tip of the iceberg!  What about typography, is this text easy to read? Forms are also a crucial aspect of accessibility: I’ll teach you how to make them more inclusive, from error prevention to recovery and beyond. We’ll focus (haha pun intended) on essential elements like keyboard navigation, gesture controls, and drag-and-drop functionality—key factors in designing and documenting complex components for users with diverse disabilities. We’ll check screen reader usage and how to build and document a strong information architecture using headings, titles, and identifying landmarks. We’ll cover alternatives to images, what designers can do about that, and multimedia, audio, video content, to charts and graphs. 

The goal of this 1 day workshop is to equip you with the theory, but also the tools to help you audit, design, and document accessible mockups for your products and services. And to communicate it better with your development teams.

This is a hands-on workshop, we will work in Figma, in small groups, with different plugins, tools, and checklists. At the end of the workshop, you will get access to my slides, but also to checklists, cheat sheets and design tools to apply to your own designs.