Final Designs – Home Page

These are the final designs for the site homepage created in Adobe Photoshop CS6. They are shown as the user would view them when scrolling down the homepage.

CaravanDesktop

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

Advertisements

Adobe Premiere Pro CS6 – Website Video

I thought it would be good to include a video on the website which showed an example of a day from sunrise to sunset staying on the campsite.  I wanted to include some of the activities and places visitors can visit and experience and make it engaging so visitors to the site will .

I used Adobe Premiere Pro CS6 to do this due to time constraints of the project I feel I have only been able to learn the basics but will continue to develop my skills and the video further as the site will be a live website for Corner House Caravan and Camp Site.

It was interesting learning how to cut, add music and stabilise my video clips and then joining the clips together to make the video.

Screen Shot 2016-05-14 at 17.31.02premiere-splash-large

Enhancing Photography – Adobe Photoshop CS6

Whilst experimenting with photography for the site I quickly realised it’s quite difficult to get the perfect picture with the correcting lighting and focus.  I learnt that there are two ‘golden hours’ the hour after sunrise and the hour before sunset when it is thought on a sunny day, the warm, diffused light at these times can transform your photos.  As it is not always easy to be taking photographs at these times I researched how using Adobe Photoshop CS6 I could transfer photographs to give them a different feel using filters and lens flares.

The images of the same photograph below show how I used curves and lens flares to alter the tone of each image.  I used these new techniques I learnt to enhance the photographs I used on the website.

bike3 bike2 bike1

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

Through my research I found this article which helped when developing the images for the website: Emotion and hotel websites

Written by Martin Soler he believes – In choosing, hotels which I though similar to caravan sites guests will try to make a rational decision based on the three Ps:

  • Place
  • Product
  • Price

But the one factor that will affect the decision despite rational decision is emotion. With a great emotional impact hotels can pull guests beyond a purely rational decision.

Great photography is great emotion

To deliver a high emotional impact, a hotel must have great photography.

Here is an example of emotional impact in good photography.

This:

Or this:

 

 

 

 

Copyright Material – Images, Music and Sounds

When developing my site I was aware that the images, music and sounds I use in the video if not created by myself then I would need permission to use them.

I wanted to develop the site using my own photography but realised as the project developed this would take longer than originally thought when trying to capture that perfect shot or video clip.

I looked for inspiration on Unsplash for my images as these are not covered by copyright regulations.  The Unsplash license allows for their photographs to be used for any purpose — both commercial and personal.

Screen Shot 2016-05-12 at 10.51.36

 

 

 

 

 

Creative Commons Zero http://creativecommons.org/publicdomain/zero/1.0/

Screen Shot 2016-05-12 at 10.52.12

 

 

 

 

 

 

I looked for inspiration on Unsplash, I didn’t want to include these on the actual website as they are stock photographs and not unique and do not directly connect with the website that I am developing and could negatively impact on the user experience.

Copyright – what exactly do i need permission for:
Screen Shot 2016-05-12 at 10.29.56

You need permission from the people who wrote the music (composers, lyricists and music publishers) and the people who performed and recorded it (performers and record labels). This means you might need to contact more than one organisation to get permission to use music depending on how you want to use it.

Screen Shot 2016-05-12 at 10.29.49

 

 

 

 

 

 

Screen Shot 2016-05-12 at 10.29.20

You need permission from the person who created the image, a photographer, artist or illustrator or an agency that legitimately represents the copyright holder.

Screen Shot 2016-05-12 at 10.29.08

 

 

 

 

 

 

Screen Shot 2016-05-12 at 10.31.36

 

 

 

The website ‘The Copyright Hub’ helped when researching this and how copyright relates to my own work: http://www.copyrighthub.co.uk/get-permission

 

 

 

Seasonal Images and Colours

Once the website has been completed and goes live I plan to change the images periodically but to also take a ‘seasonal’ approach and make changes to the images on the site according to the seasons; I feel this is important as the site is all about outdoor living and spending time in the countryside.    I plan to focus particularly on the homepage which site visitors see first and hopefully this way I will be able to capture the essence of the seasons with engaging images i.e. summer with an aim to evoke feelings of sunshine, freshness and nature and engage with site visitors more.  By doing this I hope to also build site visitor/user trust as they will see the site is maintained regularly, hopefully it will also improve the site visitor/user experience of your website.

Winter

Sheep 2

photo-1453235421161-e41b42ebba05

 

 

 

 

 

 

 

Spring

Screen Shot 2016-05-05 at 19.03.11

photo-1428992858642-0908d119bd3e

 

 

 

 

 

 

 

 

Summer

 

summer summer1

 

 

 

 

 

 

 

 

Autumn

AUTUMN

photo-1445887374063-34abd495852c

 

Booking System – Creating/Maintaining Calendars

Booking Calender

So potential guests can book pitches online I needed to set up a calendar for each pitch to show availability, there are 5 pitches in total.  This was done by selecting the WPBooking plugin on the wordpress menu and then simply ‘add new’:

Screen Shot 2016-04-21 at 18.53.55

Screen Shot 2016-04-21 at 18.54.05

 

 

 

 

 

 

From here each pitch was given a name and bookings already made for this pitch where added:

Screen Shot 2016-04-21 at 18.54.33

Screen Shot 2016-04-21 at 19.04.03

 

 

 

 

 

 

 

 

 

 

I amended the colour of the booking states to fit more with the designs and colours used on the site, see below:

Screen Shot 2016-04-21 at 19.19.14

 

 

 

 

 

 

 

 

Booking Form

Once the calendars were set up I created a booking form (see below) which will appear under each calendar on the booking screen, potential visitors can then select the days they would like to stay and submit their request with their name and email address.  I created each field which would appear and was interested to find out that there was an email field type, the booking form plugin validates and checks the email address is entered correctly.

Screen Shot 2016-04-21 at 19.47.39

 

This is a screen shot of the creation of the booking form and the field the of the email address, the name field above is a text field.  Both are required entries.

 

 

 

 

 

 

 

Screen Shot 2016-04-21 at 19.56.08

 

These are all the fields on the booking form with the relevant field types

 

 

 

 

 

 

staff