test

Colour Scheme + Logo What I did For the final design in the project I had the lads send me on they're digitalised designs that I did for the prototypes I took them into photoshop where I added in the colour scheme and logo.  The font for the logo was made dynamic so that it would stand out to the audience and help the site with its appeal.  I choose the certain colours for this site because I feel they do, in some way, represent emergency as most colours used in regard to an emergency use them.

I was in charge of creating the home/news page for the webapp, and also the call page. These are the results.

Medical History, Sign In and Personal Information Pages so far Version 2

Personalise/Alert Page So far 2nd Version 3rd Version

Using this flowchart, we are going to create our final solution in photoshop. Since the look of the site may not be consistent if we all designed the layout we decided on, one of us is going to create the pages in photoshop, while the rest of us create the different logos, icons and general content for the pages. Here is the final design we will be working on:

Home Icon Versions Settings Icon Versions Call Icon Versions Profile Icon Versions Final Icons To be used in Final Prototype

Final Flowchart

Second Protype Testing Home Page It's nicely designed and pleasant to look at. Making it accessible to the reader. Very good. Conveniently structured. It's a neatly organised template. Settings Page It's precise and straight forward in it's presentation. Sign In Page Pretty good. Seems simple enough Straight to the point Educate Page Insightful. Provides useful advice in terms of surviving the pandemic. It's neat. It's displayed in a symmetrical grid. Well balanced. Call Page Direct. It's quickly operational, which is what you need in emergencies. By that, I mean it's great to contact services with just one push of the button.

Notes: May 11 th final pres Images too dark Use of typography, colour, Pics – trace over drawings, or copy it Remove educate page – Not necessary Compress pics in powerpoint 

Final Design We have chosen Aidan's Design as the Final Prototype.  We decided collectively as a group to focus on using this design to showcase an Emergency app/website. Home Profile Call Settings + Alert

Second Prototype Responses Here are the responses I gained from people who viewed my newer prototypes. •“yea looks rllygood! only thing i’dchange is make the little symbols a bit clearer” •“I think it’s good again it’s clear the way it will be layer out and how it works” •“All looks good! Don’t see anything to do different” • “Its good man,  i like the way  theres relevant content only, no  neccessary features,  And personalise options look handy” •“Looks good, it works on desktop and mobile so yeah, so long you have all the info you need” • “On the first pic, I would make the map bigger as it would be the most important part of the web page. Other than that it's really well formatted! • “Really nice!! I like the tab menu thingy a lot” • “It's good, I  get  what everything means and it's simple and to the point! Maybe add some  colours so  the  colour-scheme  would be clear?” • “Looks really good! You could always draw up rough...

Second Prototype After the responses I got on my previous prototype. I decided to go back, with more of a structure involved as well due to the groups flowchart leading to the creation of the five different pages for both Desktop and iPhones. Home Profile Educate Call Settings Settings + Alert 

Alert App Page Alert Webpage Call App Page Call Webpage Educate App Page Educate Webpage Home App Page Home Webpage Medical History App Page Medical History Webpage Personal Information App Page Personal Info Webpage Personalise Mobile page Personalise Webpage Settiings App Page Settings Webpage Sign In Mobile Page Sign In Webpage