Civica – Legal Aid
Mobile App

Role: UX & Graphic Designer

A legal support app designed to empower underprivileged women by providing accessible tools and guidance for navigating legal challenges.

Problem

Many underprivileged women lack access to legal information, face financial barriers, and fear legal proceedings, making it difficult to understand their rights.

Solution

Civica provides a user-friendly legal aid app with multilingual chatbot support, simplified legal documents, and access to legal, mental health, and counseling resources.

Civica Phone Prototype

User Research

Insights from Real Case Studies

A lawyer provided seven real case studies of women in vulnerable situations, highlighting key challenges such as workplace exploitation, harassment, legal vulnerabilities, and mental health impacts.


Key Findings

  • Workplace Exploitation –
    Blurred boundaries, excessive workload, and power imbalances.

  • Harassment & Abuse –
    Verbal, emotional, and psychological mistreatment.

  • Legal Vulnerability –
    Fear of speaking out due to lack of legal awareness.

  • Mental Health Impact –
    Stress, anxiety, and hospitalization in severe cases.

Research Image

User Surveys

Surveys and usability testing were conducted to gather user feedback and identify pain points. Surveys provided insights into user perceptions, while usability testing evaluated how effectively users interacted with the design. Findings informed iterative improvements, ensuring a more intuitive and user centred experience.

Research Image

User Personas

The Civica team developed a user persona to accurately represent middle-aged women in vulnerable situations, focusing on their legal, financial, and emotional challenges. Through research and case studies, we identified their needs and barriers, shaping our design and marketing strategies to ensure Civica is accessible, supportive, and empowering for our target audience.

Research ImageResearch Image

The Design Process

Color Palette

PRIMARY
Hex #313889
RGB 49, 56, 138

SECONDARY
Hex #8FA0F1
RGB 143, 160, 241

TERTIARY
Hex #66B1DA
RGB 102, 177, 218

BACKGROUND/TEXT
Hex #FFFFFD
RGB 255, 255, 253

LIGHT VARIANT
Hex #EAF0F6
RGB 234, 240, 246

BACKGROUND/TEXT
Hex #0E131F
RGB 14, 19, 31

Refining Brand Identity – Logo Evolution

The original Civica logo featured a heart, a feminine silhouette, and a stylized "C." However, survey feedback indicated that the design was often misinterpreted as an "E," causing confusion among users.

In response, new logo concepts were developed to better align with the brand’s identity while ensuring clear and effective visual communication with the target audience.

Original Logo


Logo Ideation Begins Again

 Logo Draft Logo Draft Logo Draft Logo Draft


Final Logo

The final logo features two interlocking hearts, representing unity and Civica’s commitment to supporting its audience. This design reflects Civica’s core values while ensuring clarity and strong brand recognition.

 Civica Logo

Figma Wireframes

Original Design

 Civica Logo

Final Design

 Civica Logo

Figma Interactive Prototype



Marketing Materials

Civica Blog

The blog made with Next.js for Civica featured weekly updates on the project's progress and challenges, highlighting achievements and sharing insights into the development process.

 Civica Blog

Social Media

Our app's Instagram page was used to promote features, engage with our audience, and expand our reach. We shared fun and informative content, posted updates, and built a community around our app.

 Civica Blog

Brochure Design


 Civica Blog