David Jones Documentation
Contents
Brief, Concept & Target Audience, Planning – Page 2
Initial Design Research – Page 2 - 8
Logo/Branding Design – Page 9
Presentation – Page 10
Secondary Design Research – Page 11 - 14
Wireframes – Page 15 – 20
Logo/Branding Design Redesign– Page 20
Design process – Page 21
Tutor Meeting – Page 22
Mobile Friendly website and wireframes – Page 23
Content – Page 24
Development – Page 25 – 27
Poster Design – Page 28
Advertising – Page 29 – 30
Mobilewebsite – Page 31
Google Analytics – Page 32
User testing – Page 33
Conclusion & Improvements – Page 34
Brief
The unit develops personal direction and inquiry. The student will have considered one or a variety of professional directions within commercial web design, for example corporate identity, advertising, editorial and promotional web design, and a structured project proposal to reflect this.
A detailed project proposal, or proposals, and project management plan will be devised, as a means of facilitating the student in taking responsibility for her or his own learning, and as a means of allowing a “staged” plan of study for the duration of the unit.
The student will then produce a major project(s) with a clear vision of function and purpose in their chosen direction, in solution to visual and communications problems, demonstrating high levels of professional awareness and sensibility, and creative, innovative and technical abilities relevant to web design.
The following tasks need to be displayed throughout this project:
· Engage critically with an appropriate topic.
· Construct comprehensive and well considered design documentation.
· Demonstrate independence, initiative, imagination, innovation and creativity in the production of a comprehensive web product(s).
· Integrate and synthesise conceptual, technical and visual levels of web design.
· Critically evaluate the outcome of their work.
Concept & Target Audience
After being informed about this brief/project I decided that I wanted to create a website which would display photographs. The concept that I came up with for this project was very similar to that of the global photography website known as Flickr. The website that I intend on creating isn’t going to be as complex as Flickr as I feel that this may be out of my boundary for PHP development but I intend on creating something that may be similar.
The aim of the website is to help local photographers show off their work. The website will have a competition style format were the photographer will upload a photograph of their choice for a selected category, such as night, portrait etc. The winner of each monthly category (which will be voted for by the public) will then have a featured page within the main website which displays more than just one photograph they have taken and will give them a larger scope for recognition.
Planning
After having a meeting with my university tutors about the project they approved my website idea and with this acceptance I then had to decide what I was going to call the website/brand. With this in mind I was once browsing the domain name websites such as go daddy and I started to add random photography words within the domain search browser. A lot of the words that I was adding had already been taken but once I looked at the suggested domains I had found the domain that was the most appealing to me.
I was suggested the domain of myaperture.co.uk and this was something that I felt worked well for the concept that I had for my website. I chose My Aperture as I felt that ‘My’ was fairly personal and ‘Aperture’ is a vastly common term within the world of photography.
One of the main reasons behind my tutors approving my project was the fact that I intended to create a website which would really test my skills in PHP, something that I have often struggled with in the past.
Initial Design Research
As I have a keen interest in photography I knew what sort of style that I needed my website to look like in visual appearance. The main design process for most photography websites is the use of clean, minimal design. This is so that the user can have full focus on the art/photography that is being displayed on the website. Most photography websites either use thumbnails which then enlarge into a bigger image or they just have the image as full sized (often in a jQuery slider).
Below I have listed a set of photography websites that have a design which appealed to me:
This website that I looked at was for a New York based photography studio which is run by Christian Oth. When viewing this website I felt that this was one of the main websites that I could use as quite a similar design layout for ‘My Aperture’. The way they have mastered a layout for each photographer and having their own profile page is something I intend to use or relate to for my final major project. Another design feature that I really liked within this website was the use of the banner across the top. This made the logo and the navigation stand out a lot more.
http://www.christianothstudio.com/
This website that I looked at was for a company called Jill Greenburg Studio. When viewing this website I felt that it had a very well thought-out design. The use of the colour sky blue within the website also worked very well and added that tiny amount of colour to a very minimal white website. The concept of the website and the way it is laid out is very pleasing on the eye and the column system used for the names that they have taken photographs/drawn works really well.
This website that I looked at was for a photographer called Levon Bliss. When viewing this website I really enjoyed the use of large photographs within the website. The use of grey as the colour for the font also worked really well as it made it look very minimal and the photographs had the full attention of the viewer in my opinion.
This website that I looked at was for a photographer called Jason Bell. When viewing this website I really enjoyed the use of large photographs within the website. This has a very similar style to that of Levon Bliss’ website with the use of grey for font colour and then the use of large photographs. The style of this is really nice as well with the navigation being located on the bottom left hand-side of the website which is nice and clean from a design point of view.
http://www.jasonbellphoto.com/
This website that I looked at was for a photographer called Dave Hill. When viewing this website I really enjoyed the use of the photographs shown. The minimalist style of the website helps bring out the colour in the photographs.
This website that I looked at was for a London & New York based photography agency which is called East Photographic. When viewing this website I felt that the use of a dark background colour worked really well. This helped the images stand out more and had a different effect to the other websites that I have researched due to no white being in the website background. This is something different to other photography websites but it works incredibly well.
http://www.eastphotographic.com/
Logo/Branding Design
Once I had completed my initial design research I felt that I needed to start creating the branding for my project. In the past I have created branding that has a lot of text within it so I felt that I would go down a different route and create a fairly minimal logo.
From my research it showed that most photography based website usually just use a piece of text as their main logo. I felt that I would still go down the route of being minimal but implementing a circular shape with a bold font.
Here are some logos that I found on photography based website that implemented shapes:
The use of these shapes and fonts work really well in my opinion and this helped me with creating my logo design. I decided not to add the whole of ‘My Aperture’ within the logo and I felt that the initials would work a lot better and be more minimal.
Here are some logos that I created for my project:
I decided to use a circular shape with a font called ‘Bandy’ within it. I created three different colour styles as I felt having a varied option would give my tutors a good idea of what I was going for and what sort of colour scheme they think I should use.
Presentation
After we had made progress on our projects our tutors wanted us to present some of our ideas and what we wanted from our projects.
Below is a list of things that I discussed throughout my presentation and my answers:
What is My Aperture?
‘My Aperture’ is a website which is aimed at promoting local photographers in a competition style format. The photographer will be allowed to upload one photograph based on the monthly category, it will then be put to a vote by a format which is similar to the ‘Facebook Like’ function or failing that I would try to involve local organisations, schools, councils etc and then they will all decide which is their favourite photograph.
What will I gain?
Creating ‘My Aperture’ is something that I believe will really test my boundaries as a web designer. One of my main weaknesses in web design has to be the development side of things. With this in mind, I plan on creating a website that relies on a fully functional PHP content management system. This is something that I’ve never really attempted before so this will be quite a challenge for myself. Another area that will be beneficial will be creating a design which works well with the photography stereotype of being fairly minimal.
How will I create My Aperture?
I intend on creating my website in Dreamweaver and using such things as PHP/MySQL for the development. For the design side of things I will use such things as Adobe Photoshop, Illustrator and Fireworks. I also plan on using some jquery within the website to make it look visually appealing.
Research Process
For my research I intend on looking at photo sharing websites such as Flickr and Photobucket. This is so I have an idea of how to layout certain areas within a photo sharing website. This will also help me with finding out what appeals to that target audience. I will also look at photography portfolio websites as this will help me gain knowledge on photography website i.e. colour, content etc.
Design Process
For the design of this website I intend on creating something that is completely different to all of my other designs in the past. The idea that I have for making my design different is by using a full screen image as my background. This will change every month based on the category of that month. I may also look at having the background image in jquery so that it consistently changes throughout each page.
I felt that all of these questions/answers and the advice that I was given from my tutors was really helpful for my design process and construction of my project.
Secondary Design Research
After my presentation I decided that I would change my design concept for my website and that I would use a ‘big background image’ format. This is something that I have never attempted before but it has always been of interest to me and would really test my design & development skills.
Below I have listed a set of photography websites that have a design that uses big background imagery:
This website that I looked at was for a creative design studio which is run by Kim Knoll and Kyle Eertmoed. When viewing this website I felt that the use of the main content being on the right hand side was something that looked striking and different to other web designs. The use of the big background images and minimal style within the site worked well together and made the photograph look very eye-catching.
http://www.knoed.com/
This website that I looked at was for a residential development company which is called Mercedes House. When viewing this website I felt that it was fairly similar to that of Knoed as it used the big imagery and having the main content on the side. A feature that I really liked within this site was the use of opacity on the text containers and this made the website a lot more striking.
http://www.mercedeshouseny.com/
This website that I looked at was for a London design agency which is called Kent Lyons. When viewing this website I felt that they used the large imagery perfectly as the work that was selected was the large image in the background. This made the concept so easy for accessibility and was straight to the point.
http://www.kentlyons.com/ 
This website that I looked at was for a design firm which is called Blitz. When viewing this website I felt that the use of dark tone images worked will with the design concept and the bright colours fonts really brought out their message on what they are trying to portray.
http://www.designblitzsf.com/
Wireframes
After I had researched big background image websites I decided to create some wireframes of what my project would look like:
These all included the concept of using big background imagery and I felt that this was something that looked visually pleasing. One problem that occurred though was the fact that the website that I was creating was fairly content heavy and my wireframes only displayed what an individual photographer would have as a portfolio and with this in mind I didn’t think it worked well for the concept of my project.
With this in mind I went back to pencil and paper and created hand-drawn wireframes that wouldn’t include big background imagery.
Here are my hand-drawn wireframes:
Here is a wireframe that I produced after I completed my hand-drawn designs:
Logo/Branding Design Redesign
Once I started creating my design wireframes I decided to change my colour scheme. I went with a faint grey for the background, a dark navy for the logo and a dark grey for the font colour as black didn’t quite look right for this colour scheme.
Here is the final logo:
Design Process
Once I completed my design wireframes I then started the process of putting the design into place and coding the website to compensate this. The image below shows the home page as I felt that this gave the layout something different to other photography websites with the minimal appearance but the colour banner seemed to work quite well. The banner would only be on the websites homepage and on each other page it would be the standard grey background.
After looking through my design I felt that it didn’t have the right visual appearance that I was going for and I felt that I had to change it. Based upon my research as stated above, a lot of photography websites were even more minimal than that of my past design. With this in mind I went for an even more minimal style as show below:
Tutor Meeting
I had a meeting with James Field and Sally Bentley to go through my progress and to get some advice on my project. I showed them my design and they said that they liked my logo design but the website design didn’t really work that well. With this in mind I decided to change my design once again but their advice was vital as I then closed out the design process and made the changes that were necessary.
Here are the changes to the website:
One of the main reasons for my design change was that my tutors didn’t believe that the website had any real presence in making the user wanting to sign up to it. With this in mind they told me to have a select few pages and try to integrate the about section into the homepage and also making the register button more prominent for the user.
These are the main pages that are on the website:
Home – Displays a section about the website, a section about the category of the month, a register button and a jQuery slider for the featured winner which will change every month.
Categories – Displays all of the categories that a user can add their photographs into.
Featured – Displays a user who wins the selected monthly category for the past month. This page has more coverage than standard profiles within the website.
Login – Displays login forms which enables the user to log into the websites CMS.
I went with a minimal style again upon my design change and the main focus on the website is the photographs so I made sure that the imagery was fairly large and took up a lot of the space that was on the website.
Mobile friendly website & Wireframe
After I had completed my design process and meeting with James Field, he then suggested that I should try and make my website a mobile friendly website. This was an idea that has always been of interest in my projects since I returned for my third year. The idea of having My Aperture available for mobiles would make the target audience grow a lot more, especially with the current popularity of smart phone devices.
Below is the design wireframe that I have produced for the mobile phone website:
The process for this mobile website was very different to that of the desktop based website. All that would be displayed on the mobile website would be links to Facebook & Twitter, section about My Aperture and the different categories for each month and the category displaying the winning photograph.
Content
For My Aperture I needed to make sure that the content on the homepage grabbed the attention of the viewer straight away. I felt that the design layout displays this well by using eye-catching photography and fairly minimal text content. The homepage also uses a register button which is located at the bottom of the page in a large bold font.
Below is the content that I have used on the homepage:
· About Section:
My Aperture is a website which is aimed at showcasing photography work from enthusiasts in the East Yorkshire area of England.
The advantages of joining My Aperture are that you as a photographer can gain some recognition for your photography skills and your eye for a stunning photograph. If this is something that you would be interested in, click on the ‘Register’ button below to get started. We are also available via Email, Facebook &Twitter. Also we will be starting a blog which will display our favourite photographs from each month.
· Category Section:
Every month My Aperture will have a different chosen category.
At the end of the month a winner will be announced and then added onto our featured page for the full upcoming month. The winner will also have their work displayed on our homepage.
This month’s chosen category is Night photography. Make sure that you have submitted your photographs by the end of the month and a winner will be announced on the 4th of every month.
For the Categories page I had the idea of having a different category for each month. I decided to select different styles that would really test the photographer and something that would showcase their ability with a camera.
Below are the twelve listed categories for the Categories page:
· Night
· Macro
· Portrait
· Nature
· Panoramic
· High Speed
· Black & White
· Monochromatic
· Reflection
· Wildlife
· Fashion
· Tilt-Shift
For the Featured page I won’t be adding the content myself as the winner of the selected monthly category will change their own bio and contact details. The main aim of this page is to showcase their work on a more global stage other than the photographers who didn’t win the category of the month.
All of the other pages on My Aperture will be driven by the Content Management System.
Development
The development of this website was something that I thought would really challenge my ability with PHP. In my second year of study I used a Content Management System for a website I created for our Studio Eleven Gallery website project. With this in mind I felt that using this would be an easier process than starting from the beginning again and creating a completely different one.
When I was going through the code I did tend to have a lot of problems and I remembered that the code I used on the Studio Eleven project worked but the security level on it wasn’t high enough and this was something that I had to address, especially with the website being a live project and it being of use for anyone around the East Yorkshire area who has an interest in photography.
When stripping the code from the Studio Eleven Gallery website I added it onto my website and this is what it looked like once the user had logged in:
The whole layout of this would mean the user could change their bio, email, username, password etc. On the upload page they would be able to upload a multiple amount of images. Here is the code for the multiple uploader:
<form id=”Upload” action=”<?php echo $uploadHandler ?>” enctype=”multipart/form-data” method=”post”>
<h2> Upload form</h2>
<p> <input type=”hidden” name=”MAX_FILE_SIZE” value=”<?php echo $max_file_size ?>”></p>
<p>
<label for=”file1”>File to upload:</label>
<input id=”file1” type=”file” name=”file[]”> </p>
<p> <label for=”file2”>File to upload:</label>
<input id=”file2” type=”file” name=”file[]”> </p>
<p> <label for=”file3”>File to upload:</label>
<input id=”file3” type=”file” name=”file[]”> </p>
<p> <label for=”submit”>Press to…</label>
<input id=”submit” type=”submit” name=”submit” value=”Upload us!”> </p>
</form>
This code seemed to work quite well but the safety of it didn’t have what was needed for my website. The usability of this uploader also wasn’t of the standard that I wanted. This was something that I felt would really make a difference from my past work but after adding it into my website I realised that it wasn’t the right sort of format for my website. The code snippet wasn’t completed very well and it also only took images that were bigger than 600px by 600px which wasn’t a helpful requirement as the photographs that would be added onto my website would need resizing automatically and also not every image would be 600px in height or width. With these problems mounting I was wondering how I was going to be able to create a working content management system for my website and something that wasn’t going to reflect badly on myself.
When I used this content management system in my last project I had to put in the url after I had logged in so that I could access any of the content on the website. This was a problem as the content management system didn’t redirect the user onto the selected page. With this in mind I asked a former student at Hull School of Art & Design called Dave Carr. He was looking through my code and solved the problem but he said that the code was not to a very high standard and was outdated in terms of PHP script. With this in mind I started looking at creating a new content management system from scratch but a few days later I received an email from Dave Carr saying that he had set me up with a content management system that was similar but used a more updated and safer version of code.
This involved such things as the config.php which has the username, password and database name in one document which then links in with any other php file once the code has been added. This process enables the code to be much easier to read but also allows the php script to work on a much smoother basis. Here is the config.php code:
<?php
session_start(); //turn on sessions
ob_start(); //turn on output buffering so you can use headers anywhere
error_reporting(E_ALL ^ E_NOTICE); //turn on error reporting
//define database settings
define(‘DB_SERVER’, ‘localhost’);
define(‘DB_USER’, ‘desigpl1’);
define(‘DB_PASSWORD’, ‘Travel+123’);
define(‘DB_NAME’, ‘desigpl1_myaperture’);
//define site constants
define(‘DIR’, ‘http://www.myaperture.co.uk/development/cms/edit.php’);
define(‘SITETITLE’, ‘My Aperture’);
//make a conntion to database
@$conn = mysql_connect (DB_SERVER, DB_USER, DB_PASSWORD);
@mysql_select_db (DB_NAME,$conn);
//if the connection has failed give an error message
if(!$conn){
die( “Sorry! There seems to be a problem connecting to our database. Please give us a few minutes to remedy the problem. Thank you.”);
}
//include the functions file
require(‘functions.php’);
?>
The config.php page links with the functions.php page. Linking these two pages make the process a lot easier and quicker for the person creating the site and also the person using the site.
Once I had started on the code that Dave had sent me I then looked at setting up profile pages but this was something that I struggled with and with this problem I put this at the back of the pile for completion.
With this in mind I linked up all of the pages to my database on Bluehost. The register page would send the information that had been inputted to the users table within my my_aperture database on Bluehost. Once the user was registered they would then be able to log into the website by using the login forms. I then had problems with creating the profiles section of my site. I knew that the user ID was unique to the user who had registered but it was creating a profile page for them that I struggled with.
Whilst having this problem with my content management system I asked Andrew Howard if he would go through certain aspects of it with me. Andrew agreed to give me a helping hand with my website and this helped me feel a lot happier about the content management system being completed in time. Andrew helped me with setting up profile pages, category pages and the photo uploads. Andrew also helped me with adding the photographs into the specific category for the month which was a vital part of the website. The categories page was something that was vital for the website and Andrew helped me set the content management system so that the user would be able to categorise their photograph.
Here is what the content management system looks like when you are logged into the website:
The one problem that I encountered was linking all of this content information with that of the featured page. This page was a vital part of my website and something that needed to be completed in the time of completion. I did struggle with this concept and this was something that I really struggled with and I couldn’t find any sort of resource which would be able to help me i.e. tutorials, code snippets etc. This was something that frustrated me with my website and if this wasn’t completed I wasn’t going to be very happy with my website.
Poster Design
For the advertising process of My Aperture I felt that creating a poster design would be beneficial for the popularity of the website. For the poster I knew that I had to keep everything consistent from the website design. With this in mind I used light grey as the background with a navy stripe going across the middle of the poster, this would be used for the content. The rest of the poster would have the logo and for people who are interested in viewing the website from a mobile phone it would also include a QR code which would then direct the user onto the mobile website.
Here is the poster design:
Advertising
One of the main aspects of making this website a success is down to how I marketing it as a website but also as a product that people can use. I felt that one of the main ways I could advertise My Aperture was the use of social media. Social media is a massive part of the way websites and design products get noticed and this was something that I wanted for my website. The advertisement and word of mouth was vital for this project as more people who use the website, the larger scope it has and can be developed even more.
The social media side of things was vital for the popularity of My Aperture. I decided to setup accounts on two of the world’s most popular social platforms, Facebook and Twitter. The Facebook page at this current time has 22 likes and the Twitter page has 28 followers. This is without any real advertisement of the social marketing that My Aperture has and once the website is live the popularity of these social platforms will only benefit the website.
Another idea I had for the advertising of My Aperture was purchasing stickers from a website. These stickers would be circular and would match the My Aperture logo. This is all that the stickers would appear as but my idea was that if the social marketing side of things worked out people would instantly think that they have seen the logo before and maybe intrigued as to whether or not they may have an interest in this kind of website.
These are the stickers that I purchased:
More merchandise was going to be purchased but my budget wasn’t as high as I thought it would have been so the stickers are the only My Aperture merchandise that I bought.
I was also going to speak with photography societies throughout the Hull area so this would also spread the word on my website.
Mobile Website
One of the areas I looked at for making My Aperture more known and easier to access was the use of integrating the website so that it was available on mobile phone and tablet devices. This links in with the poster QR code that was added onto the poster for this purpose. Unfortunately I ran out of time so the website could not be made into a mobile/tablet friendly website.
This is something that I will look at in the future as the way technology is going with handheld technology is quite breathtaking at the moment. I feel that this website will work well on the mobile and may be a more popular platform from a mobile phone.
Google Analytics
Once the website was launched I decided to have a look at the popularity of the website via Google Analytics. This is shown below:
This shows that the website has only had 13 unique visitors which is disappointing. This website hasn’t really been advertised that well so the fact that it has unique visitors is a plus and once the website has been advertised and people hear/see the website they will surely increase the number of views. The bounce rate is fairly low and once more content is added it would be most likely that it stays at a relatively low amount for viewers leaving the website. The average time on the website shows 16 minutes and this is also pleasing to see and the same as the bounce rate, it will only grow in time spent by more content being added onto the website.
User testing
For my website I chose three different people who each had their own different background within the subject of photography and web design. One being a photography enthusiast, one being a languages student and the other being a computer novice. I felt that if I used three completely different style of abilities that it would make me see what I can do to improve the website in the future.
I asked three questions each and here are the results:
Is the website easy to navigate through?
Pippa Collins: Yes, the navigation was easy to access. I think the minimal design helped this process.
Gavin Jones: Yeah, the website was easy to navigate through and everything was very clear.
Steven Coope: Yes, I could navigate through the website with ease.
Could you sign-up & register without any problems?
Pippa Collins: Yes, the website guided me through the register and login.
Gavin Jones: Yeah, the content was easy to find.
Steven Coope: Yes, the navigation helped with this.
Would you suggest any improvements for the website?
Pippa Collins: Yes, I think the website could be improved by being able to click on the photographs and making them larger.
Gavin Jones: Yeah, the photographs should display the name of the user.
Steven Coope: Yes, but only small aspects of the website.
I felt that this feedback was very helpful and something that I will take into consideration for the future.
Conclusion & Improvements
Overall I felt fairly disappointed with my website and the final product that I produced. I felt that I did tend to struggle with the PHP aspects of this website as it was fairly complex website and PHP has never really been my strong point.
Over the project I have had assistance from students, ex students and tutors which has helped me produce the final product and given me confidence to try and produce a better version of the website in the future.
An aspect of this project that disappointed me was the fact that I didn’t make the website available for mobile and tablet devices. I felt that this was something that would really make the website become popular as such websites and apps like Flickr and Instagram are so popular within the photography world and the portal world (mobiles and tablets). These websites/apps have become known for being able to upload photographs as soon as you take them from your portal device.
With My Aperture only being in Phase One I can look at adding this onto the website once I look at adding more phases. These can be such things as, better advertising by producing posters, flyers, business cards etc. Also by making the website better from the improvements stated by the audience that I asked when creating the user testing.
A subject that I also want to add to a phase of My Aperture is the use of print design. I felt that producing a 12 page book with each month’s winner and their selected photo would be quite rewarding for the monthly winners. This would be displayed in the book and also have their contact details which will be exactly like the featured website page.
Improvement on this website would be making the content management system more accessible as I mainly added the code and didn’t style the layout of it in anyway which was only down to my time limit for the project. The disappointment also was the fact that I didn’t get the featured page working as this was one of the main drawing points of the website and something that would appeal the most to people signing up to the website.
Overall I am a bit disappointed with the project, the plus point was the fact that I got a lot of the content management system working but the overall aspect of the website was not as successful as I would have liked. The overall website is only in the first process though and I intend to make the website a much better and more content heavy website in the future and with a redesign planned it should make this project something that will grab the attention of East Yorkshire enthusiasts.
For our Client Oriented Practice for Web Design project we had to create a piece of work for the Hull & East Riding Museum. This piece of work had to relate to the English Civil War which was a vital period of time in Hull during the time of 1642.
We decided that we would create a website and an iPhone app. The website would work as a timeline of information throughout the time period of 1642 - 1643. The iPhone app would work as a location based piece and would work with a map handed out by information points throughout the city of Hull.
My tasks throughout this project were:
Create the designs for our iPhone App.
Create a website design.
Research and generate content for website.
Create and design the leaflet with Chris Dunn.
All of these areas had to be covered to the best of my ability so that our project was something that the client would enjoy showing to the public. My first task throughout this project was to create a webpage design for the website. This would enable us to gain a knowledge of how each of us saw this project and how the design should appear. I created a number of designs but from my own opinion I felt that these designs were lacking and that I couldn’t quite grasp the design for this historic looking website. This was something that really disappointed me as I knew I could create a much better visual design but this isn’t always the case. In the end we used the design created by Daniel Whittaker.
Once the design phase had been completed and the website went into construction, I needed to research certain aspects of the history that Hull had in the Civil War. After Chris Dunn agreed for the English Civil War Society to come pay us a visit I then used a vast amount of books as research which they had brought in. These books became really helpful to me and I used a lot of the content that I found from these books. I also used websites for my research but they didn’t always seem 100% truthful which was a massive concern. With this in mind I solely used the books that the English Civil War Society brought in for us and this research then enabled me to start writing up the content for the website. As the content was completed and proof read it then was added onto each slide of the website.
After the website had its content I then started working with Andy Howard on the iPhone App. My role was to design the layout for each page that would be used on the app. I created the loading, secondary map and information pages. These all linked with the app as the secondary map was an old design of the current map that you see of Hull on Google Maps. The loading page displayed the websites header and logo but with a loading tab underneath it and the information pages gave information on the selected place which the user would click on when viewing the app.
As the iPhone app was in full construction I then went on to work with Chris Dunn with creating a leaflet which would interact with the app. The layout of the leaflet would have the map which was on the iPhone app and would also have 10 boxes which would enable the participant to write their codes into these selected areas once they had visited them on the map/app. With this in mind myself and Chris had to design the leaflet so that it would work well and would be easy for any viewer to access.
These have been all of the objectives that I have completed throughout this project and I feel that I have contributed well to the group and helped create a positive working environment. My only disappointment was the fact that I struggled with creating a suitable design for the website as I know that I have a better ability than what I had shown within my designs that I put forward. Other than this problem I would say that this project as a whole went very well and as an individual I was happy with the work that I produced.
