Building for Access: Designing Across Devices
PROBLEM
Returning citizens often faced barriers in accessing digital tools. Low digital literacy, lack of trust in financial platforms, and inconsistent mobile access made it difficult for users to engage with FinEquity’s resources.
PROBLEM
Returning citizens often faced barriers in accessing digital tools. Low digital literacy, lack of trust in financial platforms, and inconsistent mobile access made it difficult for users to engage with FinEquity’s resources.
SOLUTION
I collaborated with researchers to design inclusive, mobile-first tools that reflected user needs and realities. Improved usability led to a 40% increase in new member sign-ups and stronger partnerships with community organizations that support financial reentry.
SOLUTION
I collaborated with researchers to design inclusive, mobile-first tools that reflected user needs and realities. Improved usability led to a 40% increase in new member sign-ups and stronger partnerships with community organizations that support financial reentry.
MY ROLE
UX + DEV Collab = Better Build
I led design execution across mobile and desktop, unblocking teams and solving Framer issues across disciplines. I kept design and implementation aligned so the work stayed usable and trusted.
Contributions
Led development team in building accessible, responsive platforms
Advised UX and improved cross-functional collaboration
Introduced agile methods to improve team velocity and clarity
MY ROLE
UX + DEV Collab = Better Build
I led design execution across mobile and desktop, unblocking teams and solving Framer issues across disciplines. I kept design and implementation aligned so the work stayed usable and trusted.
Contributions
Led development team in building accessible, responsive platforms
Advised UX and improved cross-functional collaboration
Introduced agile methods to improve team velocity and clarity
Aligned on naming, component behavior, and design rules early on to ensure a clean, consistent build across platforms.
PROBLEM
Removing Barriers to Sign-Up
The platform wasn’t built for users with limited digital access. Mobile layouts were inconsistent, and key actions like onboarding were hard to complete. These issues led to drop-offs and made it hard for partners to confidently refer users.
KPIs:
Low onboarding completion from incarcerated users
Poor mobile layout and accessibility
Missed opportunities with partner-led sign-ups
PROBLEM
Removing Barriers to Sign-Up
The platform wasn’t built for users with limited digital access. Mobile layouts were inconsistent, and key actions like onboarding were hard to complete. These issues led to drop-offs and made it hard for partners to confidently refer users.
KPIs:
Low onboarding completion from incarcerated users
Poor mobile layout and accessibility
Missed opportunities with partner-led sign-ups
Before
After
Cluttered architecture made it hard for members, especially those recently released after 10 to 15 years, to find essential services.
Before
After
Cluttered architecture made it hard for members, especially those recently released after 10 to 15 years, to find essential services.
RESEARCH
Building with Real User Feedback
Our team used real finEquity member personas to guide accessibility decisions across user types. These personas helped us validate whether key features built in Framer could truly support users with different levels of financial literacy and digital access.
Interviews Said
Users needed stronger visual feedback and error handling
Community partners preferred mobile-first workflows
Flows that aligned with persona needs saw a 25% increase in onboarding task completion
RESEARCH
Building with Real User Feedback
Our team used real finEquity member personas to guide accessibility decisions across user types. These personas helped us validate whether key features built in Framer could truly support users with different levels of financial literacy and digital access.
Interviews Said
Users needed stronger visual feedback and error handling
Community partners preferred mobile-first workflows
Flows that aligned with persona needs saw a 25% increase in onboarding task completion
Understanding our persona, who has limited tech access, low digital literacy, and urgent financial goals, helped us simplify flows and prioritize mobile-first design in Framer.
ITERATION
Solving for Edge Cases with Designers
We worked directly with designers to move flows from Figma to Framer. A key constraint was building a tab drawer system—we created a backup just in case. Teams trusted us to handle the handoff and make sure everything actually worked.
Redesigned screens directly in Framer
Improved clarity with stronger interaction feedback
Simplified flows to reduce user friction
ITERATION
Solving for Edge Cases with Designers
We worked directly with designers to move flows from Figma to Framer. A key constraint was building a tab drawer system—we created a backup just in case. Teams trusted us to handle the handoff and make sure everything actually worked.
Demonstrating how tab drawer interactions were adapted from Figma in Framer.
THE FINAL DESIGN
A Leaner, Trusted Platform That Converts
The redesign boosted sign-ups and partner trust. The client requested a fresh blue and orange palette, and preferred simple card layouts over the tab system we explored.
Key Outcomes
40% increase in sign-ups
Greater mobile usability and content accessibility
Flexible structure for evolving service offerings
THE FINAL DESIGN
A Leaner, Trusted Platform That Converts
The redesign boosted sign-ups and partner trust. The client requested a fresh blue and orange palette, and preferred simple card layouts over the tab system we explored.
Key Outcomes
40% increase in sign-ups
Greater mobile usability and content accessibility
Flexible structure for evolving service offerings
Clicking a card takes users directly to a new page—removing ambiguity and making navigation more intuitive for first-time users.
A clearer flow from homepage to services helped users confidently access what they needed across desktop and mobile,
TAKEAWAYS
Building With Empathy and Impact
This work reminded me how thoughtful design execution can empower users—especially when built in tools like Framer that connect design and delivery. Collaboration across teams helped us deliver something clear, fast, and accessible.
Lessons Learned
Accessibility and empathy must be built into the product
Developer-UX collaboration leads to more resilient systems
Responsive design is essential for underserved users
TAKEAWAYS
Building With Empathy and Impact
This work reminded me how thoughtful design execution can empower users—especially when built in tools like Framer that connect design and delivery. Collaboration across teams helped us deliver something clear, fast, and accessible.
Lessons Learned
Accessibility and empathy must be built into the product
Developer-UX collaboration leads to more resilient systems
Responsive design is essential for underserved users