Tuesday, 24 May 2011

Firefly Website

 The pages I am going to mock up are the Home Page, Book a Table, Customer Reviews and the Contact Page.
Here is a mock up of the Home Page. In this design I used the fading pattern gradient rather than the large wing pattern. And some white space. I prefer this it has a more fresh look. I also added a rollover button, shown here on the Navigation on the Home Button, which changes from Black Regular Baskerville type, to White SemiBold Baskerville in a purple box with the wing pattern.

 This is the Customer Reviews page were they can enter their code from the business card, and receive their voucher. I have kept a simple grid to keep the process simple and clear. This allows them to select a rating for each. The rollover button is shown again on the 'Customer Review' Button.
I then created the same page with the split composition to keep to pages consistent. I think this will work better:
The online booking system uses 3 pages and you are directed through them whilst making a booking, The first page asks for the party size, date and time the customer would like to make a booking. The next page then offers availability on that date, and offers alternative times. The final page then asks for the customer details and booking confirmation 
Page 1:

Page 2:

Page 3:

Contact Page:
This page includes the address, phone number, fax number, email, opening times, and a location map:


No comments:

Post a Comment