Design an Accessible Website for Senior Citizens – Hands-On UX Workshop

Get hands-on experience designing an accessible and inclusive website, and build an impressive case study to show off your work!

Check out the resources and recordings from our workshop below! 👇

Slides

Follow along during the workshop, or access them anytime after to continue your work on this project!

Workshop Slides

Get started with Beautiful.ai today.

www.beautiful.ai

Join our Figjam

Click below to join this workshop's collaborative Figjam:

Clips from BBB_Workshop_Recording – Bitesize UX

Figjam

Join to add your work and view other student's work!

Portfolio Template

Click the link below, then click Get a Copy to create your own design and portfolio template:

2f4e4570-ef9e-4fbf-9cfc-4fb952c47385-cover – Bitesize UX

Portfolio Template

Click to make a copy!

Clickable Prototype

Check out the clickable prototype to view the Seniortix experience for yourself:

Screenshot 2023-10-30 at 125552 PM – Bitesize UX

SeniorTix Homepage

Senior Citizen Discounts and Events

Usability Test Video

Watch the simulated usability test to learn about key accessibility issues in Seniortix (No audio)

Screenshot 2023-10-30 at 10001 PM – Bitesize UX

Usability Test Video

SeniorTix - UX Challenge

Funkify Chrome Extension

Funkify is an extension for Chrome that helps you experience the web and interfaces through the eyes of users with different abilities and disabilities.

Funkify – Disability Simulator

Funkify is an extension for Chrome that helps you experience the web and interfaces through the eyes of extreme users with…

Additional Resources

Images ON/OFF

Use this extension to disable/enable images on the current site (see alt text, screen reader capabilities)

Images ON/OFF

Disable images on current site.

Color Contrast Analyzer

Analyze a web page or portion of a web page for conformance with WCAG 2.0 Color Contrast requirements.

Color Contrast Analyzer

Analyze a web page or portion of a web page for conformance with WCAG 2.0 Color Contrast requirements.

WebAIM

WebAIM (Web Accessibility In Mind) has provided comprehensive web accessibility solutions since 1999. These years of experience have made WebAIM one of the leading providers of web accessibility expertise internationally. WebAIM is a non-profit organization based at the Center for Persons with Disabilities at Utah State University.

WebAIM: Web Accessibility In Mind

Expanding the potential of the web for people with disabilities by empowering individuals and organizations to create accessible content.

Color

Create, share, and apply color palettes to your UI, as well as measure the accessibility level of any color combination.

Color – Material Design 3

Material uses color to create meaningful experiences while also expressing hierarchy, state, and brand identity.

Partners

Check out our awesome partners to meet other designers and learn more about UX!

ADPList

Learn and grow with help from world-class mentors for free. Book and meet over 20,524+ mentors for 1:1 mentorship in our global community.

View Partner

Floxies

Floxies is a free community that gathers creative women from all over the world. We focus on UX/UI Design and Webflow development and providing a safe space where you can share your creativity & doubts and learn from other women designers.

View Partner