Back to all projects
Project
Grants and education system for marginalized communities
Client
Hello Alice
Role
UX/UI Designer
Year
2020 to 2022

Context

Overview

Hello Alice is a platform designed for small business owners to access resources, grant opportunities, and community support. To meet WCAG 2.1 web accessibility standards and provide a universally usable experience, Hello Alice needed a comprehensive UX/UI overhaul.

My role

My role involved translating user needs into end-to-end easy-to-use experiences. I provided wireframes, prototypes, high-fidelity mockups, and conducted a detailed Design QA process. This involved constant communication with developers, project managers, directors, and other stakeholders.

Background

Hello Alice faced issues with inefficient resource delivery, a lack of web accessibility practices, and was undergoing a rebrand. The platform needed a mobile-first app that adhered to WCAG standards, improved navigation, and met conflicting timelines.

Target audience

The primary target audience comprised small business owners from marginalized communities, including LGBTQ+ individuals, Black communities, and women, who required access to funding and educational resources to support their business ventures.

Design Process

Design System Development

A small team of product designers quickly turned the new brand into an easy-to-use design system, reworking all existing pages and improving the UX on the fly.

Visual Design

Updated the UI to align with the new design system, focusing on accessibility and visual appeal.

Key Features and Improvements

1. Search and Filter

Challenge

Low engagement with the existing search tool, which lacked necessary filters and sorting options.

Solution

Implemented a global search and filter tool, allowing users to search and filter by categories and subcategories. Added a sort option to organize content based on relevancy or date added.

Outcome

Created a simple and clean global search tool, improving the ease of finding resources.

2. Onboarding

Challenge

The existing onboarding process was not mobile-friendly and had too many steps, making it hard for users to complete.

Solution

Designed a mobile-first onboarding process with fewer questions, keeping it simple and accessible.

Outcome

Improved the onboarding experience, making it more user-friendly and accessible.

3. Content Management Tools

Challenge

The content team needed efficient tools to create and edit resources.

Solution

Developed a resource dashboard and builder, allowing the content team to create, edit, filter, sort, and perform bulk actions on resources.

Outcome

Provided the content team with powerful tools to manage resources efficiently.

4. Design QA Process

Challenge

Established a Design Quality Assurance process focused on accessibility, screen-reader and keyboard compatibility, correct usage of reusable components, and responsiveness.

Outcome

Ensured that the final product met design and accessibility standards through thorough QA and detailed documentation via Jira tickets for developers and project managers.

General Conclusions

The redesign of Hello Alice successfully transformed the platform into an accessible, mobile-first app that met WCAG 2.1 standards. The updated UI aligned with the new design system, providing a cohesive and visually appealing experience. Key improvements, such as the global search and filter tool, a streamlined onboarding process, and enhanced content management tools, significantly improved user engagement and usability. The Design QA process ensured that all features met accessibility criteria and worked as intended. Positive feedback from users and stakeholders highlighted the effectiveness of the redesign in making the platform easier to navigate and more accessible.

See something you like? Lets chat :)

soyandresgar@gmail.com

Remote from Colombia

Download CV