Social Impact client

UX/UI Design • Platform Redesign • Social Impact

Redesigning the digital platform of a fast-growing social impact organization.

Designing a new website and private digital platform to help IM'PACTES manage its growing community of young people, educators, volunteers and partner companies.

IM’PACTES

Website

Timeline

6 Months

6 Months

2024

Team

Cross-functional

Cross-functional

Developers · Deloitte · IM'PACTES

Role

UX/UI Designer

& Product Owner

Platform

Website + Dashboards

Website + Dashboards

Strapi CMS

My Responsibilities

UX Research

UX Audit

Information Architecture

UX/UI Design

Product Ownership

Content guidance

Team training

Accessibility

Chapter 01

The

Challenge

The

Challenge

The

Challenge

Why?

Why?

Why?

The objective was to understand how customers experience the brand across channels and identify opportunities to improve the overall journey.

The objective was to understand how customers experience the brand across channels and identify opportunities to improve the overall journey.

Several problems emerged →

•

The site did not reflect the ambition of the organization

The site did not reflect the ambition of the organization

•

Internal processes were mostly manual

Internal processes were mostly manual

•

Stakeholders struggled to find information

Stakeholders struggled to find information

•

Communication between actors was fragmented

Communication between actors was fragmented

The Problem

The Problem

IM'PACTES is a young association supporting children victims of violence across France.

IM'PACTES is a young association supporting children victims of violence across France.

As the organization grew, their existing website could no longer support their needs.

As the organization grew, their existing website could no longer support their needs.

Design question →

How might we design a digital platform that supports the rapid growth of the association while remaining simple and accessible for all stakeholders?

How might we design a digital platform that supports the rapid growth of the association while remaining simple and accessible for all stakeholders?

Chapter 02

Understanding the Ecosystem

Understanding the Ecosystem

Understanding the Ecosystem

IM'PACTES works with a complex network of actors, each with different needs, tools and expectations.

IM'PACTES works with a complex network of actors, each with different needs, tools and expectations.

Key stakeholders →

•

Young adults supported by the association

Young adults supported by the association

•

Educators and mentors

Educators and mentors

•

Volunteers

Volunteers

•

Partner companies

Partner companies

•

Institutions

Institutions

To better understand their behaviors and frustrations, I conducted a UX audit, stakeholder interviews, and benchmarking.

To better understand their behaviors and frustrations, I conducted a UX audit, stakeholder interviews, and benchmarking.

Key Insights

Information was fragmented

Information was fragmented

Important resources were scattered across emails, documents and personal exchanges.

Processes were manual

Processes were manual

Requests required many manual steps and time-consuming coordination.

Stakeholders needed dedicated tools

Stakeholders needed dedicated tools

Different actors required different types of access and functionalities.

👉

Key Decision

The new platform needed both a public website and private user spaces.

The new platform needed both a public website and private user spaces.

Chapter 03

Designing the Platform

Designing the Platform

Designing the Platform

Information Architecture

Information Architecture

Information Architecture

I redesigned the platform architecture to clarify navigation and support the different user journeys.

I redesigned the platform architecture to clarify navigation and support the different user journeys.

This included →

✓

Defining new user flows

✓

Structuring private dashboards

✓

Simplifying access to key actions

✓

Organizing resources and tools for each user type

The goal was to create a clear and scalable system able to support the growth of the association.

The goal was to create a clear and scalable system able to support the growth of the association.

Visual Design

Visual Design

Visual Design

Initially, my role focused on UX design.

However, after the UX phase, I was asked to design the full UI of the platform.

Working with IM'PACTES

Working with the IM'PACTES communication team:

→

Analyzed their emerging visual identity

→

Adapted it to a digital interface

→

Created a coherent visual system for the website

Since the existing brand guidelines were incomplete, I developed several visual proposals.

Since the existing brand guidelines were incomplete, I developed several visual proposals.

Three directions explored

Three directions explored

Three directions explored

Based on stakeholder feedback, I refined the final design to balance clarity, accessibility and brand expression.

Based on stakeholder feedback, I refined the final design to balance clarity, accessibility and brand expression.

Based on stakeholder feedback, I refined the final design to balance clarity, accessibility and brand expression.

Check out the results

→

Chapter 04

Designing for

Designing for

Designing for

Multiple Roles

Multiple Roles

Multiple Roles

One of the main challenges of this project was designing a platform used by very different types of users, each with their own needs, tools and responsibilities.

One of the main challenges of this project was designing a platform used by very different types of users, each with their own needs, tools and responsibilities.

The platform had to support the daily work of the association while remaining simple and intuitive for all actors.

The platform had to support the daily work of the association while remaining simple and intuitive for all actors.

Through research and stakeholder interviews, I identified five key user groups interacting with the platform.

Through research and stakeholder interviews, I identified five key user groups interacting with the platform.

Through research and stakeholder interviews, I identified five key user groups interacting with the platform.

1

1

Young Adults

Young Adults

Young people supported by the association needed tools to help them progress toward independence.

Young people supported by the association needed tools to help them progress toward independence.

Their space focused on →

•

Accessing mentoring support

•

Searching for opportunities and partner companies

