A website for ‘best small independent school’.

A Wordpress based website for a London private school Hampton Court House.


A website for ‘best small independent school’.
A website for ‘best small independent school’.A website for ‘best small independent school’.A website for ‘best small independent school’.A website for ‘best small independent school’.

One of the website's objectives was to create a service that encompasses targeted business goals and informative functions for staff and pupils.


A website for ‘best small independent school’.
A website for ‘best small independent school’.A website for ‘best small independent school’.A website for ‘best small independent school’.A website for ‘best small independent school’.

Designed with 'mobile first' principle website provides easy access to important information on all devices.


A website for ‘best small independent school’.
A website for ‘best small independent school’.A website for ‘best small independent school’.A website for ‘best small independent school’.A website for ‘best small independent school’.

A website for ‘best small independent school’.
A website for ‘best small independent school’.A website for ‘best small independent school’.A website for ‘best small independent school’.A website for ‘best small independent school’.

People's profiles can be collated and organised by the visitor depending on their needs. On the back-end it is easy to embed a virtual 'business card' of a person on any page of the website.


A website for ‘best small independent school’.
A website for ‘best small independent school’.A website for ‘best small independent school’.A website for ‘best small independent school’.A website for ‘best small independent school’.

News (blog) have been designed to fit well on small screens. A longer HTML documents are automatically split or trimmed and appropriate links generated in the back-end.

Landing pages are identified by their hero images which are kept consistent with navigation boxes.


A website for ‘best small independent school’.
A website for ‘best small independent school’.A website for ‘best small independent school’.A website for ‘best small independent school’.A website for ‘best small independent school’.


A website for ‘best small independent school’.
A website for ‘best small independent school’.A website for ‘best small independent school’.A website for ‘best small independent school’.A website for ‘best small independent school’.

Touch and mouse optimised, scrollable media galleries can be integrated into page-flow, no need of pop-up boxes.






A website for ‘best small independent school’.
A website for ‘best small independent school’.A website for ‘best small independent school’.A website for ‘best small independent school’.A website for ‘best small independent school’.

Edge-to-edge design on not-so-rectangular screens.

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.


A website for ‘best small independent school’.
A website for ‘best small independent school’.A website for ‘best small independent school’.A website for ‘best small independent school’.A website for ‘best small independent school’.

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


A website for ‘best small independent school’.
A website for ‘best small independent school’.A website for ‘best small independent school’.A website for ‘best small independent school’.A website for ‘best small independent school’.

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


A website for ‘best small independent school’.
A website for ‘best small independent school’.A website for ‘best small independent school’.A website for ‘best small independent school’.A website for ‘best small independent school’.

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.


A website for ‘best small independent school’.
A website for ‘best small independent school’.A website for ‘best small independent school’.A website for ‘best small independent school’.A website for ‘best small independent school’.

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.


A website for ‘best small independent school’.
A website for ‘best small independent school’.A website for ‘best small independent school’.A website for ‘best small independent school’.A website for ‘best small independent school’.

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.


A website for ‘best small independent school’.
A website for ‘best small independent school’.A website for ‘best small independent school’.A website for ‘best small independent school’.A website for ‘best small independent school’.

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


A website for ‘best small independent school’.
A website for ‘best small independent school’.A website for ‘best small independent school’.A website for ‘best small independent school’.A website for ‘best small independent school’.

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.


A website for ‘best small independent school’.
A website for ‘best small independent school’.A website for ‘best small independent school’.A website for ‘best small independent school’.A website for ‘best small independent school’.


Website's search have been optimised so even misspelled words trigger the appropriate results.


A website for ‘best small independent school’.
A website for ‘best small independent school’.A website for ‘best small independent school’.A website for ‘best small independent school’.A website for ‘best small independent school’.

Website's search have been optimised so even misspelled words trigger the appropriate results.



Sitemap has two different views – one for the public and the other one for website contributors and maintainers.


A website for ‘best small independent school’.
A website for ‘best small independent school’.A website for ‘best small independent school’.A website for ‘best small independent school’.A website for ‘best small independent school’.