Website E-portfolio – Navigation

I first of all wanted to have the design I had previously spoken about. The navigation was going to have home, blog, work, about and a contact page. I wanted to create the navigation system from scratch to make my website more original than using a standard navigation system template or just plain colour scheme. I wanted the navigation buttons for each of the different pages to be different colours. Heres an example of one of the buttons in photoshop.

Screen shot 2014-02-18 at 13.07.41


I made one of these for every page I had so the end product of the navigation system look like this:

Screen Shot 2014-02-18 at 13.30.54

I thought afterwards, what could I add to the navigation system to make it better? I decided to have rollover images of the buttons inverted colours so when the user went to click, it would like white with the colours on the outside. As shown here:

Screen shot 2014-02-18 at 13.14.11

I thought this was a good addition to the website as it makes it more original and more please to the eye. After this, I looked to start creating the website content.




Website E-Portfolio – More progess

I further continued my research until I felt that I was ready to start creating the actual website e-portfolio. I had to decide upon what theme I was going to use to best reflect my personality through the use of colours and design. I wanted to make the website original, yet functional. I thought of the concept of having multi coloured navigation system as the main vocal point of the website and make the content simplistic compared to the navigation system. I wanted this because I feel that I have different aspects of my personality and I thought having different colours would reflect this. Moreover, I thought this would stand out from most websites that other people would be doing. Once I had decided on this, I planned how to start creating the website.

Website e-portfolio – Progress

At this point in time, I feel that I have done a suitable amount of research into website design and what makes a successful website. I now am at the point where I feel that I need to learn Dreamweaver more to make my website what I envision it to be. At the moment, I can create a basic website with some features that make it more engaging. I hope to progress my understanding of Dreamweaver by using I feel this will be useful to me and I will be able to complete this task with ease if I knew more about Dreamweaver.

Website E-portfolio – First impressions

Our next practical task that has been set for me to do is to create a website e-portfolio. The website is a solo task, it is quite a daunting task however, achievable. I am looking forward to starting the website and making it as good as I can make it. I will be using different forms of research to aid me to complete this task. I feel research will be the key to achieving what I want to achieve with the website as if I have a good knowledge of what a good website should look like, my website will benefit from this.

I will be using Dreamweaver to make my website, I will make a logo if I feel necessary, on photoshop to make my website more personal towards me as a person.

I look forward to doing this task as I always like to learn new things and this will be a new area for me to use my skills in.

Yuletide group project

Our 3rd group task I was set the task of, in groups of 4, to rebrand a christmas wholesalers. This involved creating a new logo and also creating a splash page and an example of a page that the website would have on it. As a group, we thought it would be useful to do some research for this group project. We research different designs for websites, this enabled us to gauge an understanding of how a good website should look like, and in turn, will use this knowledge when creating our website ideas.

After our research, we knew roughly what was expected from a good website, so we based our initial ideas with our research in mind. For our initial ideas, we had to make the website suitable for christmas, this meant we had to pick the right colour scheme for the website. Our first idea was to use red, gold and green as these are conventional christmas colours. Our goal was to use a colour scheme that would be bias neutral as we didn’t want to favour any company that used our website.

After discussing our ideas, we made some website ideas and logo ideas. What we made can be seen below.

Screen shot 2013-12-20 at 11.01.40Screen shot 2013-12-20 at 11.07.15Screen shot 2013-12-20 at 11.08.11

After this, we altered these first attempts into our final website and logo. We changed little things on the logo to make it more applicable to what the brief wanted us to do. We added the star into it to make it relatable to new years and christmas. With the website we wanted to change the layout from the one we did originally and also we altered the layout a bit to make it look more professional.

Screen shot 2013-12-20 at 11.08.52Screen shot 2013-12-20 at 11.09.02


