About This Project
A Mindful Web supports web designers through the process of trauma-informed designing by providing resources of multiple forms for them to reference while considering an audience that has experienced some form of sexual or relationship trauma in their lifetime. The scope here is limited to one type of trauma so as to not overly generalize since trauma varies a lot depending on the person it affects and the context in which it was experienced.
This is a website designed and built to house a series of videos with explanations and examples of features, as well as a list of external resources for further reading or to see other designers' related open-source code. I hope in the future to expand on what I have started here to include more focused resources helpful to those who have experienced different types of trauma and hold different intersectional identities because all of this will affect the way designers should be creating products. This is a project that could not have been done correctly without the support and input from numerous designers and advocates within this academic space, asking all the right questions and putting in the work to advocate for and learn more about how to make the online world more accessible for all. You can find links to active working groups, published research, blogs, and more below.
Any and all input on how to improve this site is appreciated! Please contact me here, or find me by using the icons and links at the bottom of this page.
Read the Thesis Paper right arrow button that says 'Read the Thesis Paper'




Contextual Examples
Trauma-informed web accessibility changes depending on the criteria and constraints of each context. The type of trauma a user has experienced, when they experienced it, and if they still find themselves in a harmful situation can all affect which trauma-informed features or details a designer should work to prioritize. The purpose of the page can also dictate what the designer needs to focus on given their specific audience. These videos explore a few individual examples within a wide range of contexts to help you as a designer better understand the ways this framework can be variously implemented.

See Full YouTube Playlist right arrow button that says 'Full YouTube Playlist'

Ex1: Healthcare
Examples of trauma-informed features and design choices found helpful in the context of healthcare websites
Ex2: Media & Entertainment
An example of a trauma-informed design choice suited to the context of social media and entertainment websites
Ex3: E-commerce
Examples of trauma-informed features and design choices found helpful in the context of retail websites


Trauma-Informed Web Design
Trauma-informed design is currently being defined as a design framework that centers on the six principles of trauma-informed care outlined by the Substance Abuse and Mental Health Services Administration (SAMHSA), in collaboration with the CDC's Office of Readiness and Response (ORR): safety, trustworthiness and transparency, peer support, collaboration and mutuality, empowerment and choice, and cultural, historical, and gender issues.
6 circles representing the six principles of trauma-informed care described above
Designers should keep trauma and traumatized users in mind when designing any digital space. The Design Justice Network outlines a great way to do this in their second principle, “We center the voices of those who are directly impacted by the outcomes of the design process”. However, this does not mean that designers should reach out to anyone directly and ask about their trauma as this is directly asking someone to relive a situation that was extremely difficult for them. Sensitivity when approaching design support and research surrounding trauma is key to creating careful interactions and conversations between the designed page and its potentially traumatized user. Defaulting to the best privacy and safety settings and moderating content thoughtfully while taking care not to censor certain voices or topics unequally is also a great practice to support designers who are working to become more trauma-informed.
a webpage icon with trauma-informed questions for the designer surrounding it to consider while designing
Implementing trauma-informed design practices supports the empowerment and safety of all users across any website. It is impossible to design the “perfect” page that intercepts all potential triggers, but it is our job as designers to be sure that our work is doing the least amount of harm possible to any possible user. A great way to be sure of this is to keep in tune with how your users are responding to what you have created, making the changes necessary to better your work, and are therefore always improving your product or whatever you have created and put out into the wide web.




Resource Collection
For those who have experienced sexual trauma and would like support:
Open source repositories: