During our first Term at studying media communications we were expected to create a fully working website using the Adobe suite to help form the website through Illustrator, Photoshop and Muse. I paired up with Kate Hardy in this project and we decided to create our website about mobile phones. The website created is to teach Children/Teens about online safety on their smartphones. This is a topic we felt close to as it is a generation of people growing up closest to our own generation. We used a couple websites to help us with our decision on how to get the ideal target audience and them sites were: 

• https://www.k4health.org/toolkits/mhealth-planning-guide/explore-technology-access-mobile-use-target-audience
• http://www.optimizemybrand.com/2012/10/20/marketing-to-smartphone-users-think-mobile-behavior-before-mobile-technology/

'Teen Hotline' is the name of our website and it allows children/teenagers to receive help for their online safety on their smartphone. We have also included a page for their parent/guardian as the intended audience may want their parent to see how they can support. Our website offers advice, tips and links to children's charities for serious issues. The website has many interactive features including links to our social media pages, a video about us and slideshows.

The features displayed on the website are to encourage the audience to stay engaged as well as allow them to flow between page to page with ease. One of the main feature includes is a fully working navigation bar which helps the user understand which page they're currently visiting in addition to which page they may want to select with the rollover text glow on the buttons. We intended on allowing the outer cloud of each button to glow once rolled over with the mouse curse. Unfortunately, the glow disappeared once the curser rolled over the text on the button which was very messy and unprofessional. After going onto the Adobe Muse help website and doing google searches on blogs I was unable to find a solution to my problem. This is the biggest regret I have within this project. The solution to this problem was to allow the text to glow instead once the text is rolled over by the curser instead of the cloud as this kept a professional and smooth look to the navigation bar.

The consistency of our website was the main focus for project due to our research into any given website including a 'uniformed' look with fonts, buttons positioning, buttons states, logo positioning, headline positioning and banners positioning all being consistent on any given webpage within the webpage. These coherent aesthetics create a professional look within our website and therefore allow each web page to change with easy and without a jump in location of the consistent features. One of the most effective results as to this was adding hyperlinked social media icons on the 'Contact Us' page. Creating hyperlinked icons was much more professional than hyperlinks websites written down but we were worried the message may be lost. However, it ended up standing out better, giving the webpage a more appealing look.  The main challenge within creating this website was learning new skills within Adobe Illustrator and Adobe Muse. I was able to get help from these two pages on the Adobe website to help me with almost every struggle I am across:

• https://helpx.adobe.com/muse/tutorials.html
• https://helpx.adobe.com/illustrator/tutorials.html?mv=product&mv2=ai#

Within our website there are multiple widgets included which are there to break down our written work, add something different to the page and allow for a interactive feature which moves or changes to take place on each web page. These were all needed as our target audience's attention span isn't particularly long, meaning everything had to be 100% efficient, simple but also do it's intended job. This was a challenge we came across quite early as we found it difficult to develop everything to make it professional looking and pleasing but also stay simple to understand and get the intended message across. The content on our website was too heavy, intense and off-putting for our target audience which meant we needed to add a widget called a 'tabbed panel' which allowed us to break up the intensity of the text and display it in 3 tabs, this worked really well to add an interactive aspect to the webpages. Another interactive aspect we added to two of our webpages was a slideshow or licence free images. Having a slideshows of images was crucial to our website due to the interactive aspect would gain attention to the page when someone is reading the content, allowing for them to stay engaged within the webpage. The best interaction for our website is our would be our 'about us' video which is displayed on our home page of the website. It is a big welcome to our website, what we do and how we can help. This is one of the most important interactions on our website as doing our research we found that or target audience does not want to read big chunks of writing. Creating a video helps break up content as well as make our website look professional with an introduction to what is displayed within the pages.

Initially we did not realise how much work and time was required within this project to create the website and we have managed to learn/develop many skills throughout the 9 weeks the project took place on. If I were to do this project again I may have done it with 1 extra person as I personally felt my contribution took up many hours of my free time which unfortunately I did not have due to working full time in two jobs to support myself at university. Overall I am incredibly happy with the outcome of this project, me and Kate both worked incredibly hard to overcome technical and creative challenges and we overcame them to create a professional project and website which is fully functional.