Bodysymptoms
Bodysymptoms is an online resource designed to demystify and support people living with functional symptoms such as IBS and fibromyalgia. Developed as part of Dr. Chloe Saunder’s PhD, the project brings together current research, healthcare insight, and lived experience. Drawing on a participatory discovery process, we created the brand identity and designed and developed the WordPress website.
Project Team
Branding: Zoe Tang
UX Design: Faith Ekanem
UI Design: Alaïs de Saint Louvent
Development: Nata Sheketa
The Challenge
People arrive at Bodysymptoms with very different needs, and often with limited energy. The platform had to support visitors who want to understand what is happening in their body, as well as people who are looking for practical support right now.
At the same time, the project needed to avoid a purely clinical feel. The resource had to be credible and research-backed, but also warm and human, reflecting lived experience and making the site feel safe to spend time on.
Finally, the site needed to be accessible and mobile-first, and it needed to work across multiple European languages so the resource could reach people beyond one context.
What We Did
We developed the brand identity with accessibility as a core design constraint, reflected in the spacing, typography, and colour choices. The palette uses soft tertiary tones and calming greens, with bold coral accents to draw attention where needed. We also introduced playful sticker elements to add care and lightness, helping the resource feel supportive rather than purely medical.
The landing page showcased early illustration iterations co-created with Chloe, then adapted for web. These illustrations went through a dedicated round of user testing to check they represented the intended phenomena in a way that felt clear and respectful.
For the website experience, we designed with the reality of different symptom journeys in mind. Key interactions include the ability to toggle between “Learning mode” and “Support mode”, as well as a quiz-like sticker that helps people connect their symptoms to the Bodysymptoms framework.
To keep browsing calm and reduce environmental impact, we implemented lazy loading so elements come into view gently as people scroll. We also ensured the site is responsive and straightforward on mobile.
Reflecting the project’s multinational context, the website is available in five European languages.
Impact
Bodysymptoms now has a digital home that meets people with different needs, at different moments, without asking them to do extra work to find the right path. The learning and support modes help reduce overwhelm and make information feel more usable.
The participatory design process and user-tested illustration work help the platform reflect lived experience with more accuracy and care, supporting trust for people who often feel dismissed in healthcare contexts.
Operationally, a clear WordPress build and a modular UX make it easier to maintain and evolve the resource over time, protecting the project’s capacity and helping it keep serving more people in more languages.