RESTART - Nonprofit Organization Website

RESTART - Nonprofit Organization Website

Enhancing community safety by helping former inmates to reintegrate into society. RESTART’s dynamic, user-centric website empowers youth and adults to move away from criminal behavior and make positive changes. 

Website Design icon
Website Design
App design for startups
Startups
About Project
Our Task
Design Process
Wireframes
Visual Design
Key Features
Screens

About the Project

RESTART is a nonprofit organization that focuses on crime elimination and community safety enhancement by providing former inmates with continuous support. They help people find alternatives to illegal activities and assist with housing, education, employment, and social support. 

Screens designed

37 screens

Clock icon

85 hours

Charity website design
Website Design icon

Service:

Website Design

App design for startups

Industry:

Startups

Origin country icon

Country:

USA

Partnership period icon

Partnership period:

2024

Our Task

The client approached us with the goal of redesigning the website to enhance its user-friendliness and functionality. We had to produce a clear CTA, bold visuals reflecting the proactive nature of the charity sector, and an intuitive layout to showcase information about all-around assistance for RESTART’s target audience. 

Our Solution

Our design team redesigned the website, making it a modern, user-friendly nonprofit platform with clear navigation. We developed a layout that improves the visibility of enhanced communication channels for effective client interaction, assistance requests, key services, and integrated features for easy access to information.

Our Design Process

01
Research & Discovery
Initial research and discovery phase

We began our design process with a discovery phase and in-depth research. Our team meticulously surveyed the client’s vision, working on a comprehensive audience analysis and extensive competitor research to grasp the landscape of nonprofit organizations. This way, we aligned our design workflow with the specific needs of RESTART’s target audience. 

02
Wireframing
UX stage

Before designing user interfaces, we established a clear and intuitive website structure through wireframing. This phase allowed us to map out the user journey, ensuring seamless navigation for individuals seeking assistance, supporters looking to donate and volunteers eager to get involved. By prioritizing accessibility and clarity, we created a foundation that enhances engagement with RESTART’s charitable initiatives.

03
UI Design
UI stage

With the wireframes as a guide, we crafted visually compelling user interfaces that reflect RESTART’s humanitarian mission. We incorporated a clean and inviting design, using warm color schemes and impactful imagery to evoke a sense of community and social responsibility. The final UI elements were thoughtfully designed to highlight calls to action, making it easy for visitors to donate, volunteer, or request support.

04
Adaptive Design
Adaptive design stage

Recognizing the diverse ways in which users access nonprofit websites, we implemented an adaptive design approach. We ensured that the website functions seamlessly across all devices, from desktops to mobile phones, allowing individuals to connect with RESTART’s resources anytime, anywhere. This adaptability ensures that those in need, as well as potential donors and volunteers, have an optimal experience regardless of their device.

05
Clickable Prototype
Clickable prototype stage

To provide RESTART with a hands-on experience before development, we created an interactive, clickable prototype. This prototype allowed stakeholders to navigate the website, test functionality, and provide feedback, ensuring that the final product fully met their needs. By refining key interactions at this stage, we optimized the platform’s usability and effectiveness in furthering RESTART’s charitable efforts.

01

Research & Discovery

02

Wireframing

03

UI Design

04

Adaptive Design

05

Clickable Prototype

Wireframing

Our team meticulously designed over 100 wireframes to establish a structured and user-centric layout for RESTART’s website. This wireframing phase played a crucial role in optimizing navigation, allowing users to effortlessly access crime prevention initiatives, reintegration programs, and community resources.

Wireframe of the RESTART’s homepage
Wireframe of the RESTART’s leadership page
Wireframe of the RESTART’s solutions page
Wireframe of the RESTART’s careers page
Wireframe of the RESTART’s donation page
Wireframe of the RESTART’s donation program page
Wireframe of the RESTART’s help fund page
100+ Wireframes

Visual Design

The visual design of RESTART’s platform embodies a balance of strength and inclusivity, aligning with its mission to support reintegration. A carefully curated color scheme evokes trust and transformation, while the Work Sans typography enhances readability across all screens.

RESTART typography
RESTART color palette
An example of using the RESTART typography
RESTART icons set

Key Features

01

Programs

A comprehensive set of reintegration programs designed to support former inmates in rebuilding their lives through education, employment, and community engagement.

RESTART programs feature
02

Open Positions

A dedicated section where users can explore job opportunities within the organization and contribute to its mission of rehabilitation and social impact.

RESTART open positions feature
03

Donation

A seamless donation system that enables supporters to fund social projects and initiatives aimed at fostering safer communities and successful reintegration.

RESTART donation feature
04

Adaptive

A fully responsive feature designed for accessibility, ensuring a seamless user experience across all devices and screen sizes.

RESTART adaptive feature

Screens Overview

UI design of the RESTART homepage
UI design of RESTART leadership page

More cases

View All

E-Booking

Learn more

E-Event

Learn more

Sliky

Learn more

Have a project in mind?

rocket-line
Rocket