COURTNEY.
Web Design

To Learn English Website Redesign

Complete website overhaul for online English learning platform to improve usability and enhance engagement.

To Learn English, an online platform supporting language learners, required a complete website overhaul to better meet the needs of its global audience. The focus of this redesign was to improve usability, clarify content structure, and enhance engagement for English learners of varying skill levels. I began by addressing the site's information architecture, creating a detailed sitemap to resolve navigational issues and establish a scalable structure. From there, I designed a clean and intuitive homepage, flexible templates for both long-form and short-form content, and user-friendly navigation and category pages. To improve discoverability, I also designed a dedicated search interface and a clear, accessible results page — all optimized for clarity and ease of use. The project involved comprehensive research, competitive analysis, and iterative design to create a user-centered learning platform.

Website Redesign Process

Complete overhaul of the To Learn English platform focusing on improved usability, content structure, and user engagement for language learners worldwide.

To Learn English Website Redesign - Image 2

Original Website Analysis

Initial assessment of the existing To Learn English website, identifying usability issues, navigation problems, and opportunities for improvement in content structure and user experience.

Research & Analysis Phase

Comprehensive research including competitive analysis, user research, and information architecture planning to inform the redesign strategy.

To Learn English Website Redesign - Image 5

Competitive Analysis

In-depth analysis of competing English learning platforms, identifying best practices, user experience patterns, and opportunities for differentiation.

To Learn English Website Redesign - Image 7

Competitor Research - Primary Analysis

Detailed examination of key competitors in the English learning space, analyzing their strengths, weaknesses, and unique value propositions.

To Learn English Website Redesign - Image 9

Competitor Research - Secondary Analysis

Additional competitor research focusing on user interface patterns, content organization strategies, and engagement mechanisms.

To Learn English Website Redesign - Image 11

Competitor Research - Tertiary Analysis

Final competitor analysis examining advanced features, accessibility considerations, and innovative approaches to language learning platforms.

Information Architecture & Design

Restructuring the website's information architecture and developing intuitive design solutions for improved user experience.

To Learn English Website Redesign - Image 14

Information Architecture & Sitemap

Comprehensive sitemap development showing the restructured information architecture, navigation hierarchy, and content organization for improved user flow.

To Learn English Website Redesign - Image 16

Card Sorting Exercise

User research through card sorting exercises to understand how learners organize and categorize English learning content, informing the information architecture decisions.

To Learn English Website Redesign - Image 18

Wireframe Development

Low-fidelity wireframes showing the proposed layout structure, navigation patterns, and content organization for the redesigned website.

To Learn English Website Redesign - Image 20

Visual Design System

Comprehensive style tile establishing the visual design system, including color palette, typography, iconography, and design elements for consistent brand expression.

Final Website Implementation

Complete website redesign with improved navigation, content structure, and user experience for English language learners.

To Learn English Website Redesign - Image 23

Homepage Design

Redesigned homepage featuring improved navigation, clear content hierarchy, and engaging visual elements to welcome and guide English learners.

To Learn English Website Redesign - Image 25

Category Pages

Organized category pages showing different types of English learning content, with clear navigation and intuitive content organization.

To Learn English Website Redesign - Image 27

Content Templates

Flexible content templates designed for both long-form and short-form learning materials, ensuring consistent presentation across different content types.

To Learn English Website Redesign - Image 29

Learning Resources

Dedicated pages for learning resources, exercises, and educational content with improved readability and user engagement features.

To Learn English Website Redesign - Image 31

Interactive Elements

Interactive learning components and user engagement features designed to enhance the learning experience and maintain user interest.

To Learn English Website Redesign - Image 33

Advanced Features

Advanced website features including user accounts, progress tracking, and personalized learning experiences for enhanced user engagement.

To Learn English Website Redesign - Image 35

Search Interface Design

Redesigned search functionality with improved interface, clear results display, and enhanced discoverability for finding specific learning content.

To Learn English Website Redesign - Image 37

Search Results Page

Optimized search results page with clear content categorization, filtering options, and user-friendly result presentation for efficient content discovery.

Website Demo

Interactive demonstration of the complete redesigned website showcasing all features and user experience improvements.

Complete Website Walkthrough

Full demonstration of the redesigned To Learn English website, showing navigation flow, content organization, search functionality, and user experience improvements.

Project Details

Client

To Learn English

Role

UX/UI Designer

Year

2024

Category

Web Design