Creating Clearer Pathways to Careers, Events and News. Xelium Ltd worked with Bristol Post 16 to redesign the way careers, events and news content was presented across the website. Previously, Bristol Post 16 used a combined “Careers and Events” listing page. As the amount of content grew, this made it increasingly difficult for visitors to find the information most relevant to them.

Careers opportunities, upcoming events and general news were all grouped together, creating a cluttered experience and reducing the visibility of important posts. To solve this, Xelium designed and developed three dedicated listing pages:

• Careers
• Events
• News

These pages were linked directly from the main navigation and created clear, separate pathways for the different types of content. The project also included:

• Streamlining 67 existing post categories into three clear top-level categories
• Adding automatic post expiry for time-sensitive opportunities
• Integrating the Bristol Post 16 Instagram feed
• Adding multilingual support with automatic page translation

The completed development provides a much clearer experience for students, school leavers and young people using the site.

1. Careers Page

Link: https://www.bristolesl.com/bristolpost16/careers/

The Careers page was created to provide a dedicated space for job opportunities, training opportunities and careers-related posts.

A More Focused Careers Experience

The page opens with a large hero image and introductory section explaining what visitors can expect to find. A short supporting statement and motivational quote help reinforce the page’s purpose and encourage young people to explore the opportunities available. This immediately gives the page a much stronger identity than the previous mixed-content approach.

Dedicated Careers Listings

Below the introduction, the page features a dedicated listing of the latest Careers posts. This allows Bristol Post 16 to publish careers opportunities in one clear location, making them easier for visitors to find. The page displays the most recent careers posts and can easily be expanded as new content is added.

The improved structure means that:

• Careers posts are no longer hidden among unrelated content
• Visitors can quickly scan current opportunities
• The page is easier to manage and update

Instagram Feed Integration

A key feature of the Careers page is the integration of the Bristol Post 16 Instagram feed. Xelium installed and configured an Instagram feed section to display the latest posts directly on the page. Depending on the available layout space, this feed can appear either:

• As a full-width section
• Within a sidebar alongside the careers listings

The Instagram integration helps create a stronger connection between the website and Bristol Post 16’s social media activity. It also provides several benefits:

• Encourages website visitors to follow the Instagram account
• Brings social media content directly into the website
• Keeps the page feeling more active and regularly updated
• Provides another way to highlight careers opportunities and success stories

Automatic Expiry for Careers Posts

Many careers posts include application deadlines. To avoid showing outdated opportunities, Xelium implemented an automatic expiry system. This allows Bristol Post 16 to set an end date for a careers post. Once the deadline has passed, the post automatically changes from Published to Draft status. This means:

• Expired opportunities are removed automatically
• Visitors only see relevant and current posts
• Staff spend less time manually managing older content

This small feature significantly improves the quality and reliability of the Careers page.

2. Events Page

Link: https://www.bristolesl.com/bristolpost16/events/

The Events page was designed to create a dedicated space for Bristol Post 16 events and activities. Previously, event information was mixed in with other content, making it harder for users to identify what was happening and when.

Hero Section and Strong Introduction

The page begins with a hero image and short introduction explaining the purpose of the page. A supporting statement and quote help make the page feel more engaging and audience-focused. The visual design follows the same layout and colour palette as the rest of the Bristol Post 16 website, maintaining a consistent corporate identity.

Featured Latest Event

One of the most useful features of the Events page is the dedicated “Latest Event” section. This section highlights the most recent or most important event in a larger, more prominent format. This ensures that key events do not get lost within the wider listing. The latest event can easily be controlled by adjusting the published date of the relevant post. This gives the Bristol Post 16 team a simple and flexible way to decide which event should receive the most visibility.

Event Listing and Pagination

Below the featured event, the page includes a listing of the latest Events posts. The page displays the most recent event posts in a clear, easy-to-read format. Pagination was added so visitors can continue to browse older event posts without overwhelming the page with too much content at once. This provides:

• A cleaner page layout
• Better performance
• Easier browsing for visitors

The Events page therefore acts as both a current events page and an archive of previous activities.

Expiring Old Events Automatically

Just as with the Careers page, the Events page includes automatic post expiry. This is especially important for events because many of them are time-sensitive. Once an event date has passed, the associated post can automatically be moved to Draft. This helps ensure the page always reflects current and relevant information.

3. News Page

Link: https://www.bristolesl.com/bristolpost16/news/

The News page was added as a completely new content area to give Bristol Post 16 a dedicated place to publish updates, announcements and success stories.

A New Space for News and Updates

The page opens with a hero image and introductory section explaining the type of content visitors will find. The design mirrors the Careers and Events pages so that all three sections feel connected.This consistency is important because it helps users move between sections of the website more easily.

Featured Latest News Story

As with the Events page, the News page includes a prominent “Latest News” section. This gives Bristol Post 16 the ability to showcase an important update, success story or announcement at the top of the page. Featuring the latest story in a larger format helps draw attention to important content and keeps the page looking fresh.

News Listing and Archive

The main part of the page consists of a listing of recent News posts. This allows Bristol Post 16 to regularly publish:

• News updates
• Student success stories
• Partnership announcements
• Information about new opportunities

Pagination is included to support a growing archive of content. As more posts are added, the page remains easy to browse and manage. The creation of a separate News page also improves search visibility because Bristol Post 16 can now build up a stronger body of relevant content under a single dedicated section.

Multilingual Support

A major additional feature of this project was the introduction of multilingual support across the Bristol Post 16 website. Xelium selected, installed and configured a translation tool that allows visitors to automatically translate the website into a range of languages.

This was an important improvement because Bristol Post 16 supports a diverse audience, including students and families whose first language may not be English. The multilingual feature:

• Improves accessibility
• Makes the site more inclusive
• Helps more visitors access the information they need

The translation service works automatically across the newly created Careers, Events and News pages, as well as the wider website.

Maintaining a Consistent Corporate Identity

Although three new sections were added, it was important that they still felt like part of the wider Bristol Post 16 website. Xelium therefore designed each page to follow the existing:

• Layout
• Colour palette
• Typography
• Navigation style

This ensured that the new pages maintained a unified look and feel and strengthened the overall Bristol Post 16 brand. The project successfully balanced improved functionality with visual consistency.

Key Benefits Delivered

The completed development delivered a number of important improvements for Bristol Post 16:

• Clearer navigation from the main menu
• Better visibility for careers, events and news posts
• Easier content management for staff
• Reduced clutter through simplified top-level categories
• Automatic removal of outdated content
• Improved engagement through Instagram integration
• Greater accessibility through multilingual support
• A stronger, more professional user experience

The result is a more organised and user-friendly website that better supports young people looking for opportunities, events and information.

Xelium Ltd Delivered

