contract Empowering Immigrants through Accessible Political Engagement

contract Project Overview

The target users for your product are first-generation immigrants who may be less familiar with the political system and may have difficulty navigating the often complex language used in proposed bills. By creating a user experience that is easy to use and understand, I've created a product that can help these users stay informed and engaged with the political process, which is critical for ensuring that their voices are heard.

brightness_alert The Problem

First-generation immigrants may struggle to understand the complex language and processes involved in proposed bills that may affect their families. This can leave them feeling disempowered and disengaged from the political process, making it difficult for them to advocate for themselves and their communities.

award_star The Goal

The design solution is to create a user experience that helps first-generation immigrants stay informed about proposed bills that may affect their families. By creating a user-friendly and accessible platform, I try to empowering these users to stay engaged with the political process and advocate for their needs. This user experience include features such as search functionality, filters, and notifications, making it easy for users to find information about bills that are relevant to them. This platform also increase political engagement and promoting civic participation among first-generation immigrants.

assignment_ind My role

Conducted research.
Defined user requirements and developed a user-friendly interface for the product.
Designed and developed the user experience
Conducted user testing.
Design a clear and accessible interface for complex political information on Mobile app and responsive website.
Demonstrated a strong commitment to delivering a high-quality product that meets the needs of the target users.

task_alt Responsabilities

Conducting research to better understand the needs of first generation immigrants in relation to political engagement and advocacy.
Developing user requirements based on the research findings and user feedback.
Designing the user experience for the product, including creating wireframes and prototypes.
Developing key features such as search functionality, filters, and notifications to help users stay informed about relevant bills.
Conducting user testing to gather feedback and improve the design of the product.
Iteratively refining the design based on user feedback and testing results.
Ensuring that the final product is accessible to a wide range of users, including those with disabilities or limited English proficiency.

person_search User Research:

Summary

For this project, I conducted user research to better understand the needs of first-generation immigrants in relation to political engagement and advocacy. My research included both qualitative and quantitative methods, such as interviews, surveys, and focus groups. Going into the research, I had some assumptions about the challenges that first-generation immigrants face when trying to understand proposed bills that may affect their families. However, through my research, I discovered that the language and complexity of these bills can be overwhelming and intimidating for many users. This led me to focus on creating a user experience that is as simple and accessible as possible, with features such as search functionality, filters, and notifications to help users stay informed about relevant bills. Overall, my user research was critical in shaping my understanding of the problem and developing an effective solution that meets the needs of the target users.

Pain points

Language Barrier

Many first-generation immigrants may not be fluent in English, making it difficult for them to understand the language used in proposed bills and other political materials.

Complexity of Political Information

Even for those who are fluent in English, the complexity of political information can be overwhelming and confusing, making it hard for users to stay informed and engaged.

Lack of Information Access

Many first-generation immigrants may not have access to the same information sources as other citizens, such as mainstream media outlets, which can make it dfficlt for them to stay informed about political issues.

Limited knowledge of political systems

For some users, their lack of knowledge about the political systems in the United States may be a barrier to effective engagement and advocacy. They may not know how to navigate the system or understand the impact of proposed bills on their families and communities.

assignment_ind User Persona

Mohammed Ali is a recent immigrant to the UK who works as an Uber driver. He wants to stay informed about proposed bills that could impact his community and take action to support immigrant rights. The app or website should offer curated news and summaries to help him stay informed without feeling overwhelmed. Mohammed wants to quickly understand how he can take action to support his community, and the app or website should offer resources and information about local community groups, events, and petitions. Finally, he wants to track the impact of his actions and stay updated on any changes to the legislative process. The user journey highlights the importance of creating a user experience that empowers users to take action and support their community.

Ahmed Hassan is a recent immigrant from Yemen working as a chef in the UK. He needs a way to stay informed about proposed bills that could impact his family's rights and protect them. The app or website should provide curated news and resources in an accessible format for users with limited English language skills. Ahmed wants to understand how he can take action to protect his family and engage with the political system. The user journey highlights the importance of creating a user experience that provides access to reliable information and resources for immigrant communities.

