RESPONSIVE WEB DESIGN

Helping teenagers and young adults to learn about mental health through education, support and an active online community. 

One of the challenges facing YBB was catering to such a broad demographic. YBB needed to develop a tone of voice and a brand image that would relate to the youngest and oldest ends of the customer base.

01

Project

Youthbeyondblue (YBB) is a nonprofit organisation helping raise awareness of mental health amongst young people (12-25 years old). 


YBB wanted to redefine their online service and provide holistic, educational information to their audience in a format that was responsive,
user-friendly and respectful of the vulnerable emotional aspect of dealing with mental health matters.

02

Immersion

Stakeholder workshops

Working closely with YBB team and their audience representatives we drafted customer profiles and mapped out their journeys, gaining a better understanding of the needs and expectations customers have before, during and after visiting the YBB website.


Together we reviewed a range of websites, gathering feedback on design requirements and technical feasibility.

03

UX/UI 

We worked through several design sprints, collaborating closely with the development team to ensure techinical feasibility of the website. Design sprints focused on iterating information architecture, content strategy and wireframing of the responsive YBB website and content development.

04

Colour studies guide the use of bright, colourful highlights were used to accentuate essential information.


We moved away from text-heavy content to more engaging, smaller information bites that are easier to digest. We used illustrations instead of images to keep a neutral and judgment-free approach.

Final designs were prototyped and tested with the end-users. The participants were asked to describe their experience in three words. The most commonly said words were: helpful, comforting, informative and colorful.

Dealing with and learning about mental health issues can be overwhelming. Complex terminology often adds to the stigma attached to mental health issues. We needed to strip away the stigma and bring in empathy and understanding.


To facilitate this gradual learning curve we worked on the site's information architecture, unfolding relevant information like a story in a more friendly, conversational language.


Visually we created lightness and some room for deep breaths. Adding white space to the website created a feeling of calmness and transparency. 


Industry
Non-profit, Social change, Mental Health

Expertise
Information architecture, Stakeholder Workshops, Personas, Wireframing, Interface design, Content strategy, User Experience Design.


Designed while working at Symplicit. 2013.

Journey

PRODUCT INTERFACE (IoT)

Medication Management

RESPONSIVE WEB APP (COMING SOON)

CONNECTED DRINKS FRIDGE (IoT)

Auto-replenishment System

RESPONSIVE WEB DESIGN

Utility Services 

BEHAVIOURAL RESEARCH

Humanitarian Aid Services 

PRODUCT DESIGN (IoT)

Medication Management System 

RESPONSIVE WEB DESIGN

Mental Health Services 

Selected Projects

Prahran

Melbourne VIC

AUSTRALIA 3181

Say hello