‘Hampton Court House Website’

Website for ‘best small independent school’.


‘Hampton Court House Website’‘Hampton Court House Website’‘Hampton Court House Website’‘Hampton Court House Website’‘Hampton Court House Website’

Website's objective of generating more business overlaps with the informative functions that serves the staff and the pupils.


‘Hampton Court House Website’‘Hampton Court House Website’‘Hampton Court House Website’‘Hampton Court House Website’‘Hampton Court House Website’

Designed with 'mobile first' principle.


‘Hampton Court House Website’‘Hampton Court House Website’‘Hampton Court House Website’‘Hampton Court House Website’‘Hampton Court House Website’

‘Hampton Court House Website’‘Hampton Court House Website’‘Hampton Court House Website’‘Hampton Court House Website’‘Hampton Court House Website’

Teacher's profile gallery are among the most visited pages.


‘Hampton Court House Website’‘Hampton Court House Website’‘Hampton Court House Website’‘Hampton Court House Website’‘Hampton Court House Website’

Expandable containers make related content easily accessible without getting in the way.

Hero images are the organising element, consistent with navigation boxes they are clearly identify the website's sections.


‘Hampton Court House Website’‘Hampton Court House Website’‘Hampton Court House Website’‘Hampton Court House Website’‘Hampton Court House Website’

The over-the-edge layout was inspired by typical in print ‘bleed’ technique. It eases the boxiness and uses space more efficiently.


‘Hampton Court House Website’‘Hampton Court House Website’‘Hampton Court House Website’‘Hampton Court House Website’‘Hampton Court House Website’

Media galleries integrated into page-flow eliminate the need of light-boxes. Browsing a page full of media content with less interruptions helps to enhance the user experience.



Smart grids and responsive content-flow shapes the user interface so it always feels ‘just right for a device’.




‘Hampton Court House Website’‘Hampton Court House Website’‘Hampton Court House Website’‘Hampton Court House Website’‘Hampton Court House Website’

Navigation menus are tailored to screen size and device's capabilities.

The Diary is automatically pulled from FileMaker and published on the website so the staff and the parents can update their personal calendars with a touch of a virtual button.


‘Hampton Court House Website’‘Hampton Court House Website’‘Hampton Court House Website’‘Hampton Court House Website’‘Hampton Court House Website’

Selected mailboxes are automatically published on the website to ensure that relevant messages are available to public and searchable.


‘Hampton Court House Website’‘Hampton Court House Website’‘Hampton Court House Website’‘Hampton Court House Website’‘Hampton Court House Website’

Homepage's primary and secondary CTA are emphasised with the dominant colour.


‘Hampton Court House Website’‘Hampton Court House Website’‘Hampton Court House Website’‘Hampton Court House Website’‘Hampton Court House Website’

Multiple Open Days can be selected together making it easier for prospective parents to book their chosen dates. A relevant CTA is always visible in the top navigation, even on small screens.


‘Hampton Court House Website’‘Hampton Court House Website’‘Hampton Court House Website’‘Hampton Court House Website’‘Hampton Court House Website’

In the back-end the Open Days can be scheduled just as normal posts, they are removed automatically in the front-end when the date passes.


‘Hampton Court House Website’‘Hampton Court House Website’‘Hampton Court House Website’‘Hampton Court House Website’‘Hampton Court House Website’

Even though the website is quite large and complex the back-end has been designed to be relatively simple, relying on as much on the native Wordpress functionality as possible. Custom types define different functional sections; potentially unsafe settings have been disabled for clarity and also security reasons. The admin panel has been stripped from any unnecessary elements.


‘Hampton Court House Website’‘Hampton Court House Website’‘Hampton Court House Website’‘Hampton Court House Website’‘Hampton Court House Website’

The Vacancies are one of the custom types with their unique metadata and formatting.


‘Hampton Court House Website’‘Hampton Court House Website’‘Hampton Court House Website’‘Hampton Court House Website’‘Hampton Court House Website’

The Our People custom type is used to manage staff profiles and have some special functionality built-in such as ability to insert any profile on any page and customisation of the details shown in those inserted instances.


‘Hampton Court House Website’‘Hampton Court House Website’‘Hampton Court House Website’‘Hampton Court House Website’‘Hampton Court House Website’


Tagging any content. Adding tags to any article, person't profile or post makes it show-up on top of the search results. Those tags aren't visible for search engines such as Google so it is possible to add any, even commonly misspelled keywords without any impact on SEO.


‘Hampton Court House Website’‘Hampton Court House Website’‘Hampton Court House Website’‘Hampton Court House Website’‘Hampton Court House Website’

Local search results have been tailored to the website's purpose and audience with the underlying hierarchy governing the order of shown results and additional, helpful information such as post type and the dates of found articles.



The site-map shows useful additional information only for logged-in website maintainers. The sorting by any column can be applied by clicking on tabs of the table.


‘Hampton Court House Website’‘Hampton Court House Website’‘Hampton Court House Website’‘Hampton Court House Website’‘Hampton Court House Website’