Aidly had a working product but no design foundation and no accessibility standards. I joined as their first UI/UX designer and spent five months building the structure the product needed to grow.
My Role
UI/UX Designer (part-time)
Timeline & contribution
April (solo): public user profile and task posting flow
June - July (collaborative): worked with the second designer on other screens and flows
August (solo): accessibility audit
Team
2 Co-founders
Second designer
Collaboration
async feedback and regular team calls
Note: This case study focuses on my solo contributions.
execution
Before starting, I conducted a brief audit of the existing homepage to understand what patterns existed.
I found multiple corner radius values, insufficient color contrast, and no clear distinction between primary and secondary text, all of that creating a broken visual hierarchy.
Next, I set the base and created a minimal style guide for typography and WCAG-compliant color variables.
Why? To work faster, eliminate redundant decisions and create consistency across design.
Users can be Taskers (complete tasks for others), Posters (post tasks requesting help), or both.
Every user has a public profile that other users can view to see what tasks they’ve posted, what tasks they are currently working on, and the reviews they’ve received.
Before
Visual noise and broken hierarchy (competing colors, misaligned elements)
No CTA for active posts
Badges were styled like buttons, causing confusion about what was interactive
After
Reduced cognitive load with minimal color palette and clear visual hierarchy
Introduced trust signals (user bio, reviews, verification badge) to build trust between users
Added CTA to active posts so users could apply directly from someone's profile instead of returning to homepage and searching for the post
Clarified roles with tab-based interface so users instantly see if someone is a Tasker and/or Poster
Badge styling distinct from buttons
Before
After
Full-page layout to eliminate scroll conflicts, especially on mobile
Reduced cognitive load by breaking the form into 4 logical steps with a visible progress indicator
Eliminated disappearing placeholders in favor of persistent helper text to minimize memory strain and prevent input errors
Reduced frustration by making errors visible
Supported users with color vision impairments by designing descriptive error messages placed directly above relevant fields, using icons and clear language
Note: This design was later simplified to single page after iterations with team. We removed non-essential fields to reduce time and abandonment.
Examples of issues found:
Skip heading hierarchy
Redundant alt text
Insufficient color contrast
Unlabeled form fields
Interactive elements couldn't be reached via keyboard
Focus indicators at 1.5:1 contrast instead of required 3:1
Layout broke and text overlapped at 200% zoom
Missing skip link
Screenshot of Notion
Learnings
A few improvements don't make a product accessible.
Should have established metrics from day one (form completion rate, task posting frequency). Validate assumptions and reduce guesswork about which problems mattered most with user interviews.
Building reusable components made everything faster later, when I needed to iterate and keep the design consistent.
I thought my 4-step form was pretty good. Then we made it one page, and it was actually better. Learned not to fall in love with my own solutions.
Things changed constantly. Developer couldn't implement everything perfectly because there just wasn't time. Not every detail is worth holding up a launch for. Get the structure right, worry about polish later.
Using NVDA confirmed what I already knew but needed to experience: the same product feels completely different through assistive technology.
It reinforced why I do this work. Not for compliance checkboxes, but because tiny actions open the digital world to more people. That's the impact I want to keep making.