MY ROLES:

Project Designer


MY ROLES:

Project Designer


TEAM

Ciara Santiago

Mustafa Ahmed

David Martinez

Olivia Moos

TIMELINE:

4 Months

(10/7/2024 - 2/20/25)



TIMELINE:

4 Months

(10/7/2024 - 2/20/25)



TOOLS:

Figma

Notion

TOOLS:

Figma

Notion

Designing a One-Stop Hub for Sobriety Support


The Stone Dry mobile application serves as a comprehensive platform, equipping individuals with the tools, resources, and support they need to confidently navigate their sobriety journey.

Product Design / Non-Profit / 0 to 1

Designing a One-Stop Hub for Sobriety Support


The Stone Dry mobile application serves as a comprehensive platform, equipping individuals with the tools, resources, and support they need to confidently navigate their sobriety journey.

Product Design / Non-Profit / 0 to 1

Designing a One-Stop Hub for Sobriety Support


The Stone Dry mobile application serves as a comprehensive platform, equipping individuals with the tools, resources, and support they need to confidently navigate their sobriety journey.

Product Design / Non-Profit / 0 to 1

PROJECT OVERVIEW
WHAT IS STONE DRY?

A non-profit supporting individuals on their sobriety journey by fostering community and providing resources for recovery.

Through Develop for Good, an organization that connects volunteers with nonprofits to create meaningful technology solutions, I worked on this project for Stone Dry to create a "one stop hub" for sobriety support.

THE CHALLENGE
DEFINING THE PROBLEM

Stone Dry recognized a gap in accessible resources for individuals on their sobriety journey.

Many in the Stone Dry community faced challenges in finding a centralized place that provided all the tools and information needed for their sobriety journey. Without a single, reliable source of support, they often had to navigate multiple platforms and resources, making the process overwhelming.

THE SOLUTION
MAKING SOBRIETY SUPPORT MORE ACCESSIBLE

The Stone Dry app bridges the gap by offering a comprehensive, all-in-one platform that equips individuals with the tools, resources, and support they need to navigate their sobriety journey with confidence.

  • Find Meetings: Easily search for and join sobriety meetings.

  • Event Registration: Sign up for recovery-focused events.

  • Milestone Tracking: Celebrate and monitor sobriety progress.

  • Resource Access: Explore helpful articles and recovery tools.

This solution aligns with the nonprofit’s mission, fostering community and empowering individuals on their path to recovery.

OUR PROCESS
PROJECT SCOPING
ZEROING IN ON HIGH IMPACT FEATURES

We Prioritizied Features for Maximum Impact and Minimum Effort

We kicked off the project by sorting the client's features into an impact-effort matrix. This helped us prioritize the most valuable features and focus our resources, ensuring we could deliver the product within tight time constraints

USER RESEARCH
UNDERSTANDING REAL CHALLENGES THROUGH DIRECT USER ENGAGEMENT

We wanted to truly understand our audience, so we dove deep into research to uncover their real challenges.

Our research aimed to understand the real challenges faced by users in the sobriety space. We engaged directly with the community by conducting two user interviews and gathering feedback from 31 survey respondents. By grouping similar insights through affinity mapping, we identified underlying patterns that informed our feature prioritization, ensuring a comprehensive understanding of the users' needs.

COMPETITIVE ANAYLSIS

We analyzed other applications in the sobriety space

We looked at how other apps structured their features, what worked well, and where there were gaps. This helped us identify opportunities to improve on existing solutions. Through our analysis, we identified key strengths that enhance user experience and common weaknesses that create friction. Understanding these patterns gave us a foundation to build upon.

BRANDING
VISUAL IDENTITY

We received mood boards from the non-proft client.

The mood boards served as a key starting point for shaping our color palette, reflecting the nonprofit's aesthetic and the emotions they wanted to convey. They gave us the freedom to get creative, while keeping the mission and values front and center.

Building on these explorations, we curated a range of color options that balanced vibrancy with professionalism.

The visual cues from the mood boards inspired us to experiment with different color combinations and design elements, helping us create a cohesive, yet fresh, palette. We also selected fonts that complemented the palette, reinforcing the brand’s tone and enhancing the overall visual identity.

IDEATION
LOW FIDELITY PROTOTYPING

I took ownership of the login and welcome screens, as well as the onboarding process.

My focus was on making sure these screens were easy to understand and navigate, helping users quickly get started with the app without confusion. Since the first impression of an application can make or break the user experience, it was important to design an engaging onboarding flow that sets the right tone from the start.

Sign Up Screens:

Login Screens:

Onboarding Quiz Screens:

ITERARTIONS
USABILITY TESTING

Making Iterative Changes

We tested the app with our nonprofit client and our internal team of six, refining its features based on their feedback to enhance the user experience.

CHANGE #1: I added a masked version of the user's phone number and email to clarify where the verification code will be sent, reducing confusion. I also made the back button more distinct to help users exit the process more easily.

BEFORE:

AFTER:

Profile Setup:

BEFORE:

AFTER:

CHANGE #2: I moved the progress bar to the beginning of the onboarding screen to give users a clear sense of the process length, reducing uncertainty. The heading was changed from "Your journey is waiting" to "Tailor your experience" to highlight the app's personalization. I also included a privacy assurance message to build trust.

Profile Setup:

CHANGE #3: Our non-client partner wanted to list many user struggles in the onboarding quiz, but too many options made the UI feel overwhelming. I added an info icon to broader categories like "Substance Addiction," which opens a brief overlay when tapped.



CHANGE #4: To improve onboarding, I reorganized the questionnaire into a section called "Let's Set Up Your Profile," grouping all profile-related questions together. This creates a clearer, more focused path for users to personalize their app experience, making the process more intuitive.

PROTOYPING
PUTTING IT ALL TOGETHER

Signing up:

Onboarding Quiz:

Profile Setup:

MORE HIGH FIDELITY DESIGNS

These screens were made by other designers on the team and you can see how some of them flow together in the following prototype. Although I didn't work on these, I wanted to show the breadth of features we had.

Resource View:

Event View:

Dashboard View

Set Milestones:

User Profile:

FEEDBACK
CLIENT SATISFACION

Kind words from our client

Stephanie Nashert

Founder of Stone Dry


Working with Develop for Good to build the Stone Dry app was an awesome experience. Our team is so talented, super patient, and just overall great to work with. From day one, they really listened to our vision and brought it to life in ways we didn’t even think of. The communication was solid the whole way through, and their attention to detail made a huge difference.

NEXT STEPS
DELVERY

Moving from 0 to 1 in App Development


As the design team, we’ve laid the foundation for the mobile app by creating a comprehensive design system and detailed documentation to guide the next phases of development.

To measure the success of the project, we will track the following Key Performance Indicators:

  • Successful user registration for events through the newsletter

  • Time spent on the app during first interactions

  • Frequency of user engagement with the app on a weekly basis

  • Number of donations made via the app

TAKEAWAYS
WHAT LESSONS DID I LEARN?

➿ Embrace the loops along the way

While attempting to hone in on specific concepts, we found ourselves consistently branching out into additional ideas. Ultimately, we opted to concentrate on the most crucial aspect: addressing user issues, and formulated respective resolutions for each.

💻 Design-to-development handoff

Through this experience, I gained a deeper understanding of the design-to-development handoff process. I learned the importance of systematically naming components within libraries and using auto-layout to ensure accurate paddings and margins.


Big shoutout to my awesome team!