• Three new listing pages for Careers, Events and News
• Streamlined content categories
• Hero sections and supporting page introductions
• Featured latest post sections for Events and News
• Dedicated careers listing with Instagram integration
• Automatic post expiry functionality
• Multilingual translation support
• Pagination and improved content visibility
• Consistent design in line with Bristol Post 16 corporate identity

Project completed in approximately one week, including design, development, application configuration and accessibility testing. Here is a look at the Post 16 Home Page.

Xelium worked with Reed Learning to design and implement a centralised discussion forum hub within their virtual learning environment. The aim was to create a single, structured space where learners and tutors across multiple programmes could easily access, follow, and contribute to course-related discussions—improving communication, visibility, and learner support.

The Challenge

With multiple qualifications and apprenticeship pathways running simultaneously, Reed Learning needed a clearer way to manage discussions:

• Conversations were distributed across courses, making them harder to track
• Learners struggled to find relevant forums quickly
• Tutors needed a more efficient way to manage and respond to discussions
• Navigation had to remain simple and effective on mobile devices
• The system needed to support automatic enrolment and ongoing cohort intake

The solution required both strong UX design and robust administrative setup.

Our Solution

Centralised Forum Hub Design

Xelium created a dedicated forum homepage acting as a single entry point for all discussions. The structure brings together forums across:

• Level 3
• Level 5
• Level 7
• Apprenticeship programmes

This centralisation ensures that all users—regardless of course—can easily locate and engage with relevant discussions.

Intuitive Navigation with Colour-Coded Buttons

A series of visually distinct, colour-coded buttons were designed to provide clear, immediate access to each forum area:

• Getting Started Forum
• General Forum
• Foundation Certificate in People Practice
• Associate Diploma in People Management
• Associate Diploma in Organisational Learning & Development
• Advanced Diploma in Strategic People Management
• Advanced Diploma in Strategic Learning & Development
• Apprenticeships

This approach improves usability by:

• Reducing navigation friction
• Allowing quick visual recognition of pathways
• Supporting both new and returning users

Mobile-Friendly User Experience

The forum hub was designed with a mobile-first approach, ensuring:

• Responsive layout across devices
• Clear button interaction on smaller screens
• Consistent navigation experience for learners accessing content on the go

Embedded Orientation Video

To support onboarding, Xelium embedded an “Introduction to the Forum” video at the top of the page.

This provides:

• Clear guidance on how to use the forums
• Expectations for participation
• Immediate orientation for new learners

Forum Setup & Administration

Impact

• Created a single, centralised hub for all course discussions
• Improved learner engagement and participation
• Made it easier for tutors to monitor and respond to discussions
• Reduced confusion and navigation barriers
• Enabled automated enrolment and scalable management
• Delivered a seamless experience across desktop and mobile

Key Services Provided

• VLE UX Design & Navigation Structuring
• Forum Architecture & Setup
• Moodle Configuration & Cohort Enrolment
• Tutor Role Assignment & Notification Setup
• Mobile-Responsive Interface Design
• Learner Onboarding Support (Video Integration)

This project demonstrates Xelium’s ability to combine user experience design, platform configuration, and learning strategy to create structured, scalable communication environments within a VLE.

By centralising discussions and simplifying access, Reed Learning now benefits from a forum system that supports both learner engagement and efficient tutor interaction.

Interactive Course Content Development – CIPD Level 3 Foundation Certificate. Xelium partnered with Reed Learning to design and develop a suite of interactive, HTML5-based learning modules for the CIPD Level 3 Foundation Certificate in People Practice (new syllabus).

The project focused on transforming core HR and L&D content into engaging, accessible, and media-rich digital learning experiences, fully integrated within the Moodle VLE and aligned with Reed’s corporate identity.

The Challenge

Reed Learning required high-quality digital course content that could:

• Translate syllabus content into engaging, structured online learning
• Support entry-level learners with clear explanations and progression
• Embed formative and summative assessments throughout
• Work seamlessly across devices, including mobile
• Maintain strict brand consistency
• Meet accessibility standards across all content types

The content also needed to be flexible enough to allow review cycles and iterative feedback from internal stakeholders.

Our Solution

Interactive Course Design

Xelium developed a comprehensive set of interactive modules covering:

• 3CO01 – Learning Outcomes 1–3
• 3CO02 – Learning Outcomes 1–2
• 3CO03 – Learning Outcomes 1–2
• 3CO04 – Learning Outcomes 1–5

Each module was carefully structured to guide learners through key concepts, reinforce understanding, and support assessment readiness.

Rich, Multi-Format Learning Experience

To maximise engagement and retention, the courses combine a wide range of media and interaction types:

• Slide-based course presentations
• Audio podcasts
• Video tutorials and recorded webinars
• Charts and visual explanations
• Graphical navigation elements

All elements were designed to create a cohesive and intuitive learner journey, rather than a collection of disconnected resources.

Interactive Activities & Assessment

The courses include a variety of embedded formative and summative assessments, such as:

• Self-marking multiple-choice quizzes
• True or false questions
• Drag-and-drop activities
• Fill-in-the-blank exercises
• Sentence completion tasks
• Crosswords and word search activities
• Flashcards for knowledge reinforcement
• Interactive video checkpoints

These activities were selected to support active learning, immediate feedback, and knowledge retention.

Accessibility-First Development

Xelium prioritised accessibility throughout the project:

• All content developed using HTML5, ensuring cross-device compatibility
• Mobile-friendly design across all modules
• Careful selection of interaction types that remain usable and inclusive
• Structured layouts and clear navigation to support all learners

Seamless VLE Integration

The content was designed to work seamlessly within Moodle, ensuring:

• Smooth embedding and performance
• Compatibility with tracking and completion rules
• Consistent user experience across the wider platform

Collaborative Review Process

Reed Learning maintained full visibility and control throughout development:

• Regular review cycles
• Iterative feedback and refinements
• Alignment with internal quality standards and expectations

This collaborative approach ensured the final content met both academic and commercial requirements.

Programme Context

The content supports the four mandatory modules of the CIPD Level 3 Foundation Certificate:

• 3CO01 – Business, culture and change in context
• 3CO02 – Principles of analytics
• 3CO03 – Core behaviours for people professionals
• 3CO04 – Essentials of people practice

These modules provide the foundation for entry-level HR and L&D roles, making clarity, engagement, and accessibility critical.

Explore This Service

To learn more about how Xelium develops interactive learning experiences, visit: Xelium Ltd e-learning content development services

This project highlights Xelium’s strength in transforming structured syllabus content into engaging, interactive digital learning, combining instructional design, technical delivery, and accessibility into a single, cohesive solution.

Expanding the Language Courses Hub into Five Dedicated Subject Pages. Following the success of the main Language Courses hub page, Xelium Ltd created five dedicated spoke pages for individual languages.