Overall I think this group task a success however, as we are still coming to grips with using photoshop and dreamweaver, making the mockup website and logo proved difficult to myself and some of my group. However, that is what the task is all about, learning and using new things. I believe I learnt a lot from this task and I can use what I learnt in this task and apply it to tasks similar to this in the future.

Fire Kills Project

After the Bristol Zoo group project, our next project we had to do was to think of an idea for a campaign about fire safety using digital media. This was going to be funded by the Government, also we could target any age range we wanted as a Fire Kills campaign can target many audiences.

We first decided that we wanted to target an older generation by using posters and TV advertisements as a way of showing the campaign. However, after deliberation between the group we thought that this idea would be far too generic and that other groups would have similar ideas to this. Moreover, conventionally fire safety campaigns are normally targeted at older people as they are the most vulnerable. So based on this, we decided to change our idea and target people living away from home for the first time and teenagers. We wanted to target this bracket of people as we thought it would be a different angle to take on a fire safety campaign as most of the attention is normally focused on the vulnerable, old and very young people.

At this stage of the idea process, we still had the idea of the poster and TV advertisements. Consequently to the change in audience, we decide to go down a different route with the campaign. As a group we came together and researched what our age bracket is most likely going to be targeted by in the media. We found that the age group we were targeting use the internet and social media sites more than any other age bracket. This lead us to the idea of using vine as way of getting the Fire Kills campaign to our target audience. We decided to make the vines comedic as this suited our audience, and sometimes vines can become viral across different social media sites.  This would boost the Fire Kills campaign presence across all social media sites.

The benefit of using vines is not only that it targeted our audience extremely well, it is also completely free which is good to hear from a government campaign as it would be tax payers money.

I found the Fire Kills campaign group project to be a hard yet rewarding task as once the idea was found, the execution was good.

Bristol Zoo group project

As our first group task in university, we were put into groups of 5/4 for my group I was working with Oli Evans, Jade Garstang and Tom Hawkins. As a group we had to add a new digital experience to Bristol zoo that will keep regular visitors engage and also bring in new customers. The digital experience had to utilise the archive of photos that Bristol Zoo had gathered over the past 176 they have been open. It had to have a new experience, maximise locative aspects and finally the audience that we had to attract for this new digital experience were children between the ages of 5-12 and their parents and of course animal lovers.

As a group we came together and thought of our initial ideas. Originally one of our first ideas was using Kinect 2 that will soon be released as a new digital experience where we would have the kids pick their favourite animal and then when they are using the kinect 2, they are the animal they chose and the background of the kinect would be photos from the archive of photos that Bristol Zoo. The initial idea utilised the target audience but only slightly the rest of the brief.

However, as a group we decided that using Kinect was not the best way to incorporate the extensive collection of photos from the history of Bristol Zoo as mentioned in the brief. Moreover, the Kinect isn’t a new technology, and some of the Bristol Zoo visitors might have already used Kinect in the past.

We were ever drawn to the idea of using some sort of virtual reality platform to use as the new experience for the visitors of Bristol Zoo. As a group we decided that a significantly more engaging experience would be something that immerses the user completely into the heritage of Bristol Zoo. The technology that facilitates these needs for Bristol Zoo is he Occulus Rift. The Occulus Rift is a new digital media technology, it has many unique ways of interacting with a 3D environment. We thought that this would make good use of the large photo archive Bristol Zoo have. The experience would work by having the user wearing the Occulus Rift device whilst standing on a omnidirectional treadmill pad, this would allow the user to control the characters footsteps by walking. The virtual experience would have jobs or quests for the user to do to be able to progress through the ages of Bristol Zoo, further enabling the photo archive. Moreover, this experience suited the target audience as the kids would enjoy this very much.

The Bristol Zoo group task was a relatively easy task to complete as we had many ideas as a group so we had many different routes we could take with the new digital technology. Our performance as a group was to a high standard and I feel we worked well alongside one and other and I believe this was a key reason as to why this group project was a success for us. I look forward to completing more group tasks.