Grimsby Institute | HNC Campaign Page​

As part of a project for The Grimsby Institute, I was given the responsibility of bringing a set of approved designs to life in the form of a promotional landing page for their Higher National Certificate (HNC) courses. The goal of this page was to act as a dedicated marketing tool helping prospective students easily understand the available HNC options and encouraging them to apply or find out more. The designs were already signed off, so my role was focused on executing them faithfully while also handling all the technical aspects of development.

To build the page, I used the Elementor page builder within WordPress, working within a relatively restricted environment. One of the main challenges was the limited backend access to global theme settings. This made it difficult to make site-wide adjustments to the header, navigation and footer. To overcome this, I implemented targeted CSS overrides, effectively ‘forcing’ style updates in areas where standard theme or Elementor controls were unavailable. This allowed me to match the navigation bar and footer components with the new HNC page’s colour scheme and design language, keeping the entire user journey visually consistent.

A key interactive feature on the page and the most technically demanding one was the hover effect applied to the tiles near the top of the layout. This effect causes each tile to subtly enlarge when hovered over, providing a smooth, responsive interaction that draws attention and encourages exploration. Recreating this effect required custom CSS and fine-tuning to ensure performance remained smooth across devices. Despite being a small detail, it added a level of polish that helped elevate the professionalism of the page and reinforced the Institute’s brand as modern, accessible and student-focused.

In addition to these features, I ensured the entire page was fully responsive and tested it across multiple devices and browsers. The final result is a clean, functional and visually compelling landing page that effectively markets the Institute’s HNC courses and improves the user experience. You can view the live page here.