These pages were designed to work alongside the main hub page and provide visitors with a more detailed, language-specific experience. Rather than acting as simple course listing pages, each page combines practical course information with richer content designed to improve user engagement, search visibility and course enquiries.

Hybrid Course Listing Pages

The result is a hybrid design that sits between a long-format landing page and a standard course listing page. Each page combines:

• Static content tailored to the language
• Live API-driven course listings
• Additional guidance to help visitors choose the right course and level including link to quiz
• Clear calls to action to encourage enrolment

This approach gives Bristol Adult Learning a more powerful and search-friendly page for each language while still keeping the course listings fully up to date.

1. French Courses Page

The French courses page was created to target people searching for French classes and adult French courses in Bristol. The page needed to compete with local providers while also supporting the wider Language Courses hub.

Design and Structure

The page opens with a strong top fold image and introductory section explaining the benefits of learning French and the types of learners the courses are suitable for. This immediately helps visitors understand that courses are available for:

• Complete beginners
• Learners returning after a break
• More advanced students wishing to improve their confidence

Quick jump navigation buttons appear immediately below the introduction. These buttons allow visitors to move directly to key sections such as:

• Courses
• Levels
• Tutors
• FAQs
• Enrolment

This is particularly important on a longer page because it improves usability and allows visitors to quickly find the information most relevant to them.

Hybrid Course Listing

The course listing section uses API integration to automatically fetch the latest French courses. Visitors can sort the course listing by:

• Start Date
• Course Title
• Term

This creates a much more useful experience than a static list because it allows visitors to quickly identify the most suitable course.

Supporting Content

The page also includes:

• A “Which Level to Choose?” quiz link
• Clear explanations of Beginner, Intermediate and Advanced levels
• Details about how the courses are structured
• Tutor profiles with links to further information
• Learner testimonials
• FAQs and enrolment guidance

This additional content improves both user confidence and search performance.

2. German Courses Page

The German courses page follows the same overall design pattern but is tailored specifically to people interested in learning German.

The aim was to create a more informative page than a standard course listing while maintaining a simple and approachable design.

Top Fold and Navigation

The page begins with a large image and short introduction explaining the opportunities available to learn German in Bristol. The introduction sets out the different reasons why visitors may wish to study German, including:

• Travel
• Work
• Personal interest
• Building confidence in speaking and understanding the language

The quick jump navigation buttons help users move directly to the section they need. This keeps the page easy to use, especially on mobile devices.

Course Listings and Level Guidance

The API-driven course listing provides an automatically updated list of available German courses. Allowing users to sort the courses gives visitors more control and makes the page feel more interactive. The Levels section is particularly valuable because it explains the difference between:

• Beginner courses
• Intermediate courses
• Advanced courses

This helps reduce uncertainty and supports users who may not know which course is right for them.

Course Structure and Tutors

The Course Structure section explains the Bristol Adult Learning teaching approach. This includes:

• Foundation and progression
• Regular progress checks
• Learning about culture and society
• Developing practical communication skills
• Real-world application of the language

This gives prospective learners a much clearer understanding of what they can expect from the course. The Tutor section adds a more personal element by introducing the teaching team and linking through to tutor profile pages.

3. Italian Courses Page

The Italian courses page was designed to support searches for Italian classes in Bristol and to provide more depth than a simple course listing page. As with the other language pages, the goal was to combine strong search visibility with a useful and welcoming user experience.

User Journey

The page structure is designed to guide visitors through a complete journey:

1. Learn about the courses
2. Choose the right level
3. Explore available courses
4. Meet the tutors
5. Enrol

This journey is reinforced by the quick jump buttons and the clear progression of sections down the page.

Which Level to Choose?

One of the most useful elements of the page is the prominent link to the “Which Level to Choose?” quiz. Many visitors are unsure which course level is right for them. Providing a dedicated quiz reduces this uncertainty and encourages more people to continue with their enquiry.

Combining Static and Dynamic Content

The Italian page demonstrates the benefit of the hybrid design approach. The course listing is always current because it is populated using the course API. At the same time, the surrounding static content gives the page enough depth and relevance to perform well in search engines.

This avoids the problem of thin, purely database-driven listing pages that often struggle to rank well. The page also includes learner testimonials, FAQs and a final call to action encouraging visitors to book a course or stay connected through social media and the newsletter.

4. Portuguese Courses Page

The Portuguese courses page was designed to attract people searching for adult Portuguese courses in Bristol. The page follows the same successful template while adapting the content to suit Portuguese learners.

Strong Introduction and Clear Calls to Action

The top fold introduces the courses and immediately reassures visitors that there are options for all levels. The introduction is followed by quick navigation buttons and a clear route into the course listings. This creates a straightforward user experience and reduces the amount of searching visitors need to do.

Improved Course Discovery

The sortable course listing is especially useful for the Portuguese page because it allows users to compare:

• Upcoming start dates
• Different course titles
• Which term the course runs in

This is much more practical than displaying courses in a simple fixed order.

Supporting Prospective Learners

The page also includes detailed supporting sections covering:

• Course levels
• How the courses are taught
• Tutor information
• Enrolment steps
• Testimonials
• Frequently asked questions

These sections are important because they answer the most common concerns prospective learners may have. By reducing uncertainty, the page helps improve the likelihood that visitors will proceed to enrol.

5. Spanish Courses Page

The Spanish courses page was created to support one of the most popular language categories and therefore required a particularly strong balance between search visibility and ease of use. The page needed to stand out against competing providers while also supporting a large number of course listings.

A More Search-Friendly Course Listing Page

Traditional course listing pages often struggle to rank because they contain very little explanatory content. The Spanish page overcomes this by combining live course listings with detailed information about:

• Course levels
• Teaching approach
• Tutors
• Enrolment
• Testimonials
• Frequently asked questions

This richer content gives the page greater authority and makes it more useful to both visitors and search engines.

Course Structure Section

One of the strongest sections on the page is the explanation of the course structure. This section sets out how Bristol Adult Learning delivers its language courses through:

• Foundation and progression
• Progress checks
• Cultural and social understanding
• Communication skills
• Real-world application

This content helps reassure prospective learners that the courses are structured, practical and designed to build confidence over time.

Final Call to Action

The page concludes with a strong final call to action.

Visitors are encouraged to:

• Book a language course
• Stay updated through social media
• Sign up to the newsletter

This ensures that even if a visitor is not yet ready to enrol, they still have a way to remain connected.

Design Strengths Across All Five Pages

Although each language page is tailored to its own audience, all five pages share the same core design strengths.

1. Hybrid Static and Dynamic Design

The combination of static content and API-driven course listings creates the best of both approaches:

• Rich content for search visibility
• Automatically updated course information
• Reduced maintenance requirements

2. Better User Navigation

The quick jump buttons make the pages easier to use and allow visitors to move directly to the section they want. This is especially important on longer pages and helps improve the mobile experience.

