Web Redesign | App Redesign | UX Design | UI Design System

Web Redesign | App Redesign | UX Design | UI Design System

GreenLight Office Platform Redesign

GreenLight Office Platform Redesign

"The strategic website and app redesign exceeded our expectations and delivered significant operational improvements across our enterprise. Our teams are extremely satisfied with the modernised platform."

Kristen Becker | CPO

The Greenlight Project

Introduction

The Greenlight Platform is a comprehensive survey and data management tool that powers The Greenlight Movement—a collaborative network of over 140 non-profits, social enterprises, and businesses. Together, they work to measure, understand, and evidence social and development impact within communities across Africa, with the ultimate goal of improving quality of life throughout the continent.

As the Greenlight Platform has expanded exponentially to accommodate various new clients and businesses, this rapid growth has significantly impacted employee productivity and platform efficiency, creating an urgent need for improved user experience across all touch-points.

They approached us for a comprehensive UX redesign of their entire system, including their survey-capture application, admin website, and client relationship management platform.

Industry

Survey Tools

Location

South Africa

Services

UX Design
Website Re-design
App Re-design

Industry

Survey Tools

Location

South Africa

Services

UX Design
Website Re-design
App Re-design

Industry

Survey Tools

Location

South Africa

Services

UX Design
Website Re-design
App Re-design

Industry

Survey Tools

Location

South Africa

Services

UX Design
Website Re-design
App Re-design

Industry

Survey Tools

Location

South Africa

Services

UX Design
Website Re-design
App Re-design

The Problem

The Greenlight Platform was experiencing critical usability issues, including laggy displays and slow response times that made simple tasks frustratingly time-consuming.

The platform suffered from poor information architecture and cluttered layouts that made essential functions difficult to locate and use, forcing employees and clients to waste valuable time searching for basic features.

These usability problems created a cascade of negative impacts that severely hampered staff efficiency, ultimately impeding the important social impact work these organisations were trying to accomplish across Africa.

Laptop and phone displaying survey management software interface.  The software shows a list of surveys, their status, and response data.
Laptop and phone displaying survey management software interface.  The software shows a list of surveys, their status, and response data.
Laptop and phone displaying survey management software interface.  The software shows a list of surveys, their status, and response data.
Laptop and phone displaying survey management software interface.  The software shows a list of surveys, their status, and response data.
Laptop and phone displaying survey management software interface.  The software shows a list of surveys, their status, and response data.

The Strategy

We gathered data from over 50 employees across different organisational roles, examining their daily workflows, pain points, and feature requirements. This research helped us understand both internal and external user needs and expectations, ensuring our design decisions would improve internal productivity and client satisfaction.

Developed a comprehensive design token library and enhanced component system ready to scale across the platform's diverse functionality, creating consistency and efficiency throughout the user experience.

Mockups of a mobile app for The Encouragement Project, showcasing various screens including profile, forms, and map views.
Mockups of a mobile app for The Encouragement Project, showcasing various screens including profile, forms, and map views.
Mockups of a mobile app for The Encouragement Project, showcasing various screens including profile, forms, and map views.
Mockups of a mobile app for The Encouragement Project, showcasing various screens including profile, forms, and map views.
Mockups of a mobile app for The Encouragement Project, showcasing various screens including profile, forms, and map views.

The Solution

Rather than pursuing a costly complete system rebuild that would disrupt operations, we implemented a strategic design system modernisation approach that preserved familiar workflows while dramatically improving the user experience.

Our solution focused on deconstructing the existing interface architecture and rebuilding core components using modern UX principles, ensuring users could leverage their existing knowledge while benefiting from contemporary design standards.

We implemented accessibility compliance through WCAG guidelines to support users with diverse needs, whilst focusing on performance optimisation by streamlining interface elements to improve loading times and system responsiveness.

Infographic showing key statistics: 86 facilitators, 12 organisations, 502 surveys, 502 clients, 1090 responses, and 1436 total users.

Overhauled Design System

Maintained the familiar interface layout while implementing efficiency improvements to minimise user adoption barriers.

Infographic showing key statistics: 86 facilitators, 12 organisations, 502 surveys, 502 clients, 1090 responses, and 1436 total users.

Overhauled Design System

Maintained the familiar interface layout while implementing efficiency improvements to minimise user adoption barriers.

