The Design Process

Get the site layout you want easily...

How the design process works:

Take a look at the various aspects of the design process on the page below and start to get an idea of what you would like your website to have - logo & menu position, colours, fonts etc and when you are ready, fill in our online form here to let us know what you would like, so that we can commence with your website build!

The Website Layout...full width or boxed?

boxed site

Full Width Site

The above photo shows a full width layout, where the content's text and photos fill the width of the screen.

boxed-layout

Boxed Site

The above photo shows a boxed layout, where the content's text and photos do not go the full width, and you have a site background (which can be a photo, pattern or a colour).

Header Position

left menu

Side Menu

Logo and Menu are on the left. There is also the option of adding a Book Online button and contact details below the menu.

top menu

Top Menu

Logo and menu are at the top of the screen. Includes space for Call To Actions and contact telephone number

Logos

Choose from:

text logo

Text Logo

Text logo (using the same font as what you wish to use for your Headings)

logo-small

Use Your Own Logo

Provide us with your own logo - we require this to be good quality and in jpeg, png or gif format.  We will match your website colours with those of your logo.

Website Colours

You can provide us with some photos which contain the range of colours you think best suit your website.

Hover over the colour palettes at the bottom of the pictures to see the 6 digit colour codes.

Another great place to get perfect colours are Farrow & Ball's website. You can simply let us know the names of the colours you would like us to use.

[colorpalette attachment="7379" dominant="false" colors="6" size="thumbnail"]
[colorpalette attachment="7378" dominant="false" colors="6" size="thumbnail"]
[colorpalette attachment="7380" dominant="false" colors="6" size="thumbnail"]

Fonts

Fonts are quite important - they can really make a difference to what effect you are going for!

You can choose from any standard web font as well as any of the 800 Google fonts

Recommended Title / Headings Fonts

Dancing Script

Homemade Apple

Reanie Beanie

Raleway

Indie Flower

Nothing You Could Do

Caveat

Fredericka the Great

Meie Script

Cinzel Decorative

Recommended Content Fonts

(This is the normal text that all your website paragraphs will be in)

Muli

"Apparently we had reached a great height in the atmosphere, for the sky was a dead black, and the stars had ceased to twinkle."

Roboto

"Apparently we had reached a great height in the atmosphere, for the sky was a dead black, and the stars had ceased to twinkle."

Arial

"Apparently we had reached a great height in the atmosphere, for the sky was a dead black, and the stars had ceased to twinkle."

Droid Serif

"Apparently we had reached a great height in the atmosphere, for the sky was a dead black, and the stars had ceased to twinkle."

Raleway

"Apparently we had reached a great height in the atmosphere, for the sky was a dead black, and the stars had ceased to twinkle."

Open Sans Condensed

"Apparently we had reached a great height in the atmosphere, for the sky was a dead black, and the stars had ceased to twinkle."

Website Sections

The below sections can be mixed and matched within your pages...

As a rule of thumb - we consider 1 section to be what you can see on a computer screen; so some of the smaller sections you see below can have more content added eg additional photos etc.

section1
gallery
text left list right
2 columns text with 2 pics underneath
2 columns 1 pic
icon list
book info box and icon list

The above sections are just examples; we can create any layout to suit your needs.

We can also look at your text and photos and suggest the best layouts to suit your needs.

Parallax Sections

These are very special sections that can be used to separate other sections on a page. Notice how the text moves over the static background photo? This is called the "Parallax" effect.

Global Sections

We also can add Global Sections that are identical, and can be added to every (or selected) page.

These global areas only need updating in one area, and will update all pages simultaneously with the revised changes.

testimonial-slider

Testimonials Slider

Testimonial Slider - Show your 3 best testimonials (you can add more yourself) on every page (or selected pages).

awards

Awards

Awards - show your awards at the bottom of each page; such as Tourism gradings, Cyclists, Families or Pets welcome, Tripadvisor awards etc.

CTA global2

A Call To Action

A Call To Action - show a larger call to action eg - guiding your site visitors to Book Online etc.

Ready to let us know what you want for your design?

When you are have decided what you would like; simply let us know via the form below.

Sign Up to Our Newsletter

Receive tips on how to market your accommodation as well as receive great discounts and hear about our latest offers!

WE GAVE AWAY OVER £2000 LAST YEAR IN OFFERS & DISCOUNTS

Register to receive our latest offers & top tips
Something went wrong. Please check your entries and try again.

Top of page