bymaria
FUNDEC · 2022

FUNDEC

Website Redesign & Training Platform Optimisation

role
Lead UX/UI & Web Designer
year
2022
focus
Web Design · UX / UI · Platform Optimisation
visit live siteFUNDEC (opens in a new tab)
FUNDEC cover

deliverables

  • UX research & content audit
  • Information architecture
  • Wireframes & UX flows
  • UI design system
  • Dynamic training system
  • Training calendar & registration
  • Accessibility improvements
  • WordPress / Elementor build
  • CMS training & handover

A complete rebuild of a training organisation's website — stabilising the platform, improving accessibility, and empowering internal teams to manage content and programmes with greater independence.

challenge

The old site was working against the institution: a broken theme that couldn't be updated, open security issues, and no simple way to publish the thing FUNDEC exists to offer — training courses. Every new course was a fight with the platform.

approach

Instead of patching a generic theme, the site was rebuilt on a theme designed entirely around FUNDEC's actual needs: courses as structured, detailed entries that the team creates in minutes, with enrolment forms that appear conditionally — open to the public or restricted, depending on each course. Accessibility was treated as a requirement throughout, not a final check.

outcome

The clearest proof the new site works is that the team actually uses it: over 30 news articles published since launch, and over 15 new training courses published — each created, fully detailed and live in around five minutes, with the right enrolment form attached automatically. Security issues resolved, maintenance handled in-house, and a platform that finally keeps pace with the institution's activity.

impact

measurable gains after the rebuild

The rebuild was measured by how much friction it removed — for visitors trying to find and book training, and for the internal team publishing it.

Faster load times, dynamic training pages, smart registration forms and a clearer services narrative turned a slow, manual website into an operational tool.

  • 30+

    news articles published since launch

  • 15+

    new training courses created and published

  • ≈5 min

    average time to create and publish a course

. before & after

a before and an after

before

the previous experience, captured as a reference point

after

the redesigned experience delivered in this project

01 Overview

FUNDEC is a training-focused organisation offering specialised programmes and courses. The existing website, though functional, was built on outdated foundations, creating technical limitations, browser compatibility issues and operational friction for a team that needed to publish and update content regularly.

The project focused on rebuilding the website from the ground up — keeping what already worked for users familiar with the existing experience, while significantly improving accessibility, content management and the training registration journey. The goal was optimisation and stability, not repositioning.

02 The Challenge

The old site was working against the institution: a broken theme that couldn't be updated, open security issues, and no simple way to publish the thing FUNDEC exists to offer — training courses. Every new course was a fight with the platform.

  • Broken theme and security issues blocked regular updates
  • Publishing a new training course was difficult and time-consuming
  • Accessibility had not been considered in the original build
  • The platform was undermining the institution's credibility and reach

03 The Approach

A Theme Built Around FUNDEC's Actual Needs

Instead of patching a generic theme, the site was rebuilt on a theme designed entirely around FUNDEC's actual needs: courses as structured, detailed entries that the team creates in minutes, with enrolment forms that appear conditionally — open to the public or restricted, depending on each course. Accessibility was treated as a requirement throughout, not a final check.

Content Reorganisation & Dynamic Logic

A major focus was transforming how training content is managed and displayed. Previously, creating a new training page meant starting from scratch each time — a manual, error-prone process. We reorganised the content into structured, reusable formats and created dynamic systems where new trainings automatically populate listing pages, and individual training pages are generated from structured inputs rather than hand-built each time.

  • Reorganised training content into structured, reusable formats
  • Created dynamic systems where new trainings automatically populate listings
  • Eliminated manual page creation for each training programme
  • This shift significantly improved efficiency, consistency and scalability

UX & Wireframing

Wireframes were designed with two audiences in mind: the users navigating training listings and the internal team managing the content behind them. Clear navigation paths were established between listings and detail pages, registration flows were simplified to reduce friction and abandonment during signup, and content-heavy sections received logical structural treatments. The result is a system that proves equally easy to use externally and straightforward to manage internally.

UI Design & Visual Direction

Since this was refinement rather than reinvention, the visual direction focused on enhancing clarity and cohesion without disrupting brand recognition. The layout became cleaner and more structured through improved spacing and clearer visual hierarchy, typography was refined for better readability, and UI patterns were subtly modernised while maintaining consistency across all pages. The goal throughout was to enhance usability without demanding that users relearn the interface.

Training System & Features

Several new functionalities were introduced to improve both user experience and operational management. A training calendar now makes it easier to navigate upcoming sessions at a glance, registration and purchase forms are directly integrated into the experience removing manual intervention, and an automated system closes registrations when capacity is reached or when training sessions are completed. These features streamline both user interaction and the operational management for the FUNDEC team.

04 Accessibility & Usability

Accessibility became a central focus of this redesign, not an afterthought. Every design decision considered contrast ratios and readability, the typographic hierarchy was strengthened to improve scanning and comprehension, navigation patterns were simplified and made more predictable, and the entire platform was built to respond consistently across devices. The result is a platform that is significantly more inclusive and user-friendly, particularly important in an educational context.

  • Improved contrast and readability across all content and interactive elements
  • Clear typographic hierarchy supporting easier content scanning
  • Simplified, consistent navigation patterns
  • Fully responsive behaviour across all device types
  • Reduced cognitive load through predictable interaction patterns

05 Technology

The platform was rebuilt in WordPress using Elementor — a deliberate choice to remain on a system the internal team already knew and understood. This decision ensured familiarity for the people who would manage it day-to-day, greater autonomy in content updates and training management, and reduced dependency on external systems or developers for routine changes.

Stack: WordPress · Elementor

  • Familiarity for internal teams who already knew the WordPress ecosystem
  • Greater autonomy and control over content and training management
  • Reduced dependency on external systems or developers

06 Brand & Visual System

The identity was intentionally preserved with subtle refinements — respecting the existing visual language while improving clarity, consistency and modernised execution.

  • Visual Identity — Existing visual language preserved for continuity, with refinements to spacing and clarity.
  • Color Palette — Maintained existing palette with improved contrast for accessibility and hierarchy.
  • Typography — Refined typographic hierarchy and improved spacing for clarity and legibility.

07 The Outcome

The clearest proof the new site works is that the team actually uses it: over 30 news articles published since launch, and over 15 new training courses published — each created, fully detailed and live in around five minutes, with the right enrolment form attached automatically. Security issues resolved, maintenance handled in-house, and a platform that finally keeps pace with the institution's activity.

  • Over 30 news articles published since launch
  • 15+ courses published — each created and live in around five minutes
  • Security issues resolved and maintenance handled in-house
  • Accessibility implemented as a requirement, not a final check

08 Key Takeaways

  • A CMS is only as good as the team's willingness to use it — design the publishing experience for the people maintaining the site, and the content takes care of itself
  • Dynamic content systems significantly improve efficiency and scalability for managing complex programmes
  • Accessibility should be a priority in educational platforms, not an afterthought
  • Maintaining familiar tools and systems can improve adoption and internal autonomy

next project

Yooddle →