•

Managing appointments and activities

•

Accessing helpful resources and tools

The goal was to create a simple and empowering experience.

The goal was to create a simple and empowering experience.

2

2

Educators

Educators

Educators play a central role in supporting young people.

Educators play a central role in supporting young people.

Their dashboard allowed them to →

•

Follow the progress of the young people they support

•

Organize meetings and activities

•

Access tools and resources

•

Coordinate with partner companies

The design focused on clarity and efficiency.

The design focused on clarity and efficiency.

3

3

Volunteers

Volunteers

Volunteers needed to quickly understand how they could contribute to the association.

Volunteers needed to quickly understand how they could contribute to the association.

Their space provided →

•

Information about mentoring roles

•

Access to resources and documents

•

Visibility on ongoing initiatives

The goal was to simplify engagement.

The goal was to simplify engagement.

4

Partner Companies

Partner Companies

Companies collaborate with the association by offering mentorship, opportunities or resources.

Companies collaborate with the association by offering mentorship, opportunities or resources.

Their space allowed them to →

•

Follow their mentoring actions

•

Access collaboration tools

•

Discover activities organized by other partners

This helped strengthen the ecosystem around the association.

This helped strengthen the ecosystem around the association.

5

Administrators

Administrators

Administrators required more advanced tools to manage the platform.

Administrators required more advanced tools to manage the platform.

Their dashboard allowed them to →

•

Manage users and institutions

•

Follow mentoring programs

•

Access internal tools and job postings

•

Propose new initiatives

The challenge was to design a system that remained powerful but easy to manage.

The challenge was to design a system that remained powerful but easy to manage.

Design Outcome

Design Outcome

Designing the platform around these user roles helped structure the entire product.

Instead of a single complex interface, the platform provides dedicated spaces tailored to each actor, making it easier for everyone to access the tools they need.

This approach also ensures the platform can scale as the association grows and new partners join the ecosystem.

Designing the platform around these user roles helped structure the entire product.

Instead of a single complex interface, the platform provides dedicated spaces tailored to each actor, making it easier for everyone to access the tools they need.

This approach also ensures the platform can scale as the association grows and new partners join the ecosystem.

Visual overview

Platform Architecture

Platform Architecture

Each user role was mapped into a dedicated dashboard with tools adapted to their needs.

Each user role was mapped into a dedicated dashboard with tools adapted to their needs.

Chapter 04

Product Ownership

Product Ownership

Product Ownership

As the project progressed, I was also asked to take on the role of Product Owner.

As the project progressed, I was also asked to take on the role of Product Owner.

To support development:

To support development:

To support development:

✓

Wrote user stories

✓

Built and managed the product backlog

✓

Coordinated development with engineers

✓

Made design decisions during implementation

This required quickly learning product management practices and adapting designs based on technical constraints.

This required quickly learning product management practices and adapting designs based on technical constraints.

Over time, I became the main point of contact between the association and the project team.

Over time, I became the main point of contact between the association and the project team.

Chapter 05

Impact & Results

Impact & Results

🏃🏻‍

🏃🏻‍

Strong adoption

The redesigned website improved the visibility of the association, reaching 9,000 homepage visits in the first three months.

The redesigned website improved the visibility of the association, reaching 9,000 homepage visits in the first three months.

📄

📄

More registrations

The clearer structure and onboarding process helped generate more registration requests from new members and partners.

The clearer structure and onboarding process helped generate more registration requests from new members and partners.

“We received many new registration requests after launching the new website.”

“We received many new registration requests after launching the new website.”

“We received many new registration requests after launching the new website.”

IM’PACTES Team

✌🏻

✌🏻

Easier internal management

The new platform and private dashboards simplified daily operations for the IM’PACTES team.

The new platform and private dashboards simplified daily operations for the IM’PACTES team.

“The new site is very easy to use.”

“The new site is very easy to use.”

“The new site is very easy to use.”

IM’PACTES Team

Key learnings...

Managing Complex Ecosystems

Managing Complex Ecosystems

This project required balancing the needs of many actors with different expectations and levels of digital literacy.

This project required balancing the needs of many actors with different expectations and levels of digital literacy.

Growing into Product Ownership

Growing into Product Ownership

Growing into Product Ownership

Taking on the Product Owner role helped me develop stronger skills in prioritization, decision-making and developer coordination.

Taking on the Product Owner role helped me develop stronger skills in prioritization, decision-making and developer coordination.

Designing for Real Impact

Designing for Real Impact

Beyond the interface itself, the project helped structure internal processes and improve how the association operates daily.

Beyond the interface itself, the project helped structure internal processes and improve how the association operates daily.

Next case study →

Asterya App

Asterya App

Asterya App

View Project

Social Impact client

UX/UI Design • Platform Redesign • Social Impact

Redesigning the digital platform of a fast-growing social impact organization.

Designing a new website and private digital platform to help IM'PACTES manage its growing community of young people, educators, volunteers and partner companies.

Designing a new website and private digital platform to help IM'PACTES manage its growing community of young people, educators, volunteers and partner companies.

IM’PACTES

IM’PACTES

IM’PACTES

Website

Website

Website