---
title: "Firefly Advocates UI Case Study"
description: "Firefly Advocates is a 501(c)(3) nonprofit organization focused on reforming the criminal justice system and offering support to individuals affected by fines or wrongful convictions. Their mission is to ensure justice is served fairly and compassionately, providing critical assistance to those in need."
url: "https://www.creativo-code.com/projects/firefly-advocates"
canonical_url: "https://www.creativo-code.com/projects/firefly-advocates"
site: "CreativoCode"
site_index: "https://www.creativo-code.com/llms.txt"
---

# Firefly Advocates UI Case Study

> Firefly Advocates is a 501(c)(3) nonprofit organization focused on reforming the criminal justice system and offering support to individuals affected by fines or wrongful convictions. Their mission is to ensure justice is served fairly and compassionately, providing critical assistance to those in need.

## Overview

![hero image](https://images.prismic.io/creativo-code-official/ZuifYbVsGrYSvaQO_Firefly.png?auto=format,compress)

![Firefly](https://images.prismic.io/creativo-code-official/ZiaZG_Pdc1huKru5_Firefly.png?auto=format,compress)

Firefly Advocates

Website for a Law firm

Firefly Advocates sought a complete revamp of their website's UI/UX design to improve the user experience and present a clean, creative, and professional look. The goal was to enhance both the visual appeal and functionality of their site, ensuring visitors could easily navigate and engage with their mission and services.

Legal services

UI design

Visit SIte

## Project description

text-4xl md:text-5xl lg:text-4xl

mt-16 lg:mt-28

Client overview

Firefly Advocates is a 501(c)(3) nonprofit organization focused on reforming the criminal justice system and offering support to individuals affected by fines or wrongful convictions. Their mission is to ensure justice is served fairly and compassionately, providing critical assistance to those in need.

text-4xl md:text-5xl lg:text-4xl

The problem

The client was dissatisfied with the design and user experience of their existing website. They needed an improved UI/UX design that would better communicate their mission, increase usability, and create a more engaging experience for their audience.

text-5xl md:text-6xl lg:text-5xl

mb-16 lg:mb-28

Our Solution

We provided a clean, creative, and professional UI/UX design for Firefly Advocates, focusing on improving both visual appeal and user experience. Using Figma, we designed layouts for both mobile and desktop platforms, ensuring seamless functionality across devices. The revamped design clearly communicates their mission, services, and global reach, while enhancing usability with creative components and animations. This design successfully meets the client’s needs, providing a modern and engaging user experience that supports their mission.

![firefly advocates](https://images.prismic.io/creativo-code-official/Z17DH5bqstJ98grj_firefly.png?auto=format,compress)

## Design system — colour

Colors

#17292F

text-white

primary

#56CBED

text-black

primary

#D3EEF5

text-black

primary

#44231F

text-white

secondary

#FFD28E

text-black

secondary

#EDFBFF

text-black

secondary

## Design system — typography

Typography

Roboto

![Roboto Font](https://images.prismic.io/creativo-code-official/ZunBPLVsGrYSveHA_robotofont.png?auto=format,compress)

primary

Montserrat

![Montserrat Font](https://images.prismic.io/creativo-code-official/ZunBUbVsGrYSveHD_Montserratfont.png?auto=format,compress)

secondary

## Final output

The Final Output

![Final output](https://images.prismic.io/creativo-code-official/ZunlP7VsGrYSve75_Fireflyfinaloutput.png?auto=format,compress)

## Client feedback

Client Feedback

![CEO of FireFly Advocates](https://images.prismic.io/creativo-code-official/ZunuJrVsGrYSve_k_firefly.png?auto=format,compress)

Klaidi

CEO of FireFly Advocates

I highly recommend Creativo-code for their exceptional work on a recent design project. <% They were very responsive, detail-oriented, and accommodating my requests throughout the process. The final design and prototype exceeded my expectations. %> It was a pleasure working with Creativo-code, and I would definitely work with them again in the future

---

Source: https://www.creativo-code.com/projects/firefly-advocates
Site index: https://www.creativo-code.com/llms.txt