Civica

Legal Assistance App | UI/UX Design, Frontend

Civica is an app designed to assist individuals with navigating legal challenges and getting affordable access to legal services and resources.

Project Role

Lead Graphic Designer, UI/UX Designer

Timeline

3 Months

Tools

Adobe Photoshop, Adobe After Effects, Adobe Premiere Pro, Figma, Expo

DESIGN RATIONALE

Civica was created to fill the gap in legal support for underprivileged women, particularly those facing complex legal challenges. Its design focuses on providing accessible, affordable, and easy-to-use resources that simplify legal processes, offer emotional support, and empower women to confidently navigate their rights. The app ensures that vulnerable women can access the legal protections they deserve, offering a user-friendly and trustworthy platform for support.

The design focuses on accessibility, clarity, and ease of use, providing users with a seamless experience when seeking legal support. With careful attention to color psychology and intuitive navigation, the app aims to reduce the stress of navigating legal processes and encourage positive engagement.

APP FEATURES

Civica App Features

USER RESEARCH

  • User Persona
  • Case Study
  • Research and Competitive Analysis
  • Ideation
  • User Testing

STYLE GUIDE

Style Guide Banner

Challenges

The case studies revealed several critical challenges faced by vulnerable women, such as workplace exploitation, lack of awareness about their legal rights, and fear of retaliation. Many women, especially immigrants or those with limited support networks, struggle to navigate the complexities of the legal system. Issues like underpayment, harassment, or even fraud often go unaddressed because these women either don't recognize the legal violations or are too afraid to speak up due to the fear of losing their jobs, facing mistreatment, or harming their families. Additionally, the emotional toll of legal battles, coupled with financial instability, leaves many women feeling helpless and without recourse.

Solution

Civica provides a comprehensive solution to these challenges by offering a user-friendly, intuitive platform that simplifies the legal process. The app offers step-by-step guidance through legal documentation, helps women understand their rights, and provides personalized recommendations based on their specific situations. Civica’s chatbot ensures that users have access to immediate support for any questions they might have, while its educational resources equip users with the knowledge needed to make informed decisions. Furthermore, Civica connects users with mental health resources, ensuring that emotional well-being is addressed alongside legal concerns. By empowering women with the tools, knowledge, and emotional support they need, Civica helps them navigate legal challenges with confidence and clarity, ultimately promoting justice and equality.

UI/UX DESIGN

WIREFRAMES

Figma design file showcasing the UI design for Civica. You can interact with the design elements directly within the frame below.

USER FLOW

Civica User Flow

PROMOTIONAL MATERIAL

PROMOTIONAL VIDEO

The promotional video was initially drafted using Storyboarder, Adobe Photoshop, and Figma, then brought to life through editing with Adobe Premiere Pro and After Effects to create a dynamic and engaging experience. The video highlights Civica’s mission to empower women by simplifying legal processes and providing the support they need to navigate legal challenges with confidence.

FINAL VIDEO

STORYBOARD VIDEO

The storyboard for the video was created using Storyboarder, and the sketches were designed in Adobe Photoshop to visualize the key scenes and concepts. The sequence was then put together in Adobe Premiere Pro.

MOTION GRAPHICS

The motion graphics were created using Adobe Illustrator for the graphics and then animated in After Effects to bring them to life and enhance the visual appeal of the video.

Features GIF Another Features GIF