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.
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.
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.
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.
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.
IndustryNon-profit, Social change, Mental HealthExpertiseInformation architecture, Stakeholder Workshops, Personas, Wireframing, Interface design, Content strategy, User Experience Design.
Designed while working at Symplicit. 2013.
PRODUCT INTERFACE (IoT)
RESPONSIVE WEB APP
Blockchain Voting System
RESPONSIVE WEB APP (COMING SOON)
RESPONSIVE WEB DESIGN (COMING SOON)
Flybuys Customer Rewards
CONNECTED DRINKS FRIDGE (IoT)
Humanitarian Aid Services
PRODUCT DESIGN (IoT)
Medication Management System
Mental Health Services
MADE IN PIXEL TOGETHER