NG All projects
Case Study · 06 / 08

Durham College · Web Development

Durham College
Web Dev Program

A collaborative student recruitment landing page designed to position enrolment as a guided experience rather than a purely informational task.

01

Overview

A recruitment experience designed to engage, inform, and convert.

A collaborative web project developed to support student recruitment for Durham College’s Web Development program. The brief was approached as an end-to-end experience design challenge — focused on building clarity, trust, and engagement while helping prospective students visualise their path into the program.

As Content Researcher and Junior Design Assistant, I supported UX direction by conducting research, assisting with design exploration, and helping maintain visual consistency across assets while contributing to the overall team workflow and delivery process.

Client
Durham College
Category
Web Design · UX Leadership
Year
2026
Type
Student recruitment landing page
Team
Collaborative, multi-disciplinary
Stack
HTML · CSS · JavaScript · GSAP
02

Objectives & Challenges

Balancing clarity, credibility, and engagement.

The core challenge was designing a recruitment experience that communicated academic credibility while remaining visually engaging for a younger, digital-first audience evaluating their first major education decision.

Primary Objectives

  • Balance professional credibility with engaging visual communication
  • Structure content for fast scanning and clear decision-making
  • Make the program approachable and easy to understand
  • Maintain consistency across multiple contributors
  • Differentiate from conventional academic program landing pages

Key Challenges

  • Aligning multiple contributors under a unified design direction
  • Structuring complex program information into clear hierarchy
  • Working within tight deadlines and iteration cycles
  • Designing for conversion-focused user goals (enrolment)
  • Ensuring motion design did not impact performance or usability
03

Process

Structured process from brief to final implementation.

  1. 01

    Discovery

    Analyzed project requirements and audience goals. Defined core design principles focused on clarity, credibility, and engagement. Established initial content hierarchy and page structure.

  2. 02

    Planning

    Broke down the landing page into structured sections including hero, program overview, outcomes, showcase, and conversion points. Supported task planning and coordination across contributors.

  3. 03

    Design Development

    Contributed to visual direction by supporting layout structure, typography decisions, and consistency checks across sections. Helped establish shared design conventions for the team.

  4. 04

    Iteration

    Assisted in reviewing design consistency, identifying UI issues, and refining animation and layout behavior through feedback cycles under tight deadlines.

  5. 05

    Final Delivery

    Supported final QA checks, ensured visual consistency across sections, and contributed to the successful delivery of the recruitment landing page within deadline constraints.

04

Deliverables

Key outputs delivered.

01

UX Strategy & Information Architecture

Defined recruitment-focused UX strategy, structured information architecture, and established page hierarchy to support clarity, engagement, and conversion goals.

02

UI Direction & Design System Support

Supported visual direction through shared design conventions, component consistency checks, and alignment of UI patterns across multiple contributors.

03

Live Recruitment Landing Page

Fully developed and deployed recruitment landing page featuring responsive layouts and GSAP-based interactions, delivered within academic deadlines.

Tech Stack HTML CSS JavaScript GSAP UX Strategy Design Systems
05

Outcomes

Delivery within real-world project constraints.

0 Structured production phases completed
0 Team members aligned across deliverables
0 Fully deployed live landing page

This project strengthened my ability to operate within time-constrained, multi-contributor environments — focusing on coordination, clarity of communication, and design consistency. It reinforced decision-making under pressure while maintaining alignment with user and business goals. The final product was successfully delivered within the academic timeline.

Live Project

View the
final build.

Explore the completed Durham College Web Development recruitment landing page featuring responsive design, GSAP interactions, and collaborative execution.

Open Live Site