Infographic showing key statistics: 86 facilitators, 12 organisations, 502 surveys, 502 clients, 1090 responses, and 1436 total users.

Overhauled Design System

Maintained the familiar interface layout while implementing efficiency improvements to minimise user adoption barriers.

Infographic showing key statistics: 86 facilitators, 12 organisations, 502 surveys, 502 clients, 1090 responses, and 1436 total users.

Overhauled Design System

Maintained the familiar interface layout while implementing efficiency improvements to minimise user adoption barriers.

Infographic showing key statistics: 86 facilitators, 12 organisations, 502 surveys, 502 clients, 1090 responses, and 1436 total users.

Overhauled Design System

Maintained the familiar interface layout while implementing efficiency improvements to minimise user adoption barriers.

Flowchart showing a process with stages like Login, Reconciliation, Data Integrity, and Successful/Rejected outcomes.

Simplified IA & user journeys

Removed redundant layout elements and optimised user flows to make essential functions easier to locate and use.

Flowchart showing a process with stages like Login, Reconciliation, Data Integrity, and Successful/Rejected outcomes.

Simplified IA & user journeys

Removed redundant layout elements and optimised user flows to make essential functions easier to locate and use.

Flowchart showing a process with stages like Login, Reconciliation, Data Integrity, and Successful/Rejected outcomes.

Simplified IA & user journeys

Removed redundant layout elements and optimised user flows to make essential functions easier to locate and use.

Flowchart showing a process with stages like Login, Reconciliation, Data Integrity, and Successful/Rejected outcomes.

Simplified IA & user journeys

Removed redundant layout elements and optimised user flows to make essential functions easier to locate and use.

Flowchart showing a process with stages like Login, Reconciliation, Data Integrity, and Successful/Rejected outcomes.

Simplified IA & user journeys

Removed redundant layout elements and optimised user flows to make essential functions easier to locate and use.

Comparison of old and new dashboard designs. The new design features a cleaner layout with improved data visualisation.

Efficient screen-space usage

We significantly optimised screen space utilisation that directly reduced server load and operational costs.

Comparison of old and new dashboard designs. The new design features a cleaner layout with improved data visualisation.

Efficient screen-space usage

We significantly optimised screen space utilisation that directly reduced server load and operational costs.

Comparison of old and new dashboard designs. The new design features a cleaner layout with improved data visualisation.

Efficient screen-space usage

We significantly optimised screen space utilisation that directly reduced server load and operational costs.

Comparison of old and new dashboard designs. The new design features a cleaner layout with improved data visualisation.

Efficient screen-space usage

We significantly optimised screen space utilisation that directly reduced server load and operational costs.

Comparison of old and new dashboard designs. The new design features a cleaner layout with improved data visualisation.

Efficient screen-space usage

We significantly optimised screen space utilisation that directly reduced server load and operational costs.

The Impact

The redesigned GreenLight Office platform delivered remarkable improvements across all key success indicators, with exceptional adoption rates recorded across all three test groups during our pilot phase.

We reduced task completion times and eliminated the friction that had been hampering daily operations. The enhanced information architecture improved productivity, and user adoption exceeded all expectations. The new decluttered layout is now enabling staff to focus on their tasks effectively.

This project proves that thoughtful UX/UI design can transform non-profit operations, showing how strategic interface design serves as essential infrastructure for organisations working to create positive social impact.

87%

Exceptional Employee Adoption

87%

Exceptional Employee Adoption

87%

Exceptional Employee Adoption

87%

Exceptional Employee Adoption

87%

Exceptional Employee Adoption

40%

Boost in Operational Efficiency

40%

Boost in Operational Efficiency

40%

Boost in Operational Efficiency

40%

Boost in Operational Efficiency

40%

Boost in Operational Efficiency

100%

Client Satisfaction

100%

Client Satisfaction

100%

Client Satisfaction

100%

Client Satisfaction

100%

Client Satisfaction

Accelerate Your Digital Growth Today

Tell us a bit about your vision, and we'll reach out the next working day.

Accelerate Your Digital Growth Today

Tell us a bit about your vision, and we'll reach out the next working day.

Accelerate Your Digital Growth Today

Tell us a bit about your vision, and we'll reach out the next working day.

Accelerate Your Digital Growth Today

Tell us a bit about your vision, and we'll reach out the next working day.

Accelerate Your Digital Growth Today

Tell us a bit about your vision, and we'll reach out the next working day.