HCH School Website

Website design and development for an independent school at Hampton Court House.


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


A service that communicates organisation’s values and culture as well as establishes brand identity.


Built with ‘mobile first’ pattern.





Bespoke staff profiles functionality. A shortcode allows for quick embedding on any page.


News feed on a small screen.

Hero images and box-links.


Every section or page can have unique style and/or functionality.


Media galleries are optimised for touch, mouse and keyboard input.



Above and below-the-fold CTAs.







The ‘Diary’ section is synced with the organisation’s Claris (FileMaker) system.


‘Emails to Parents’ are published on the website, too, so they can be indexed by the search engines.


Multiple ‘Open Days’ events can be selected, then only a single registration form needs to be submitted.


Scheduling of Open Days is as simple as creating a blog post.


Custom types and Navigation menus have been designed according to usability and security principles.






A standard WordPress tags can be used to improve website’s internal search. This way even miss-spelled queries render relevant results.


Search results show additional information with type of the article whenever it may be helpful.



Two different views for the sitemap, simplified for public and extended for logged-in users.


A special, emergency notice can be easily added or removed. It appears on every article, right below the main menu.