Maria Hernandez is a Mexican immigrant living in the UK with limited English language skills. She wants to stay informed about proposed bills that could impact her family's rights. The app or website should offer features that make the language more accessible and filters to narrow down the search results. Maria wants to take action to protect her family's rights by advocating for or against proposed bills. The app or website should offer resources and information about how to effectively engage with the political system. Finally, Maria wants to stay up-to-date on proposed bills and any changes to the legislative process. The user journey highlights the importance of creating an accessible user experience that empowers users to engage with the political process and advocate for their family's rights.

web Site Map

The site map is organized into four main sections: Home, Bill Database, Resources and Support, and About Us. Each section serves a specific purpose, providing users with information and tools to stay informed about proposed bills affecting immigrant families. The Home page provides an overview and latest updates, the Bill Database has comprehensive information about proposed bills, the Resources and Support section provides practical tools and information, and the About Us section has contact information and a brief overview of the website's mission and team members.

draw Scketches and Wireframes

Paper Wireframes

I utilized the Crazy 8 process to design 8 wireframes for a desktop view website that needed to be visually similar to the mobile size while remaining functional. The focus was on implementing the site map and designing pages with a clear and efficient user experience. I kept in mind the importance of layout, accessibility, and navigation while designing the wireframes. The main challenge was to maintain consistency between the desktop and mobile versions of the website while still providing a seamless and intuitive user experience.

Digital Wireframes

I focused on creating a clear and user-friendly layout for my wireframe, with easy navigation and accessibility. I received feedback from my peers and made changes to improve the overall design, including simplifying the navigation and improving the visual consistency. I implemented peer feedback by reviewing and considering suggestions on the layout and organization of the site, ensuring that it is visually similar and functional on both desktop and mobile devices. I incorporated responsive design elements to ensure that the site could be easily accessed and navigated on various screen sizes. Overall, my thought process was to prioritize usability and accessibility for the users while maintaining a consistent design aesthetic.

bug_report Usability Study

Parameters

Study type:

Unmoderated usability study

Location:

United Kingdom, London, remote

Participants:

5 participants

Length:

20-30 minutes

Usability study for the mobile app: findings

The following are findings from a usability study conducted on the mobile app.

Previus read Bills

Users found it helpful to have a history of bills they were following on their profile page, but had difficulty locating it within the navigation bar.

Access to the news

Easy access to news related to proposed bills was highly important to users, as it was the main goal of the app: to stay informed about proposed bills affecting immigrant families.

Feedback

The about section, which allowed users to provide feedback, was well received and appreciated.

Usability study for responsive website: findings

The following are findings from a usability study conducted on the responsive website version.

Bills section

Users liked the fact that the bills section was easily accessible from the navigation bar, as it was one of the most important features of the website.

Resouces

Some users suggested that the "resources" section could be better organized, with clearer categories and subcategories to help them find what they were looking for more easily.

Feedback

The community section was found to be a valuable resource for users. Were user can access quickly to previous topic.

architecture Mockups

Mockups website desktop version

Focused on making the mockups consistent with the wireframes I wanted to ensure that the layout was clean and intuitive, so I kept the design simple and straightforward. For accessibility, I paid particular attention to contrast ratios to ensure that text and other elements were easy to read and distinguish from one another. I also made sure to adhere to accessibility guidelines when choosing font sizes and styles to ensure that all users could easily read and interact with the interface.

Mockups website mobile version

Additionally, I created a similar layout for the mobile version, ensuring that it maintained continuity, consistency, and accessibility with the desktop version. I paid particular attention to the contrast between text and background to ensure that it was easily readable on smaller screens, and the navigation was adjusted to be thumb-friendly for improved accessibility.

all_inclusive All Inclusive

