Capital School

Language Learning
Cardiff, Wales, UK
Industry
Education
Year
2022
Services
UX/UI Research & Website Redesign, Information Architecture, Visual Design & Prototyping, Responsive Development, Content Structuring & Optimization

Project Context

Capital School of English, based in Cardiff, Wales, is a long-established language school offering a wide range of English courses for international students. The website redesign aimed to modernize its digital presence and improve accessibility for a global audience.

Objective

The previous site lacked clarity and organization, making it difficult for users to find course details and understand the full scope of services. It also needed stronger visual appeal to represent the school’s international reputation.

Gif
Problem

The previous site lacked clarity and organization, making it difficult for users to find course details and understand the full scope of services. It also needed stronger visual appeal to represent the school’s international reputation.

Gif
Solution

A complete UX/UI redesign focused on structured information architecture, improved navigation, and dynamic visual elements that highlight courses, programs, and testimonials while enhancing user experience.

Testimonials

"The design of the new Capital School of English website has transformed the user experience by optimizing navigation and content flow. The platform effectively highlights the school’s key services, such as General English courses, IELTS preparation, and Junior Summer Programs, reflecting the welcoming and professional environment that defines the school. Now, Capital School has a digital presence that captures its commitment to educational quality and cultural exchange."

Amin Kiddy
Head of Communications

"The design of the new Capital School of English website has transformed the user experience by optimizing navigation and content flow. The platform effectively highlights the school’s key services, such as General English courses, IELTS preparation, and Junior Summer Programs, reflecting the welcoming and professional environment that defines the school. Now, Capital School has a digital presence that captures its commitment to educational quality and cultural exchange."

Amin Kiddy
Head of Communications

Design & Develeopment Process

Research & Analysis

Briefing

Competitors Analysis

UX Analysis

Definition of User Persona

Wireframing & Testing

Userflow & Sitemap

Lo-Fi & Hi-Fi Wireframes

Clickable Prototype

Usability Testing

High Fidelity & Hand-Off

Branding

UI & UI-Kit

Responsive Design

High Fidelity Prototype

Usability Testing

Hand-off to Development

Development & Launch

CMS implementation (WordPress-Elementor / Shopify / Webflow)

CMS Configuration

Responsive Optimization

SEO Improvements (optimized content & images)

Final Testing & QA

Final Project Deployment

Design Process

Research & Analysis

Briefing

Competitors Analysis

UX Analysis

Definition of User Persona

Wireframing & Testing

Userflow & Sitemap

Lo-Fi & Hi-Fi Wireframes

Clickable Prototype

Usability Testing

High Fidelity & Hand-Off

Branding

UI & UI-Kit

Responsive Design

High Fidelity Prototype

Usability Testing

Hand-off to Development

Color Palette

Typography

Brand Identity

User Persona

Age:
Location:
Marital Status:
Role:

Current Situation

Motivations

Frustrations

Goals & Objectives

Logo

Before
After

Lo-Fi Wireframes

Previous Design

The Revamped Experience

The new design combines modern typography, bold color blocks, and clear layouts that make course information easy to browse. It balances professionalism and vibrancy, reflecting the school’s academic credibility and friendly atmosphere.

Key Features & 
Improvements Implemented

Each section of the redesigned website was carefully structured to enhance usability, highlight essential information, and create a cohesive digital experience aligned with the school’s identity and audience needs.

Clear Course Details

Each course type has a dedicated page with detailed information, including curriculum, duration, and benefits.

Quick Navigation

Added a sticky menu and dropdowns for easy access to popular sections like “View Courses” and “Accommodation Options.”

Interactive Map

An interactive map showcasing nearby attractions and the proximity to Cardiff city center enhances the appeal for potential students.

Testimonials Section

A dedicated section with student testimonials builds trust and gives new visitors insight into the school experience.

Creating an Intuitive and Efficient Digital Experience

User Flows

Visual Design

Conclusion

The redesign improved usability, boosted course inquiries by 25%, and strengthened the school’s online image as a trusted destination for English education and cultural exchange.