3. Improved Search Performance

The pages were designed not only to support existing visitors but also to attract more traffic through search engines.

The additional content surrounding the course listings gives each page greater relevance for searches relating to language learning in Bristol.

4. Stronger Conversion Journey

The structure of each page guides visitors from awareness to action:

• Introduction
• Course discovery
• Choosing a level
• Meeting tutors
• Building confidence
• Enrolment

This creates a much stronger conversion pathway than a standard course listing page.

5. Consistent Design and Branding

Using a consistent structure across all five pages creates a more professional and unified experience.

Visitors moving between different language pages encounter the same layout and navigation, making the website easier to use.

Xelium Ltd Delivered

• Five dedicated language landing pages
• Hybrid static and API-driven course content
• Improved navigation through quick jump buttons
• Sortable course listings
• Guidance on course levels and structure
• Tutor profiles and testimonials
• Stronger calls to action and enrolment pathways
• Search-friendly pages designed to improve visibility and enquiries

Virtual Learning Environment Deployment, Hosting & Course Delivery

Overview

Xelium partnered with Reed Learning to design, deploy, and manage a scalable virtual learning environment (VLE) that supports professional training at multiple levels. The platform was built to deliver structured, high-quality learning experiences while remaining reliable, secure, and easy to manage at scale. At peak usage, the system supported over 2,500 active registered users, delivering both professional qualifications and apprenticeship programmes.

The Challenge

Reed Learning required a robust digital learning platform capable of:

• Delivering CIPD-accredited courses across multiple levels
• Supporting large cohorts of concurrent users
• Providing a consistent and intuitive learner experience
• Managing complex course structures and progression pathways
• Enabling delivery for both direct learners and corporate apprenticeship clients

The system also needed to be flexible enough to evolve alongside changing course requirements and regulatory expectations.

Our Solution

1. VLE Deployment & Configuration

We implemented a fully customised Moodle-based learning environment, configured to support:

• Multi-level course structures (Foundation Certificate, Associate Diploma, Advanced Diploma)
• Clear learner progression and tracking
• Scalable architecture for high user volumes
• Secure access and user management
• Room to grow beyond CIPD courses ie. CMI, Apprenticeship, Accountancy.

2. Hosting & Ongoing Support

Xelium provided fully managed hosting and technical support, ensuring:

• High availability and system stability
• Regular updates and maintenance
• Performance optimisation for large user cohorts
• Rapid issue resolution and technical assistance

3. Learning Content Development

We worked closely with Reed Learning to support the development and delivery of engaging course content, including:

• Structured learning modules
• Interactive activities (including H5P elements where applicable)
• Assessment frameworks aligned with qualification standards
• integration of plagiarism checker for assignment submission
• creation of custom grading scales and pass grades
• integration of mailer to handle high volume notification

4. Consultancy, Review & Training

Beyond technical delivery, we provided ongoing consultancy to improve platform effectiveness:

• VLE audits and usability reviews
• Recommendations for course structure and learner experience
• Training for internal teams (administrators, tutors, support staff) including creation of quick guides and email support
• Best practice guidance for digital learning delivery

Programmes Delivered

The platform supported a wide range of professional qualifications and apprenticeship programmes, including:

These programmes were delivered to both individual learners and corporate clients, requiring flexible enrolment models and scalable delivery.

Impact

• Successfully supported 2,500+ active learners
• Enabled delivery of multi-level professional qualifications
• Provided a stable and scalable platform for apprenticeship training
• Improved learner accessibility and engagement through structured digital delivery
• Equipped Reed Learning with a flexible system adaptable to evolving training needs

Key Services Provided

• VLE Design & Deployment
• Managed Hosting & Technical Support
• Learning Content Development
• Consultancy & Platform Review
• Staff Training & Administration Support

This partnership demonstrates Xelium’s ability to deliver and manage large-scale, professional learning environments that balance technical reliability, pedagogical structure, and operational flexibility.

After creating the main audience pathways for Young People, Schools and Education Providers, Employers and Projects, Xelium Ltd developed a series of supporting pages designed to take visitors further into the Bristol WORKS website.

Third instalment in the case studies series for Bristol WORKS web development. This time, we focus on supporting pages and sub pages. The pages under Young People are particularly important for young people, as they needed more detailed information and guidance to help them make informed choices about future careers and training. At the same time, several key top-level pages were created to support the wider Bristol WORKS website, including About Us, News, Contact Us and the Pledge page.

Extending the Audience-Led Website Structure

Together, these pages completed the website structure and helped transform Bristol WORKS from a simple information site into a more complete and audience-focused digital platform.

1. Young People Sub-Page: Career Options

Link: https://www.bristolesl.com/bristolworks/welcome/young-people/career-options/

The Career Options page was designed to help young people explore the wide range of careers available across the Bristol region. Many students know very little about the industries and employers around them, so the page was created to raise awareness and encourage curiosity.

Top Fold

The page opens with a clear introduction explaining that there are many different career pathways available and that Bristol WORKS can help young people explore them.

The messaging is positive and encouraging, helping visitors feel that there are many opportunities open to them.

Industry Grid

The main feature of the page is a 3 x 2 grid of industry panels. Each panel highlights a different employment sector:

• Film, TV and Creative Media
• Environment and Sustainability
• Construction, Engineering and Property
• Optometry
• Sports
• Public Sector

This grid creates a visually engaging layout and makes the page easy to browse. Rather than presenting careers information as a long list of text, the use of large, image-led panels encourages visitors to click and explore.

The use of video content makes the information feel more engaging, accessible and relatable than written content alone.

From a design perspective, the Career Options page successfully combines clear navigation with inspirational content.

2. Young People Sub-Page: Apprenticeships

Link: https://www.bristolesl.com/bristolworks/welcome/young-people/apprenticeships/

The Apprenticeships page was created to provide straightforward guidance for young people considering apprenticeships.

For many students, apprenticeships can feel confusing or unfamiliar. The purpose of this page was therefore to explain the basics clearly and provide useful next steps.

Top Fold

The page begins with a clear top section introducing apprenticeships and immediately answering the question:

“Here’s what you need to know about Apprenticeships”

This simple and direct wording helps make the topic feel less intimidating.

The introduction explains:

• What an apprenticeship is
• How apprenticeships combine work and training
• Why apprenticeships can be a valuable alternative to other routes

The tone is deliberately practical and reassuring.

Useful Resources

The page also includes a section linking to useful external resources.

These links provide young people with:

• More detailed information
• Guidance on finding apprenticeship opportunities
• Advice on applications and next steps

Including resource links makes the page more useful and positions Bristol WORKS as a helpful guide rather than simply an information provider.

The Apprenticeships page therefore works as both an introduction and a signposting page, helping visitors continue their journey.

3. Supporting Top-Level Page: About Us

