Saturday, 14 April 2018

Chat Room App Initial Designs

Current 'Chat Room' branding I have done so far for my OUGD505 Studio Brief (which is the physical Chat Room situated in student welfare offices):

 


The logo being this head with a tentacle emerging from the mouth, will be used for the Chat Room app I'm developing for this module. This was chosen thanks to research I did on representing mental health visually, my personal metaphorical representation has always been tentacles as my councillor years ago asked me to visualise emotions. These projects furthermore extend from a first year project, using tentacles as way-finding arrows.

I plan to have the whole app in teal, every page background as I've found from feedback this works well as a colour that will aid calming people, it's also similar to the blues used consistently throughout mental health literature, but an updated version which is essential as I want to move away from the old aesthetic that carries so much stigma.




Is more consistent in terms of design to keep all the visuals in white as they are on the digital poster.

Upon opening the app, I want the loading page before you get to the homepage that you have to click through to be animated. 

It will use a slight variation on the current logo that I'm using but will still be uniformed in terms of design, so it's recognisable and will strengthen visual identity of brand.


Second page- Information 




I thought it best to have a second welcoming page to offer explanation as to what the app is and who it's for. This app will only be advertised on individual universities notice boards and online forums/ intranet, making the only accessible audience, students. I thought about having an additional page where students log into their own intranet via the app which enables access and puts them through to volunteers at their uni, however as this process in anonymous anyway it doesn't particularly matter all it would be doing was adding another barrier up to people seeking immediate help, further increasing stress levels as filling out information requires concentration which may not be possible in stressful situations, counteracting the purpose of the app.




This page offer information about the app and the physical chat room.

Initially in white the text in Loopy font really isn't very legible as the lines are too thin, however in black this issue is less so. It still looks uniformed as I plant to use this font throughout all the headings, as it is used as the key font on my digital poster.


I plan to animate this, unveiling the text as if it's being typed, in-keeping with the visuals  of a chat room dialect. 

No comments:

Post a Comment