Website for ‘best small independent school’.

A website for a private school Hampton Court House.


Website for ‘best small independent school’.
Website for ‘best small independent school’.Website for ‘best small independent school’.Website for ‘best small independent school’.Website for ‘best small independent school’.

The main goal was to create a service that encompasses targeted business goals and informative functions for staff and pupils.


Website for ‘best small independent school’.
Website for ‘best small independent school’.Website for ‘best small independent school’.Website for ‘best small independent school’.Website for ‘best small independent school’.

Website for ‘best small independent school’.
Website for ‘best small independent school’.Website for ‘best small independent school’.Website for ‘best small independent school’.Website for ‘best small independent school’.

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


Website for ‘best small independent school’.
Website for ‘best small independent school’.Website for ‘best small independent school’.Website for ‘best small independent school’.Website for ‘best small independent school’.

Website for ‘best small independent school’.
Website for ‘best small independent school’.Website for ‘best small independent school’.Website for ‘best small independent school’.Website for ‘best small independent school’.

Staff profiles lists can be filtered on the front-end by a visitor. On the back-end it is easy to embed a virtual ‘business card’ of a person on any page or post of the website.


Website for ‘best small independent school’.
Website for ‘best small independent school’.Website for ‘best small independent school’.Website for ‘best small independent school’.Website for ‘best small independent school’.

News/blog feed have been designed to fit well on small screens. A longer HTML documents are automatically split or trimmed and appropriate links generated in the front-end. (utilising PHP's handy DOM functionality)

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


Website for ‘best small independent school’.
Website for ‘best small independent school’.Website for ‘best small independent school’.Website for ‘best small independent school’.Website for ‘best small independent school’.


Website for ‘best small independent school’.
Website for ‘best small independent school’.Website for ‘best small independent school’.Website for ‘best small independent school’.Website for ‘best small independent school’.

Touch/mouse/keyboard optimised media galleries have been developed to provide more streamlined browsing experience. They seamlessly integrate into page-flow.



Main CTA content adjusts to the shape and size of the screen.




Website for ‘best small independent school’.
Website for ‘best small independent school’.Website for ‘best small independent school’.Website for ‘best small independent school’.Website for ‘best small independent school’.

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


Website for ‘best small independent school’.
Website for ‘best small independent school’.Website for ‘best small independent school’.Website for ‘best small independent school’.Website for ‘best small independent school’.

Edge-to-edge design throughout the whole website.

The School Diary is an important and informative feature. It is automatically synced with the organisation’s Claris (FileMaker) system and published on the website with appropriate Google calendar links.


Website for ‘best small independent school’.
Website for ‘best small independent school’.Website for ‘best small independent school’.Website for ‘best small independent school’.Website for ‘best small independent school’.

A special mailbox is synced with the website, too. Emails with various informations e. g. upcoming events, trips etc. are indexed with website's search facility to provide easy access.


Website for ‘best small independent school’.
Website for ‘best small independent school’.Website for ‘best small independent school’.Website for ‘best small independent school’.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.


Website for ‘best small independent school’.
Website for ‘best small independent school’.Website for ‘best small independent school’.Website for ‘best small independent school’.Website for ‘best small independent school’.

Open Days dates are set as scheduled rather than published – with this little Wordpress trick they are automatically hidden from the front-end when the schedule date passes.


Website for ‘best small independent school’.
Website for ‘best small independent school’.Website for ‘best small independent school’.Website for ‘best small independent school’.Website for ‘best small independent school’.

Even though the website is complex and highly customised, the back-end doesn't feel overloaded. It mostly relies on the native Wordpress functionality avoiding messy 3rd-party plugins. Custom types are used to clearly define different content; unsafe items have been removed and disabled to strengthen security; the admin panel has been stripped from any unnecessary elements to improve clarity in the UI.


Website for ‘best small independent school’.
Website for ‘best small independent school’.Website for ‘best small independent school’.Website for ‘best small independent school’.Website for ‘best small independent school’.

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


Website for ‘best small independent school’.
Website for ‘best small independent school’.Website for ‘best small independent school’.Website for ‘best small independent school’.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.


Website for ‘best small independent school’.
Website for ‘best small independent school’.Website for ‘best small independent school’.Website for ‘best small independent school’.Website for ‘best small independent school’.


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


Website for ‘best small independent school’.
Website for ‘best small independent school’.Website for ‘best small independent school’.Website for ‘best small independent school’.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.


Website for ‘best small independent school’.
Website for ‘best small independent school’.Website for ‘best small independent school’.Website for ‘best small independent school’.Website for ‘best small independent school’.