Accessibility considerations

Colour contrast

Ensuring that text and graphics have enough contrast with the background for people with colour vision impairments.

Use of headers

Using header tags to structure content in a logical order, which makes it easier to navigate with screen readers.

Alt text

Providing alternative text for non text elements such as images, icons, and graphs, for users who rely on screen readers.

Limited knowledge of political systems

cognition Takeaway

task_alt Impact:

By providing clear and concise information, and creating an easy-to-use interface, I believe that the platform can empower and inform users, helping them to stay engaged and active in the political process. I did receive positive feedback from my peers and study participants, who praised the platform's accessibility and ease of use.

auto_stories What I learned:

Through this project, I learned the importance of user research, feedback, and accessibility in designing a user-friendly and effective experience. I also gained valuable skills in wireframing, prototyping, and designing for different devices.

Thank You

Thank you for your interest in this project. If you have any questions or would like to see more of my work, please feel free to contact me.

contract Design a donation flow for charity

contract Project Overview

The Big Heart Foundation is a non-profit charitable organization based in the UK, operating globally to support vulnerable communities including homeless individuals, disabled persons, single mothers, and children in need. Their goal is to raise awareness of emergencies and the impact of donations on their work. Donations are used to make a positive impact on the lives of those they serve, promoting humanitarian aid, education and healthcare, and facilitating community development.

brightness_alert The Problem

Challenge in creating a webpage that effectively communicated its mission and activities while encouraging users to donate.

award_star The Goal

The primary goal was to design a webpage that was intuitive and simple to use and navigate, providing all important information on the main page. The webpage was designed to be mobile-friendly, ensuring that it was accessible to users on all devices.

assignment_ind My role

Guided the user experience design process, ensuring each phase from conceptualization to final implementation adhered to best practices and project goals.
Acted as the main liaison between the design team and other stakeholders, including project managers, developers, and marketing teams, ensuring clear and consistent communication.
Promoted and enforced user-centered design principles throughout the project, ensuring that user needs and preferences were at the forefront of all design decisions.
Organized and led workshops, brainstorming sessions, and design sprints to gather insights from various stakeholders and foster a collaborative environment. These sessions were key in shaping the project’s direction and ensuring buy-in from all parties involved.
Presented design concepts, wireframes, prototypes, and final designs to stakeholders, clearly explaining the rationale behind design choices and how they aligned with user needs and project goals. This included creating presentations and detailed documentation to support design decisions.

task_alt Responsabilities

Conducted in-depth user research to gain a thorough understanding of user needs, preferences, and pain points. This involved conducting interviews, surveys, and creating empathy maps to capture insights from potential donors and website users.
Developed detailed user personas and problem statements based on research findings. These personas represented key user groups and guided the design process by keeping the team focused on addressing real user needs and challenges.
Created comprehensive user journey maps to visualize the entire user experience, from initial website visit to final donation. These maps highlighted key touchpoints, pain points, and opportunities for improving the user experience.
Designed intuitive and user-friendly interfaces through a combination of wireframes and prototypes. This iterative process involved sketching initial concepts, creating digital wireframes, and developing both low and high-fidelity prototypes to refine the design.
Conducted usability studies to test the design with real users. Collected feedback on usability, navigation, and overall user satisfaction. Based on this feedback, iterated on the design to enhance usability and meet user expectations.
Ensured that the website’s design was inclusive and accessible to all users, regardless of their abilities. This included following accessibility best practices, such as using appropriate color contrast, designing for keyboard navigation, and ensuring compatibility with screen readers.

person_search User Research:

Summary

