Consultant – Website Optimization and Content Migration at Boma Projects

Objective of the Assignment


To enhance the usability, performance, and content management efficiency of the BOMA website while preserving its current structure and integrity.


Scope of Work


The consultant shall undertake the following tasks:


Website Audit and Content Structure Review

Conduct a comprehensive front-end and back-end audit of the website in close collaboration with the Communications focal and designated IT teams.


Identify areas where content is:
Hard-coded
Embedded as images (non-editable text)
Not CMS-editable
Affected by broken links, typos, or missing content
Recommend and implement improvements to ensure all content is:
Fully editable via CMS
Structured using proper HTML semantic elements


Content Refactoring and CMS Optimization


Convert all text embedded in images into HTML/CMS-managed text
Standardize formatting using:
CMS content blocks
Reusable components
Ensure consistency in typography aligned with BOMA's brand guidelines, as well as spacing and layout across all pages.
Optimize backend for non-technical staff usability (WYSIWYG editing where possible)
Fix broken links and update pages with missing or test content


Our Leadership Page Redesign

Redesign and rebuild the Our Leadership page to:


Improve visual hierarchy and readability
Establish a consistent format and layout across all leadership profiles, aligned with BOMA's brand guidelines
Eliminate text embedded in images and ensure all content is fully CMS-editable
Ensure easy, intuitive updates of profiles by BOMA staff without requiring technical support
Support structured data (names, titles, bios, images) for consistency and scalability


Approach:


Work closely with the Communications Manager to agree on the final layout, format, and content structure prior to implementation
Implement a modular design approach to allow for easy updates and future additions without disrupting the page structure


Document Migration and Content Organization


Migrate all reports and publications from the old website to the current platform


Ensure:


Proper file naming conventions
Logical categorization (e.g., Annual Reports, Impact Reports, Case Studies)
Functional download links
Optimize documents for web delivery (file size and format)


Website Performance Optimization


Optimize back-end performance
Conduct a performance audit using tools such as:
Google Page Speed Insights
Lighthouse
Identify bottlenecks affecting load time, including:
Image size and compression
Unoptimized scripts/CSS
Server response times
Implement improvements such as:
Image optimization (WebP, compression)
Lazy loading
Minification of CSS/JS
Caching improvements
Optimize SEO


User Experience (UX) and Accessibility Review


Assess site navigation and usability from an end-user perspective
Recommend improvements to:
Navigation flow
Page readability
Mobile responsiveness
Ensure basic accessibility compliance (e.g., alt text, contrast, readability)


Documentation and Handover


Develop a simple CMS user guide for BOMA staff
Provide documentation on:
How to edit pages
Upload and manage reports
Update leadership profiles
Update navigation menu labels and manage global menus without breaking structure
Update impact statistics and key figures without replacing image files
Conduct a brief handover session/training


Technical and Structural Code Quality


Audit and resolve structural markup issues that inflate page weight or create DOM inconsistencies — for example, redundant rendering of global elements such as the navigation and footer, or orphaned code artifacts left over from page builder usage
Identify and correct metadata and URL configuration errors that affect discoverability and social sharing — for example, incorrect page slugs, missing or misconfigured Open Graph images, and any SEO-relevant meta tag issues
Ensure sitewide consistency in UI elements, labels, and dynamic content — for example, standardising navigation menu labels across all instances, replacing static values with dynamically generated ones (such as the copyright year), and ensuring image-based UI elements are replaced with scalable, code-based equivalents where appropriate
Apply CSS depth — gradients, shadows, and transitions — and serve retina-ready WebP images so the site feels sharp and premium rather than flat


Deliverables

The consultant shall deliver the following:


Website Audit Report (findings + recommendations)
Updated website with:
Fully editable content
Optimized leadership page
Migrated and organized reports
Performance Optimization Report (before vs after improvements)
CMS User Guide for internal staff
Final handover and walkthrough session
Technical Fixes Report documenting all structural code issues identified and resolved during the audit
Accessibility Compliance Summary confirming that identified WCAG 2.1 issues have been reviewed and addressed


Duration and Timeline


Total assignment duration: 3 weeks
Indicative timeline:
Week 1: Audit and planning — covering front-end, back-end, performance, and structural code review, with sign-off on key design decisions (e.g., Leadership page layout) before implementation begins
Week 2: Implementation — content refactoring, CMS improvements, document migration, and resolution of structural and technical issues identified in Week 1
Week 3: Optimization, testing (including accessibility and cross-device checks), documentation, and handover


Reporting and Coordination


The consultant shall report directly to the Communications Manager.
The consultant shall provide weekly progress updates.
The consultant shall coordinate with the Chief Technology & Performance Officer and the IT Service Delivery Manager on technical matters.


Required Qualifications and Experience

Proven experience in:


Website development and CMS management (e.g., WordPress, Drupal, Webflow, or similar)
Front-end development (HTML, CSS, JavaScript)
UX/UI optimization


Experience with:


Website performance optimization tools
Content migration and structuring


Demonstrated experience in:


Developing or optimizing websites for NGOs, reputable institutions, or well-established companies, supported by a portfolio of relevant work


Strong understanding of:


SEO basics and web accessibility standards


Ability to:


Translate technical changes into simple workflows for non-technical users
Hands-on experience with WordPress page builders (e.g., Divi or Elementor), including an understanding of global templates, modules, and common implementation issues
Working knowledge of web accessibility standards (WCAG 2.1) and metadata best practices, including Open Graph and social sharing configurations
Strong attention to front-end detail, including the use of scalable, code-based UI elements and consistent site-wide conventions


Payment Terms


Payment terms shall be agreed based on approved deliverables and milestones.


Application Requirements

Interested consultants shall submit the following:


A technical proposal outlining the proposed approach
A portfolio of similar assignments
A financial proposal
Confirmation of availability for the 3-week assignment