Link: https://www.bristolesl.com/bristolworks/about-us/

The About Us page was designed to explain the purpose, values and approach of Bristol WORKS. This page helps visitors understand the organisation behind the website and provides important context for the work being carried out.

Top Fold

The page opens with a strong introduction explaining the mission of Bristol WORKS.

The content focuses on the organisation’s aims and objectives, particularly its aspirational goal of helping reduce the number of young people who are:

• Not in Education
• Employment
• Training

This NEET reduction objective gives the page a clear sense of purpose and social impact.

Aims and Objectives

The page explains how Bristol WORKS works with employers, schools and young people to:

• Raise aspirations
• Improve employability
• Support better outcomes for young people

Presenting these aims clearly helps strengthen trust and reinforces the wider value of the organisation.

Our Process

One of the strongest features of the page is the “Our Process” section.

This uses three simple stages, each supported by imagery:

• Engage
• Inspire
• Employ

The three-step approach makes the Bristol WORKS process easy to understand and memorable.

The accompanying images also help break up the page and make the content more visually engaging.

Our Delivery

The page also includes an “Our Delivery” section explaining how Bristol WORKS turns its aims into practical action.

This section helps demonstrate that the organisation is not just setting goals, but actively delivering real projects and opportunities.

4. Supporting Top-Level Page: News

Link: https://www.bristolesl.com/bristolworks/news/

The News page was designed to keep the website active, current and regularly updated.

Top Fold

The page opens with a simple introduction to the latest news, success stories and events.

The main body of the page lists recent posts and updates.

These include:

• Success stories
• Project updates
• Events
• News from schools and employers

This section is valuable because it:

• Demonstrates that Bristol WORKS is active and ongoing
• Provides fresh content for returning visitors
• Helps build credibility
• Supports search engine visibility through regularly updated content

The News page also creates more opportunities to highlight the impact of Bristol WORKS and share examples of successful partnerships.

5. Supporting Top-Level Page: Contact Us

Link: https://www.bristolesl.com/bristolworks/contact-us/

The Contact Us page was designed to make it easy for visitors to get in touch.

Top Fold

The page includes:

• A contact form
• Contact details
• Clear instructions on how to make an enquiry

The design keeps the page simple and focused, reducing barriers for visitors who want to ask a question or request support.

The page supports all audiences across the website, including young people, schools and employers.

6. Supporting Top-Level Page: Pledge

https://www.bristolesl.com/bristolworks/contact-us/pledge/

The Pledge page provides a dedicated route for employers to make a pledge and support Bristol WORKS.

Pledge Form

The page contains a simple and straightforward pledge form.

This allows employers to quickly express an interest in becoming involved and identify the type of support they are able to offer.

Keeping the form simple is an important design decision because it:

• Reduces friction
• Encourages more employers to complete it
• Makes the process feel quick and accessible

The Pledge page supports the wider goal of the website by turning employer interest into practical action.

Design Strengths Across the Supporting Pages

The supporting pages all follow the same overall design principles established on the homepage and main audience pages.

Across the website, Xelium created:

• Clear page structures with strong top sections
• Focused content tailored to the intended audience
• Consistent use of imagery and calls to action
• A logical flow from information to action
• A unified look and feel across all sections

The Career Options and Apprenticeships pages are especially important because they extend the support available to young people and encourage deeper engagement with the website.

The About Us, News, Contact Us and Pledge pages then provide the organisational information and supporting functions needed to complete the user journey.

Together, these pages helped create a fully rounded and effective website for Bristol WORKS.

Xelium Ltd Delivered

• Career guidance pages for young people
• Industry-focused navigation and video content
• Apprenticeship information and resource links
• Organisational and mission-focused pages
• Contact and employer engagement forms
• A consistent and integrated website structure

One of the key strengths of the Bristol WORKS website redesign was the decision to create dedicated sections for each of the organisation’s core audiences. If you have been following our developments for Bristol WORKS, we were involved in the migration and redesign of Bristol WORKS’s website previously hosted on Square Space under https://bristol.works

You can read the case study for the home page design in our previous post. Rather than directing every visitor to the same generic information, Xelium Ltd designed four distinct pathways from the homepage:

• Young People
• Schools and Education Providers
• Employers
• Projects

Clear Pathways for Visitors

Each section was carefully planned around the needs, motivations and next steps of that particular audience. This approach made the website easier to use, more relevant to each visitor and far more effective than the previous Squarespace site. We will walk you through the design of the four top pages.

1. Young People

Link: https://www.bristolesl.com/bristolworks/welcome/young-people/

The Young People section was designed to speak directly to students and young adults looking for support, inspiration and practical opportunities.

Top Fold

The page opens with a strong top section introducing the opportunities available through Bristol WORKS.

The messaging focuses on helping young people understand their future options and gain experience that will support their next steps.

The design uses positive imagery and welcoming language to make the page feel approachable and relevant.

Case Studies

A major feature of the page is the use of case studies highlighting previous work experience opportunities.

These include both:

• Virtual work experience
• In-person work placements

The case studies are important because they show real examples of what students can expect.

They help visitors:

• Understand the types of opportunities available
• See the benefits of taking part
• Gain confidence from the experiences of other young people

Including these stories also adds authenticity and encourages visitors to imagine themselves taking part.

Explore Your Choices

The next major section is “Explore Your Choices”.

This area provides a clear route to two important sub-pages:

• Career Options
• Apprenticeships

This is a valuable part of the overall structure because not every young person knows what direction they want to take.

The page therefore acts as a stepping stone, helping visitors explore different possibilities before deciding what to do next.

The Career Options and Apprenticeships pages support this further by providing more detailed and focused information.

Final Call to Action

The page finishes with a strong and supportive call to action encouraging visitors to apply for work experience.

This final section combines:

• A link to the work experience application form
• Reassuring wording to encourage students to take the next step

The tone is important. Rather than being overly formal, the language is supportive and motivating, helping young people feel more confident about applying.

2. Schools and Education Providers

Link: https://www.bristolesl.com/bristolworks/welcome/education-providers/

The Schools and Education Providers page was designed to provide a practical overview of the support Bristol WORKS offers to schools, colleges and other education providers.

Top Fold

The page opens with a clear introduction aimed specifically at teachers, careers leads and education professionals.

The headline and supporting content immediately explain how Bristol WORKS can help schools connect students with employers and work-related opportunities.

This clear positioning helps ensure that schools know they are in the right place as soon as the page loads.

Service Grid

The main feature of the page is a grid-based section showcasing the services offered by Bristol WORKS.

This grid provides a clear and organised way of presenting the different forms of support available.

The grid also creates a more visually engaging page than a simple block of text.

Final Call to Action

The page concludes with a clear call to action inviting schools and education providers to get in touch.

Visitors are directed either to:

• The contact form
• A dedicated email address

