Google Maps Plug-in

To make the website more interactive we decided to include maps on most sections of our website. It is way for users to be aware of where each location is and allow them to plan their journeys efficiently. The Google maps plug-in from WordPress was the most effective map for our website because it allows you to zoom into the map and look for other locations surrounding a specific location.

This is where I searched for the location, I just simply typed in the Address and clicked verified and it marked the location that I was looking for.

There are also different types of markers which gave me a variety of options to chose specific icons that were suitable along with the topic of the pages.

This is the final result of what the London map looks like. I placed the point at Leicester Square as it is the central part that helps define London.

London, UK Review

Photography

Our website is mainly photography based which means photos play an important part. Therefore, I spent a lot of time on the photos and made sure I provided our viewers with a variety of viewpoints of each destination. All of the photos we gathered were photos that were taken previously one our trips. However, I did manage to take a couple of photos which helped fill in some of the pages that had hardly any photos in, such as; London Transport pages and Shopping in London pages.

Wordpress Theme

Wireframe

Wordpress Set-up

As a group we decided to make our website on WordPress. WordPress is a online website software where all content are produced and saved online. Since I used WordPress for my last personal website, I had already knew what the set-up concepts involved.  After that experience with WordPress, I found it to be the a easy yet convenient platform to produce a website on. This is because all contents are origanised when being inputted onto the site and the website has features such as; themes, plug-ins and widgets to help enhance the website. These features are more professional in terms of look and function than producing it from scratch by using other website producing software's like; Dreamweaver.

In order to start setting up our website, we first, needed to buy a new domain from a host. I was very satisfied with the host; https://www.one.com/en/, after previously using it for our website. This is because it provided with an reasonable amount of memory which was 3GB. However, since I previously used one.com, I was able to get a discount with extra disk space of 5GB, which I thought was very reasonable.

After we got our host, we went through the process of setting up the website, which was very quick and easy since me and Zara previously opted for WordPress, so we already knew the procedures.

Project Proposal

Our project proposal is based on the process of planning out our website. This group project consists 3 members, Kim (project manager), Catherine (Creative Practitioner), Zara (Software Engineer). During the process of planning out the website, we had a group discussion and there were several topic that came up such as; food, film, art and student life. But what stuck out was travelling, as we have been to different countries around the world and have pictures, we thought a travel based website was the best choice. From this we then commenced with planning and producing our project proposal.

Our project proposal includes;

• The purpose / idea
• Target audience
• The site's general content
• Site structure
• Navigation system  
• Equipment & Software
• Website Style
• Project Timeline
• Project Roles 
• Theoretic Concepts 
• Limitations 

Prezi Link: http://prezi.com/dpzumnslncur/?utm_campaign=share&utm_medium=copy&rc=ex0share

Website Ideas

The first task we done after forming into a group was come up with ideas for our website. There were a variety of ideas that came up, but food, art, travelling and student life were the main topics that stood out. After we clarified our topics, we then broke them down into sub-ideas that suited each topic.

Here is some of the ideas that we came up with for our website project.