bnzdesigns.com

Have Heart

DES223 Task 3 requires us to conceptualise a not-for-profit organization looking for a single page, responsive website that will use digital and visual story telling to provide information to help educate and inspire visitors about a specific social issue. I picked LGBTQI+ teens mental health wellness.

hh1.jpg
OBJECTIVE

OBJECTIVE

Design a single page website using HTML, CSS and JavaScript based on an organisation of my choice. And submit a design justification in PDF format.

hh2.jpg
ROLE: Graphic designer, Web designer, Coder

ROLE: Graphic designer, Web designer, Coder

hh6.jpg
PROCESS

PROCESS

To communicate acceptance and understanding was the major point of the project. And it all boils down to love. So I've whipped up a heart outline and connected it to a set of spiral speech balloons to signify communication.

I've named this organisation, Have Heart.

hh3.jpg
hh4.jpg
To grab more content, I posted a question on Facebook to also seek opinions of straight supporters. And the question revolved around acceptance.

To grab more content, I posted a question on Facebook to also seek opinions of straight supporters. And the question revolved around acceptance.

HAVEHEART poll square.jpg
 With the brand established and content available, I slowly built the website using Dreamweaver.  Below are the design justifications.

With the brand established and content available, I slowly built the website using Dreamweaver.

Below are the design justifications.

hh5.jpg
 There was a recent LGBTQI+ uni event during diversity week. One of the guest speakers was a friend of mine from volunteer work. The idea was to interview her and know how her preference impacted her identity in society. Soon after, I listed major interviewees who I've personally messaged online. They we're happy to share

There was a recent LGBTQI+ uni event during diversity week. One of the guest speakers was a friend of mine from volunteer work. The idea was to interview her and know how her preference impacted her identity in society. Soon after, I listed major interviewees who I've personally messaged online. They we're happy to share

hh8.jpg
RESULT

RESULT

Since the website was only a one pager, longer interviews were broken down and were limited to only a few sentences. But since most answers were worth sharing, I posted the full versions on social media. Brave friends who has kept their lives fairly private, were proud of their stories. Though minimal in impact, this project slowly opened doors for acceptance. Both for them and their families.

hh7.jpg
COMMENTS

COMMENTS

' Benz! This is such a great effort. This is a great example of playing to your strengths, the design and theme overall is great! The choice for it is great too and works to make the site feel professional.'

- Pat Walsh

hh5.jpg