This final section is designed to make it easy for schools to enquire about arranging work experience placements or employer engagement opportunities for their students.

3. Employers

Link: https://www.bristolesl.com/bristolworks/welcome/employers/

The Employers page was designed to encourage businesses to become involved with Bristol WORKS and support young people.

Top Fold

The page opens with a strong, action-focused headline inviting employers to “Help Make a Difference”. This immediately frames the page around the positive impact businesses can have.

A prominent “Make a Pledge” call to action is included in the top section so that employers can take action straight away.

The page balances a professional tone with an inspiring message, helping employers see both the value and the ease of becoming involved.

Here’s How You Can Get Involved

The centrepiece of the Employers page is a section outlining the different ways employers can support young people.

The page lists eight different types of experiences and opportunities that businesses can offer.

These may include:

• Work experience placements
• Workplace visits
• Careers talks
• Mock interviews
• Mentoring
• Apprenticeships
• Project support
• Virtual engagement activities

Presenting the opportunities in this way is highly effective because it helps employers understand that they do not need to make a large commitment to get involved.

Instead, the page shows a range of options to suit different organisations, sizes and levels of availability.

The structure also helps remove barriers by making the process feel more achievable and accessible.

Final Call to Action

The page concludes with a final “Ready to Make a Difference?” section.

This provides employers with a clear next step and directs them to:

• The contact page
• The pledge form

By repeating the call to action at the end of the page, the design ensures that employers can act after reading about the opportunities available.

4. Projects

The Projects section acts as a showcase area for Bristol WORKS activity.

Rather than being aimed at one specific audience group, this section demonstrates the breadth of projects, partnerships and initiatives Bristol WORKS has delivered.

The page is used to:

• Highlight successful projects
• Share news and updates
• Demonstrate impact
• Reinforce credibility

This is an important supporting section because it helps all visitors see evidence of the work Bristol WORKS is doing.

For employers, it demonstrates the kinds of initiatives they could become involved with.

For schools and young people, it provides reassurance that Bristol WORKS is active, established and making a real difference.

Design Strengths Across All Four Sections

The four audience sections work effectively because they follow the same overall design principles while tailoring the content to each specific audience.

Across all sections, Xelium created:

• A clear top fold with audience-specific messaging
• Focused content relevant to the visitor
• Logical structure and easy-to-follow progression
• Strong calls to action at key points
• A consistent visual identity across the website

This audience-led structure makes the Bristol WORKS website significantly more effective than the previous generic Squarespace site.

Instead of expecting visitors to search through irrelevant information, each audience is guided directly to the content and actions most relevant to them.

The result is a website that is easier to use, more persuasive and better aligned with the goals of Bristol WORKS.

Xelium Ltd Delivered

• Audience-focused landing pages
• Clear user pathways and navigation
• Supporting sub-pages for young people
• Strong calls to action tailored to each audience
• A consistent visual identity across all sections
• A structure designed to encourage greater engagement and participation

Bristol WORKS needed a new website to replace its previous Squarespace site at bristol.works. The original site lacked a clear and consistent identity. Navigation had become fragmented, the look and feel varied between sections, and there was no strong structure to guide the different types of visitors using the site.

Xelium Ltd was appointed to design, build and host a completely new website for Bristol WORKS at: https://www.bristolesl.com/bristolworks/

As part of the project, Xelium created a new corporate identity for Bristol WORKS and developed a fully custom website designed around the organisation’s key audiences. The website remains hosted, supported and continuously developed by Xelium, with a redesigned version currently in development after 4 years since migration.

The Challenge

Bristol WORKS also needed a site that reflected its role as a professional, city-wide initiative connecting schools, employers and young people.

Project Objectives

The aims of the project were to:

• Create a strong and recognisable Bristol WORKS brand identity
• Replace the fragmented Squarespace site with a more coherent design
• Build a homepage that immediately directs visitors to the most relevant content
• Create clear pathways for the four main audience groups
• Encourage employer engagement through a strong “Make a Pledge” call to action
• Showcase the work and impact of Bristol WORKS through testimonials and project content
• Ensure the website was accessible, responsive and easy to use across all devices

Why a Fully Custom Designed Solution Was Recommended

Xelium recommended a fully custom-built solution rather than continuing with a template-based platform. This approach delivered several important advantages:

1. A consistent corporate identity across the whole website
2. Simpler top-level navigation with only five to six main sections
3. A clearer understanding of visitor intent and user journeys
4. Tailored content and calls to action for each audience
5. Improved accessibility nd screen-reader compatibility
6. A responsive design for desktop, tablet and smartphone users
7. Faster page loading and better reliability through dedicated hosting

The result was a website that was more professional, easier to navigate and better suited to the needs of Bristol WORKS.

Home Page Strategy

The homepage was designed to act as a central gateway to the entire Bristol WORKS website. Rather than overwhelming visitors with too much information, the page focuses on helping people immediately identify where they belong and what they should do next. The content and structure were designed around the four key audience groups.

Page Structure and Design

Hero Section

The homepage opens with a large hero image in the top fold. This immediately communicates the purpose of Bristol WORKS and gives the site a more modern and professional appearance.

A strong headline clearly states the aim of Bristol WORKS, supported by a concise tagline explaining how the organisation helps connect young people, schools and employers.

This top section performs several important functions:

• Creates an immediate first impression
• Establishes the Bristol WORKS identity
• Makes the organisation’s purpose instantly clear
• Gives visitors confidence that they are in the right place

The use of a large image also helps add energy and personality to the page, making the site feel more engaging than the previous Squarespace version.

Audience Pathway Panels

Directly beneath the hero section, the homepage features four prominent panels arranged in a row.

This is one of the most important design features of the page. Instead of presenting the same content to everyone, the site immediately provides tailored pathways based on who the visitor is.

This structure helps reduce confusion and encourages visitors to move quickly to the most relevant section of the website. The Projects panel also provides a route to showcase the work Bristol WORKS has already delivered, helping reinforce credibility and demonstrate impact.

What We Offer

The “What We Offer” section expands on the role of Bristol WORKS and the services available. This section explains how Bristol WORKS supports:

• Employers wishing to engage with schools and young people
• Education providers looking for partnerships and resources
• Young people exploring future career pathways

By including this information on the homepage, visitors gain a much clearer understanding of the breadth of support available.

The section also helps strengthen the overall message of the site and supports the key calls to action elsewhere on the page.

“Make a Pledge” Call to Action

One of the key goals of the Bristol WORKS website is to encourage employers to make a pledge and support young people through work-related opportunities.

To support this objective, Xelium created a dedicated “Make a Pledge” call-to-action section on the homepage.

This section is positioned prominently and designed to stand out from the surrounding content.

The call to action encourages employers to:

• Offer work experience
• Support careers events
• Provide mentoring or talks
• Help young people develop skills for employment