Here's the extracted text from the provided PDF document: Design a donation flow for charity Giovanni Delle Donne The product: The Big Heart Foundation is a non-profit charitable organization based in the UK, operating globally to support vulnerable communities including homeless individuals, disabled persons, single mothers, and children in need. Their goal is to raise awareness of emergencies and the impact of donations on their work. Donations are used to make a positive impact on the lives of those they serve, promoting humanitarian aid, education and healthcare, and facilitating community development. Project overview Project duration: February 2023 to March 2023 The problem: Challenge in creating a webpage that effectively communicated its mission and activities while encouraging users to donate. Project overview The goal: The primary goal was to design a webpage that was intuitive and simple to use and navigate, providing all important information on the main page. The webpage was designed to be mobile-friendly, ensuring that it was accessible to users on all devices. My role: UX Designer leading the Big Heart Foundation’s website design. Project overview Responsibilities: Conducting interviews, paper and digital wireframing, low and high-fidelity prototyping, conducting usability study, iterating on the designs and responsive design. Understanding the user User research Personas Problem statements User journey maps User research: summary I conducted interviews and created empathy maps to understand the users I'm designing for and their needs. I found that the main challenges that users face are understanding who the organization is, how donations are used, which emergencies are involved, and the impact of their contributions.

Pain points

Navigation:

The navigation had to be intuitive and smooth. Users needed to find information and complete the donation process effortlessly.

Interactions:

The donation button had to be clear and visible. It was crucial for users to easily locate and use the donation button without confusion.

Information:

All key information needed to be accessible and simple to navigate to and from. Users required clear, concise information about the organization, its mission, and the impact of donations.

assignment_ind User Persona

John is a 65-year-old retired accountant who resides in a suburban neighborhood with his wife. He has two grown children and several grandchildren whom he adores. John is dedicated to helping others and has a longstanding commitment to charitable donations. Recently, he has become more concerned about the impact of his contributions and wants to ensure his money is used effectively. John faces mobility challenges due to arthritis, which limits his ability to attend in-person events.

Sarah is a 35-year-old single mother who balances her full-time job as a nurse with raising her two young children in California. She is deeply committed to giving back to her community despite having limited disposable income. Sarah is cautious about the legitimacy of charities and wants to make sure that her donations are being used appropriately and effectively.

Tom is a 40-year-old individual with a disability who works part-time in a customer service role. He lives in New York and is an orphan. Tom is passionate about supporting charities that assist people with disabilities, but he finds it challenging to obtain information about these organizations. His part-time job limits his financial capacity, and his disability makes it difficult for him to attend in-person events.

Maria is a 30-year-old lawyer who lives in New York. As a busy professional, she works long hours and has a strong desire to make a positive impact on the world. However, Maria struggles to find the time to research and evaluate charities. She is also concerned about the transparency and effectiveness of charitable organizations, wanting to ensure that her contributions make a significant difference.

web Site Map

The website navigation was the primary pain point for the user. So I used that knowledge to create a sitemap. My goal here was to create an information architecture that would improve the overall navigation. The structure that I chose was designed to make things easy and simple.

draw Scketches and Wireframes

Paper Wireframes

TNext, I sketched out paper wireframes for each screen of the website, keeping user pain points about navigation, information, and user flow. The home screen paper wireframe variations to the right focus on delivering all the key information to improve user experience.

Digital Wireframes

Moving from paper to digital wireframes made it easy to understand how the design could address user pain points. Prioritizing useful buttons and adding visual elements was the key point of my design.

bug_report Usability Study

Parameters

Study type:

Unmoderated usability study

Location:

United Kingdom, London, remote

Participants:

5 participants

Length:

25-30 minutes

Usability study: findings

The usability study highlighted the importance of clear information presentation, prominent donation buttons, and an intuitive user flow. These insights were instrumental in refining the website design to better meet user needs and encourage donations.

Clear Information Listing:

Users encountered difficulty understanding certain sections that heavily relied on icons without any accompanying text. To address this issue, I made a change. Instead of using icons alone, I included descriptive text alongside them. This modification ensured that users could easily comprehend the content without any confusion.

Donation Button Visibility:

