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