Placing this section on the homepage increases visibility and gives employers a clear and immediate action to take.

Testimonials

The testimonial section was included to provide social proof and demonstrate the positive impact of Bristol WORKS. Quotes from schools, employers and young people help make the organisation feel more credible and trustworthy. The testimonials also add a human element to the page and reinforce the idea that Bristol WORKS delivers real benefits. From a design perspective, this section helps break up the page visually and adds variety between more functional content blocks.

How We Do It

The homepage finishes with a “How We Do It” section. This area explains the process and approach behind Bristol WORKS.

Including this section at the bottom of the page works well because visitors have already:

• Seen the key audience pathways
• Learned about the services offered
• Read testimonials
• Been encouraged to take action

The final section therefore helps provide reassurance and reinforces confidence in the organisation before visitors continue further into the website.

Design Strengths

The homepage design successfully addressed many of the problems that existed on the previous Squarespace website.

Key strengths include:

• A clear and consistent visual identity
• Strong audience-focused navigation
• A better balance between information and calls to action
• A more professional and modern appearance
• Improved usability across all devices
• Better accessibility and readability
• A homepage structure that supports both new and returning visitors

The four audience panels are particularly effective because they create an intuitive user journey from the moment the page loads. The use of testimonials and strong calls to action also helps make the site feel more persuasive and outcome-focused.

Ongoing Hosting and Development

Since launch, the Bristol WORKS website has continued to be hosted, maintained and developed by Xelium Ltd.

The custom-built approach has allowed the site to evolve over time and adapt to the changing needs of Bristol WORKS.

The website is now undergoing a further redesign, building on the strengths of the current version and introducing new improvements in layout, navigation and user experience.

This original homepage provides a useful benchmark and demonstrates how Xelium transformed a fragmented Squarespace site into a focused, audience-led digital platform.

Continue to read about our Audience Pathways for Bristol WORKS in our follow-up case study.

Bristol Adult Learning wanted to increase awareness of its adult language courses and create a clearer route for prospective learners to discover the different languages available.

Although separate course category pages already existed for French, German, Italian, Portuguese and Spanish, there was no central destination bringing them together in a way that worked for both users and search engines.

Xelium Ltd developed a long-format Languages hub page that acts as the main entry point for adult language learning at Bristol Adult Learning.

The completed page can be viewed at: https://www.bristolcourses.com/courses/languages/

The page links directly to the individual language course category pages:

• French
• German
• Italian
• Portuguese
• Spanish

This created a strong hub-and-spoke structure that improves visibility, supports navigation and strengthens the SEO performance of the individual language pages.

The Challenge

The market for adult language learning in Bristol is highly competitive.

Bristol Adult Learning was competing against:

• The English Language Centre Bristol
• Bristol Language School
• International House Bristol
• City of Bristol College
• Bristol Folk House
• Private tutors and specialist language schools

Many of these organisations have well-established websites and strong visibility in Google.

The challenge was to create a page that could:

• Position Bristol Adult Learning as a leading destination for adult language learning
• Rank for broad, high-intent searches relating to language learning in Bristol
• Encourage visitors to explore the individual language pages
• Demonstrate the breadth of courses and the welcoming nature of the learning environment

Project Objectives

The goals of the project were to:

• Improve visibility for adult language learning searches
• Rank prominently for “language school for adults in Bristol” and related searches
• Increase traffic to the individual French, German, Italian, Portuguese and Spanish pages
• Create a stronger first impression than a standard course category page
• Showcase the benefits of learning with Bristol Adult Learning
• Build trust and confidence through social proof and learner stories

Strategy

Rather than presenting a simple list of language courses, Xelium Ltd created a rich, long-format page designed around the questions and motivations of prospective learners.

The page was planned to support a range of visitor needs:

• People looking for a specific language course
• People searching more generally for a language school for adults in Bristol
• Visitors wanting reassurance before enrolling
• Learners interested in hearing about the experience of other students

The structure also provided strong SEO benefits by creating a central page with broad language-related content and clear internal links to the more specific language pages.

Page Structure and Design

The Languages page was designed to feel welcoming, approachable and easy to explore.

Top Fold

The page opens with a strong top section featuring an engaging image and a clear headline focused on adult language learning. This immediately tells visitors that Bristol Adult Learning offers a wide range of language courses for adults in Bristol. The top fold also acts as an important SEO signal by making the page topic immediately clear to both users and search engines. It lists the five main language courses on offer and under each, a link to the language page itself as well as button to access a quiz. The latter is to help establish the language course level they ought to consider. The link to the spoke page and quiz increases visitor engagement and reduces bounce rates.

About Our Language Courses for Adults

The introductory section explains:

• The range of languages available
• The different ability levels supported
• The friendly, supportive atmosphere of the classes
• The flexibility offered for adult learners

This section helps reassure visitors who may be nervous about returning to education or learning a language for the first time.

The copy is deliberately written to appeal to learners of all ages and backgrounds.

Explore Our Language Courses

One of the most important sections on the page is the language course navigation area.

This section provides clear links to the individual course category pages for:

• French
• German
• Italian
• Portuguese
• Spanish

Each language is presented as a distinct option, making it easy for visitors to continue their journey.

This section also plays a key role in the SEO strategy. The internal links help strengthen the authority of the individual language pages and create a clear relationship between the main hub page and the more detailed course pages.

Why Choose Us

The “Why Choose Us” section highlights the main reasons to choose Bristol Adult Learning over competing providers.

These include:

• Experienced and supportive tutors
• Small, friendly classes
• Courses for complete beginners through to more advanced learners
• Affordable learning in a local, welcoming environment
• Opportunities to build confidence and meet new people

Presenting these benefits in a visually distinct section makes the page more persuasive and helps visitors compare Bristol Adult Learning against other providers.

Hear From Our Learners

The testimonial section provides valuable social proof. Short comments from previous learners help communicate the atmosphere of the classes and the confidence learners gain from attending.

Typical themes include:

• Friendly and encouraging tutors
• Increased confidence speaking a new language
• Enjoyable and welcoming classes
• Progress made in a short period of time

Including testimonials is particularly important for adult education, as many prospective learners need reassurance before taking the first step.

Meet the Team

The tutor section introduces the people behind the courses. Showing photographs and profiles of the teaching team helps make the page feel more personal and approachable. It also reinforces the quality and experience of the tutors, which is a key factor when learners are deciding between providers.

Case Study: Meet Anthony

One of the most distinctive parts of the page is the learner case study section featuring Anthony. Rather than simply listing course information, this section tells a real story about a learner’s experience.

The case study demonstrates:

• Why Anthony decided to learn a language
• How the course helped him
• The confidence and enjoyment he gained
• The practical value of attending the classes

This creates a much stronger emotional connection than standard course descriptions alone.

Frequently Asked Questions

The FAQ section addresses common questions such as:

