Grab a cuppa, get comfy and have a nosy around :)

Back

Compass for Kindness

compassforkindness.co.uk

Share

Compass For Kindness is a free online interactive resource, created by Lutalica Designer Zoe Tang and developed pro-bono by the Lutalica team. Compassion for Kindness strives to dismantle the stigma surrounding suicide, by presenting the facts about suicide in a clear and digestible manner and equipping individuals with the right tools to engage with loved ones in an open and positive way.

Collage displaying a digital design presentation with multiple slides. Slides feature phrases such as Creating Hope Through Action and Compass for Kindness, alongside charts and smartphone mock-ups. The colour scheme includes green, pink, and light blue.
Credits

Branding and UX/UI: Zoe Tang

Development: Lisa Komoltseva

Awards

Awwwards: Honorable Mention

The design of Compass for Kindness blends aesthetics, creativity and play, supporting people to engage with the emotionally difficult subject matter. Mirroring the intricate journey of navigating through emotional complexities, Zoe presents advice from trusted mental health organisations with an interface that is empathetic and engaging.

The use of interactive elements like the drag-and-drop feature for identifying signs of suicidal thoughts provides users with a clear and memorable guide to support loved ones who might be struggling with suicidal ideation.

Turquoise background with text stating, On 10th September, it will be World Suicide Prevention Day. Pink corners feature questions about the frequency of suicide and suicidal thoughts.

A graphic divided into four sections, each with its own step icon: 1. The Figures, 2. The Myths, 3. The Signs, and 4. The Help. At the bottom, a caution advises calling 999 for an ambulance if someone is in immediate danger.

Infographic on pink background with beige box displaying the numbers 400 in black and 17 in pink, indicating daily suicide attempts and deaths in the UK. Black dots illustrate these figures. Text reads: How many do we lose each week? and How common are suicidal thoughts?.

A dark green rectangular card featuring a light blue circle in the centre, partially displaying the text How to spot that someone. The card is set against a pink backdrop. Small text at the bottom reads THE SIGNS.

An image of a dark green rectangular box displaying vibrant speech bubbles. Each bubble lists signs of suicidal behaviour, such as Threaten to take their own life, Self-destructive behaviour, and Talking about suicide, among others.

A digital illustration on a dark background displaying the message: there is no quick fix for suicidal thoughts; emphasise patience and kindness. Surrounding words include themes like self-hatred and talking about suicide.

Turquoise background with text stating, On 10th September, it will be World Suicide Prevention Day. Pink corners feature questions about the frequency of suicide and suicidal thoughts.

A graphic divided into four sections, each with its own step icon: 1. The Figures, 2. The Myths, 3. The Signs, and 4. The Help. At the bottom, a caution advises calling 999 for an ambulance if someone is in immediate danger.

Infographic on pink background with beige box displaying the numbers 400 in black and 17 in pink, indicating daily suicide attempts and deaths in the UK. Black dots illustrate these figures. Text reads: How many do we lose each week? and How common are suicidal thoughts?.

A dark green rectangular card featuring a light blue circle in the centre, partially displaying the text How to spot that someone. The card is set against a pink backdrop. Small text at the bottom reads THE SIGNS.

An image of a dark green rectangular box displaying vibrant speech bubbles. Each bubble lists signs of suicidal behaviour, such as Threaten to take their own life, Self-destructive behaviour, and Talking about suicide, among others.

A digital illustration on a dark background displaying the message: there is no quick fix for suicidal thoughts; emphasise patience and kindness. Surrounding words include themes like self-hatred and talking about suicide.

Two stylised cards featuring text, set against a light blue background with a pink and dark green colour scheme. The card on the left displays How to help, alongside emergency contact details. The card on the right presents a numbered list titled The Help, divided into sections labelled 1 to 4.
Two dark teal cards with text on a light teal background. Left card states: 1/5 Myth: Talking about suicide may give someone ideas to try it. Fact: It is safe to ask and can reduce stigma. Right card reads: Lets bust some myths surrounding suicide... Text is in pink and white.