The donation button was not as prominent as it needed to be, which made it difficult for users to locate and use effectively. To address this issue, I redesigned the donation button to stand out more. It is now very visible and easily accessible on all pages. This improvement aims to facilitate the donation process and encourage more contributions.

Overall Goal Clarity:

Users appreciated a clear and concise presentation of the overall goal of each page. To achieve this, I ensured that the primary objective of each page was articulated clearly and succinctly. This approach helps users quickly understand the purpose of the page and navigate accordingly.

Proper Information Listing:

Users appreciated having all relevant information listed properly and descriptively. To achieve this, I meticulously detailed key information, ensuring that users could find what they needed without any hassle.

Intuitive and Simple Flow:

Ensuring a smooth and intuitive flow was crucial for creating a positive user experience. To achieve this, I meticulously designed the website flow to be as straightforward and intuitive as possible. Users can now navigate seamlessly from one section to another, enhancing their overall experience.

architecture Mockups

Mockups: Original screen size

Based on the insight from the usability study, I made changes to improve the site flow. One of the changes that I made was to add the donate button on the navigation bar, making it always available, in order to improve the overall goal of the website.

all_inclusive All Inclusive

Accessibility considerations

Visual Hierarchy

To ensure that content is easily navigable and understandable, different heading sizes were employed to create a distinct visual hierarchy. This approach helps users with visual impairments discern the structure and importance of the content, making it easier to follow and interact with.

Navigation Clarity

The navigation bar was designed with bold text against a high-contrast background color to clearly indicate the user’s current location within the site. This visual cue aids users in quickly identifying their position and facilitates easier navigation, especially for those with visual challenges.

Contrast Ratio

The contrast ratio of 11.78:1 not only meets but exceeds the standards set by WEBAIM for accessibility. This high contrast ratio ensures that text stands out against its background, significantly improving readability for users with low vision and those who struggle with perceiving color differences.

cognition Takeaway

task_alt Impact:

The participants shared that the design was intuitive to navigate through, engaging with images and demonstrating a clear visual hierarchy.

auto_stories What I learned:

I learned that even a small change in design can have a huge impact on the user experience. The most important takeaway for me is to always focus on the real needs of the users.

Thank You

Thank you for your interest in this project. If you have any questions or would like to see more of my work, please feel free to contact me.

Let me Design your website | mobile apps.

Let me Code your website.

See my Skills clear_all

Verify Me verified_user

contract Empowering Immigrants through Accessible Political Engagement

contract Project Overview

brightness_alert The Problem

award_star The Goal

assignment_ind My role

task_alt Responsabilities

person_search User Research:

Summary

Pain points

Language Barrier

Complexity of Political Information

Lack of Information Access

Limited knowledge of political systems

assignment_ind User Persona

web Site Map

draw Scketches and Wireframes

Paper Wireframes

Digital Wireframes

bug_report Usability Study

Parameters

Study type:

Location:

Participants:

Length:

Usability study for the mobile app: findings

Previus read Bills

Access to the news

Feedback

Usability study for responsive website: findings

Bills section

Resouces

Feedback

architecture Mockups

Mockups website desktop version

Mockups website mobile version

all_inclusive All Inclusive

Accessibility considerations

Colour contrast

Use of headers

Alt text

Limited knowledge of political systems

cognition Takeaway

task_alt Impact:

auto_stories What I learned:

Thank You

contract Mobile app for a fitness studio

contract Project Overview

brightness_alert The Problem

award_star The Goal

assignment_ind My role

task_alt Responsabilities

person_search User Research:

Summary

Pain points

Difficulty in finding and booking classes

Lack of motivation and accountability

Limited customization options

assignment_ind User Persona

web Site Map

draw Scketches and Wireframes

Paper Wireframes

Digital Wireframes

bug_report Usability Study

Parameters

Study type:

Location:

Participants:

Length:

Usability study: findings

Navigation

Design

Functionality

architecture Mockups

Mockups: Original screen size

all_inclusive All Inclusive

Accessibility considerations