• Which language should I choose?
• Do I need previous experience?
• What level should I start at?
• Where are the courses held?
• What happens if I miss a class?

This section improves the user experience by reducing uncertainty and giving visitors the answers they need before making an enquiry. The use of natural language questions also strengthens the SEO value of the page.

Call to Action: “Ready to Learn a Language?”

The page finishes with a strong and positive call to action encouraging visitors to take the next step.

By placing this section at the end of the page, visitors have already seen:

• The benefits of the courses
• The range of languages available
• Testimonials from learners
• Details about the tutors
• Answers to common questions

This makes the final call to action much more effective.

SEO Approach

The page is designed not only to rank in its own right, but also to improve the performance of the linked French, German, Italian, Portuguese and Spanish pages.

Results

The Languages hub page has achieved strong organic visibility and ranks prominently for:

“language school for adults in Bristol”

This is a significant achievement given the strong competition from established language schools and colleges.

The page successfully competes with:

• The English Language Centre Bristol
• Bristol Language School
• International House Bristol
• City of Bristol College
• Bristol Folk House

The page also acts as a highly effective gateway, directing visitors to the more detailed language pages and increasing visibility across the whole language course section of the website.

Xelium Ltd Delivered

• Long-format hub page strategy
• Content planning and SEO structure
• Internal linking strategy for language pages
• Improved visibility in a highly competitive market
• A reusable framework for future language course categories

Bristol Adult Learning wanted to improve the visibility of its drawing courses and make it easier for prospective learners to discover the wide range of classes available. Standard course category pages provided a basic list of courses, but they lacked the depth, context and visual appeal needed to compete in a crowded market.

Xelium Ltd recommended creating a long-format landing page for selected course categories, starting with Drawing Courses. The page would sit alongside the standard course listing pages and provide a richer experience for both visitors and search engines.

The completed page can be viewed at: https://www.bristolcourses.com/courses/goto/drawing/

The Challenge

The search term “drawing courses in Bristol” is highly competitive. Bristol Adult Learning was competing against:

• University of the West of England
• Brushstrokes Courses Ltd
• Art-K Southville Bristol
• Bristol Folk House
• Royal West of England Academy (RWA)
• Independent tutors and local arts organisations

The original course category pages contained little more than a list of available courses. Although useful for existing users, they did not provide enough information to:

• Rank strongly in Google
• Encourage visitors to stay on the page
• Showcase the quality of the teaching
• Reassure prospective learners
• Capture searches from people looking for drawing classes at different ability levels

Bristol Adult Learning also had a requirement to make specific course categories more visible across the website and within search engines.

Project Objectives

The aims of the project were to:

• Increase organic visibility for drawing-related searches
• Achieve first-page Google rankings for “drawing courses in Bristol”
• Provide a more engaging and informative page than a standard course listing
• Support learners of all abilities, from complete beginners to more experienced artists
• Improve the user journey from search result to course enquiry or booking
• Create a repeatable page template that could later be used for other course categories

Strategy

Instead of relying on a simple list of courses, Xelium Ltd proposed and designed a dedicated long-format landing page designed around both user needs and search intent.

Page Structure and Design

The long-format page was designed to feel more like a complete mini-site for drawing courses rather than a simple archive page.

Hero Section

The page opens with a large banner image showing a student actively sketching. This immediately communicates the subject of the page and gives the visitor a sense of being involved in the class.

The large “Drawing Courses” heading provides a strong topical signal for search engines while also making the purpose of the page instantly clear.

About Section

Course Listings

Rather than linking directly to a generic course archive, the page includes a carefully selected list of current drawing courses for the academic year.

The courses are displayed in a clean, expandable accordion layout. This has several advantages:

• Keeps the page compact and easy to scan
• Allows visitors to browse without feeling overwhelmed
• Presents important information such as dates, locations and availability only when needed
• Makes it easier to update the page each year

Testimonials

The testimonial section acts as a strong trust signal. Instead of using a single long quote, the page presents short comments grouped around themes such as:

• Clear instruction
• Friendly class atmosphere
• Enjoyment
• Inspiration
• Suitable materials

This design is effective because visitors can quickly scan the comments and identify the points that matter most to them.

Tutors Section

Featuring photographs and names of the tutors adds personality and credibility. Many visitors are reassured when they can see who will be teaching the course.

The tutor section also helps communicate that Bristol Adult Learning offers a wide range of experienced tutors with different styles and specialisms.

Gallery

The image gallery is one of the strongest parts of the page. It showcases actual student artwork and provides immediate proof of the quality and range of work produced on the courses.

The gallery is especially important for art-related searches because prospective learners often want to see examples before booking.

The grid format works well because it:

• Creates visual interest further down the page
• Breaks up large sections of text
• Encourages users to continue scrolling
• Provides reassurance that the courses are practical and inspiring

Frequently Asked Questions

The FAQ section helps answer common concerns without requiring the visitor to contact the provider.

Typical questions include:

• What are the courses like?
• Do I need previous experience?
• What do I need to bring?
• Where do the classes take place?

This section improves the page for both users and SEO by including natural language questions and answers that closely match the way people search.

Contact Section

The final section provides a clear route to make an enquiry or book a course.

Positioning this at the bottom of the page works well because visitors have already been given enough information to feel confident about taking the next step.

SEO Approach

The page was optimised around the primary keyword:

drawing courses in Bristol

Additional supporting phrases included:

• drawing classes Bristol (1st page)
• beginners drawing classes Bristol (1st page)
• art and drawing courses Bristol (1st page)
• mixed ability drawing classes Bristol (1st page)
• learn to draw in Bristol (1st page)

Need a similar approach for your website, get in touch to discuss a clear SEO strategy that works for your product or services.

Results

The project delivered excellent results.

The Bristol Adult Learning Drawing Courses page now ranks:

#1 organically in Google for:

“drawing courses in Bristol”

This is particularly significant given the level of competition from larger and well-established providers.

The page successfully outranks:

• University of the West of England
• Bristol Folk House
• Brushstrokes Courses Ltd
• RWA
• Other local drawing course providers

The long-format content not only improved search visibility, but also created a stronger and more persuasive experience for visitors.

Ongoing Value

One of the major advantages of this approach is that the page continues to deliver value over time.

Unlike paid advertising, which stops producing traffic as soon as the budget ends, this page continues to attract visitors month after month.

The page provides ongoing benefits through:

• Continued organic search traffic
• Increased awareness of Bristol Adult Learning drawing courses
• A higher likelihood of course enquiries and bookings
• A reusable page structure that can be applied to other course categories

The success of the Drawing Courses page demonstrates that carefully planned long-format landing pages can be a highly effective strategy for educational organisations looking to improve visibility in competitive search markets.

The completed page can be viewed at: https://www.bristolcourses.com/courses/goto/drawing/