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.
Civica Website
Figma Prototype
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.
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.
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.
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.
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.
Logo Ideation Begins Again
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.
Figma Wireframes
Original Design
Final Design
Figma Interactive Prototype
Marketing Materials
Civica Blog
View 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.
Social Media
View Instagram
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.
Brochure Design
