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.
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.
- Accessible: Free, essential resources for all.
- Trustworthy: Secure, private, and reliable.
- Guiding: Step-by-step legal support.
- Supportive: Emotional and mental health resources.
- Informative: Clear, educational resources and tools.
APP FEATURES
USER RESEARCH
- User Persona
- Case Study
- Research and Competitive Analysis
- Ideation
- User Testing
The primary persona is a single mother navigating workplace harassment and family law challenges. The secondary persona is a woman facing financial struggles, needing help with unpaid wages and employment claims.
The case studies conducted with an immigration lawyer in BC highlight various legal challenges faced by vulnerable women in Canada. These include workplace exploitation, domestic abuse, marriage fraud, harassment in rental situations, and unfair treatment during employment training.
Through these real-life examples, Civica aims to address these issues by offering educational resources, legal support, and emotional guidance to empower women in navigating complex legal and personal situations.
Our competitor analysis and legal process research, based on common case studies, identify gaps in existing legal resources for vulnerable women. By examining real-life challenges like workplace exploitation, harassment, and legal ignorance, we aim to develop a solution that provides accessible, clear, and supportive legal guidance tailored to these needs.
In the ideation phase, we focused on creating a logo that symbolizes compassion and support, using two connected hearts. All drafts centered around this theme, with blue tones to evoke trustworthiness, as reflected in user surveys. The goal was to design a visual identity that resonated with our mission of offering accessible, supportive legal help for women.
[This section is under development]
STYLE GUIDE
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
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
VIDEO SHOTS/SCRIPT PLANNING
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.
PRINT MATERIAL
