How can we mindfully visualize information for a
sensitive education about infertility?
Involuntary childlessness is a challenging situation because existential fears and poorly prepared information material make it difficult to come to terms with one’s own infertility. On the Internet as well as in the treating practices, educational materials are often
times not adapted to the content-related expectations and emotional needs of the patients. They are unsettling and raise more questions than they answer. This not only affects the patients’ ability to acquire information, but also their interaction with the treating physicians. The project “Kinderwunsch auf Umwegen” seeks solutions to this problem and explores how visual educational materials can reduce stress in order to make it easier for patients to take responsibility for collecting their own information as well as to receiving elucidation from their doctors. e
Together with the fertility center of the Hirslanden Klinik St. Anna, a visual language and media concept was developed to provide gentle and well-founded information about involuntary childlessness.
Feel free to visit my digital exhibition webpage for more in depth information about the project, process work and it’s theoretical background (only in german).
01 Media Concept
A sensitive education – Try it yourself!
The web prototype “Make a Babe. Differently” combines the desire for compassion and reliable as well as understandable information. Mindful imagery and use of text supports the user’s own research and gently explains characteristics of disease patterns as well as chances and risks of treatments.
Besides making the information understandable and reducing stress, “Make a Babe. Differently” can also reach those affected easily due to it’s planned online presence.
The current version of the prototype deals with polycystic ovary syndrome (PCOS) as clinical picture and its treatment with anti-estrogens (Letrozol). In future this system can be translated to other fertility problems.
In order to avoid that viewers don’t find their way through the information, it is recommended to be guided by the prototype. The showcased topics build on each other. In later development, the click system will be replaced by an endless scroll system.
In some places, the user has the opportunity to decide on the sequence of topics. For example, an introductory symptom quiz offers the possibility to jump directly to the desired clinical picture.
In order to better understand clinical pictures, the prototype offers the possibility to switch to a healthy representation at relevant points. Through direct comparison, differences in the affected organs and hormones become clearer.
Prototype switch between PCOS and healthy view
Social Media Representation
On social media at @makeababe, the goal is to convey content to the target audience and provide them with a trusted source. From here, they are directed to the web prototype.
02 Visual Language
From model to illustration
The basis of all illustrations is a specially constructed and rendered 3D model of the female reproductive organs. This form of representation alone, however, can quickly appear contrived and artificial. Only by painting over the organs and subsequently adding textures creates the desired soft and natural effect.
Edited 3D rendering
The color coding
We associate blue with vastness and clarity. Therefore, a blue background is used to create overview illustrations. Warmer colors like beige can appear very physical, but in nature they can also represent drought and disease.
Therefore, beige is used as a background color for unhealthy illustrations. Green backgrounds or pistachio-colored ones, on the contrary, serve as positive color coding for healthy and treated conditions.
Effects and interactions of hormones and medications require a high level of attention due to their complexity. Vector-based graphic elements and clear, reduced lines can help out.
Together with a deviating color scheme, they clearly stand out from the natural base image. Artificial active ingredients are shown round and white to distinguish them from the body’s natural hormones.
Prototype animation: the hormonal cycle under PCOS