The visual identity draws heavily from the themes of navigation and exploration, using elements reminiscent of old maps and the adventurous spirit of orienteering. The chosen colour palette of soothing blues, pinks, and greens, along with the use of script typography akin to vintage maps, invites users into a space that is both comforting and familiar.

In recognising the urgent need for accessibility across screen sizes, especially as individuals in crisis or seeking privacy are more likely to search the web via phone, Compass for Kindness was meticulously designed with a responsive framework.

The website’s content stacks and adapts to varying screen sizes, ensuring that the message of hope and guidance is accessible on any device.

Teal poster featuring white arrows and text: How many do we lose each week? How many do we lose every day? How common are suicidal thoughts? How many do we lose each year? At the top, the title reads: World Suicide Prevention Day. At the bottom, there is a line of text that says: - The Figure -.

A dark green poster with four numbered sections: 1. The Figures, 2. The Myths, 3. The Signs, 4. The Help. A pink box at the bottom advises calling 999 in an emergency.

A dark green book cover titled How to Spot the Signs with a light blue circle partially covering the title. The bottom displays the phrase - THE SIGNS -.

Infographic labelled UK featuring a grid of 60 dots; 17 are pink, the remainder are black. Text reads: 400 people will attempt suicide today and 17 people will die, with the number 17 highlighted in pink.

A lively digital poster with a green and pink theme promoting the Compass for Kindness initiative. The project focuses on raising awareness and reducing stigma around suicide. It encourages people to visit Mind for support on World Suicide Prevention Day. Supported by Mind & Champion Health.

Teal poster featuring white arrows and text: How many do we lose each week? How many do we lose every day? How common are suicidal thoughts? How many do we lose each year? At the top, the title reads: World Suicide Prevention Day. At the bottom, there is a line of text that says: - The Figure -.

A dark green poster with four numbered sections: 1. The Figures, 2. The Myths, 3. The Signs, 4. The Help. A pink box at the bottom advises calling 999 in an emergency.

A dark green book cover titled How to Spot the Signs with a light blue circle partially covering the title. The bottom displays the phrase - THE SIGNS -.

Infographic labelled UK featuring a grid of 60 dots; 17 are pink, the remainder are black. Text reads: 400 people will attempt suicide today and 17 people will die, with the number 17 highlighted in pink.

A lively digital poster with a green and pink theme promoting the Compass for Kindness initiative. The project focuses on raising awareness and reducing stigma around suicide. It encourages people to visit Mind for support on World Suicide Prevention Day. Supported by Mind & Champion Health.

Three Instagram post designs on a pink background. The first reads Compass for Kindness. The second displays messages such as Speeding? and Take their call. The third says Give them space to talk about their feelings.
A vibrant image showcasing three Instagram posts against a pink backdrop. Each post shares a mental health message wrapped in Studio Lutalicas friendly, fair, and tone. The first post dives into the important conversation around spotting signs of suicide with empathy and understanding. Next up, the second post plays with pastel shapes to explore the theme of secrets, inviting reflection with its gentle yet thought-provoking words. Finally, the third post bursts with encouragement as it celebrates overcoming obstacles through creativity and resilience. Abstract design elements weave through each message, adding a playful touch while ensuring these vital narratives are heard loud and clear. Perfect for anyone seeking an inclusive community where all voices matter.

In creating the branding of Compass for Kindness, Zoe paid particular attention to creating a visually enticing platform that would be both inclusive and accessible. Accessibility is woven into every aspect of the branding, ensuring that the message of compassion and understanding is conveyed clearly to all.

Related Projects

Understanding Accessibility Homepage: text based in a clear sans serif font on a gradiated pink
Understanding Accessibility

A tool for web designers to easily learn about and implement digital accessibility.

Homepage of Weirdo website on desktop
Weirdo

An advertising agency championing diversity with unique and inclusive campaigns.