Animation and coding project #2
Jan and I decided to create a website using HTML & CSS specifically for GCSE students following the AQA biology specification. As we felt that by having a specific target audience we could get an idea of what would be like to work with a client with specific needs that we would have to appeal to.We both agreed to choose the diseases that were just related to the human body as it was more relevant to the project, these were: HIV, Malaria and Salmonella. In comparison to other GCSE student revision sites, we wanted to make it look more appealing aesthetically for the younger audience as well as use a scientific style theme. Not only this, we enabled the feature of having direct links to categories of other diseases if a specific category is opened. For example, if a user opens the category of HIV overview and clicked onto Malaria, Malaria overview will show up. Also, we decided to go beyond the description of the specification as we realised that this was not enough as a revision aid. Therefore, We subdivided the information of each disease into four categories: overview, causes, symptoms and story. Each of these categories followed a similar layout despite the story which included a Youtube video. The reason why we chose to go for a different layout was to offer a different user experience where the user doesn’t feel like they’re memorising scientific facts but a feel of that personal experience. We decided to go to for YouTube videos that we felt a younger user would find interesting and memorable such as using an interview with a famous sports player with Oprah.
Link to the website: https://aqabiologydiseases.000webhostapp.com
We have referenced most of our work from the NHS website and AQA GCSE biology specification below.
Unlike other websites I created, I used the program Muse to create this website. Reason being, it was easier to transfer what Jan had designed on illustrator directly onto the website which generated the code. This changed my time-frame of creating the website from one week to one day. The new thing I learnt in doing this was that by using SVG rather jpeg or png images the resolution is better.
Below is an image of all the files that were generated to create the website.
In creating the website, I created 5 master pages for each category as well as the homepage. This made the design consistent. Using Muse has made me realise that for creating another basic website in the future that this a good program.
We still had a lot of time to spare so we decided to test out other ways of developing our idea.