ABOUT

Ideas + ResearchGenerating Ideas of the rough pages needed on the website:
SEO - Search Engine Optimisation:
Main website tabs at the top. Underneath are the individual pages related to that tab:
HOME TAB:
HOLIDAY COTTAGES TAB:
HOLIDAY COTTAGES TAB CONTINUED:
PHOTOGRAPHS FOR EACH TAB:
LOW FIDELITY WIREFRAMES:
HOLIDAY COTTAGES WIREFRAME LAYOUT:
​​​​​​​HIGH FIDELITY WIREFRAMES:
Information Architecture in High Fidelity Wireframe Format:
Considering colour combinations:
Examples of my hand-drawn Low-Fidelity Wireframes in previous section now converted to High-Fidelity Wireframes using Wix. The image below will be buttons, but at this stage they are just images and designs for potential buttons that will later link with their connecting pages:
Users clicked on the below buttons to test the links connected correctly with the corresponding pages (Holiday Cottages button didn't connect with the main holiday cottages page during first testing, so I altered this so that it did):
Testing the picture slider and drop down's work as they should on the Home Tab - and they do! Only problem on the picture slider was that some of the images were taking a while to load on the website. I lowered the file size for some by Zipping them, but ensured that the quality remained, and they did. For those few where quality was lost, I switched them to other appropriate photographs to ensure smooth transitioning.
BOOKINGS PAGE:I printed the Bookings Page out so that feedback could be handwritten. I then made changes to the Prototype using the paper copy as reference, which made the process easier for me.I then asked family, friends and other users to make a 'Test Booking' and to try out various different alternatives, to check that the booking system worked correctly. I made a couple of changes throughout the testing process and adapted it according to the feedback received for a smooth and efficient booking experience.
Below is my task list that I referred to and ticked off as I went along, to help me keep track of my progress:
IDEA GENERATION:
WIREFRAMES:
INFORMATION ARCHITECTURE:
PROTOTYPES: