User-Centered Product Design
User-Centered Product Design
User-Centered
Product Design
for Wellness & Accessibility
Explore JJ Typography’s user-centered product design solutions focused on wellness, accessibility, and inclusivity. See how thoughtful design empowers users through intuitive and engaging experiences.
Designing Inclusive Tools for Self-Love and Mental Wellness
A portfolio of thoughtful, user-centered design projects that inspire, empower, and foster connection. Through accessibility-driven solutions, typography, and storytelling, my work focuses on engagement, wellness, and meaningful impact.
Designing with Purpose: A User-Centered Approach
User-centered design is at the core of my work—accessible, intentional, and rooted in community needs. By blending research, collaboration, and human-centered principles, I create functional and meaningful solutions.
Through strategic design systems and interactive tools, I help organizations and individuals build products that foster connection, engagement, and impact.
Let’s create together—start your user-centered design journey today!
Why User-Centered Product Design Matters
Human-centered design goes beyond aesthetics—it creates accessible, functional, and impactful solutions that foster connection, engagement, and inclusivity.
-
Good design serves everyone. By integrating universal design principles and accessibility-first strategies, I ensure that digital and physical experiences are usable, equitable, and empowering for all users.
-
User-centered design starts with understanding people. I conduct user research, testing, and iterative feedback loops to ensure that every design decision is informed by real human experiences, not assumptions.
-
Design has the power to educate, inspire, and drive change. My approach goes beyond visuals—I craft functional, ethical, and socially responsible products that resonate with communities and leave a lasting impact.
💡My Approach to User Research & Accessibility
✨ User-Centered & Inclusive Design
Prioritizing accessibility, cultural responsiveness, and universal design to create solutions that work for diverse users.
Designing adaptable, research-driven systems that enhance usability, engagement, and equity.
🎨 Research-Driven & Impactful Solutions
Conducting user research, focus groups, and iterative testing to ensure designs meet real needs.
Developing prototypes and interactive experiences that evolve through continuous feedback and refinement.
🌍 Community & Connection in Design
Creating products that foster engagement, education, and well-being for users.
Collaborating with collaborators, educators, and organizations to craft solutions that make a lasting impact.
💡 Interested in user-centered design? Whether you're looking to create an accessible product or refine an existing experience, let’s collaborate!
✨My Design Process
1. Exploration & Discovery
I begin by collaborating with clients to understand their vision, goals, and user needs. Through discussions and research, I gather key insights to inform a user-centered approach that aligns with accessibility and engagement goals.
2. Sketching & Ideation
I begin with hand-drawn sketches to explore initial concepts, ensuring a strong foundation rooted in creativity and accessibility. This phase allows for fluid exploration of ideas before moving to digital formats.
3. Digital Drafting
Once concepts are refined, I transition to digital tools to create structured layouts, refine typography, and enhance visual elements.
4. Iterative Feedback & Testing
Prototypes are shared with collaborators and users for feedback, allowing for iterative improvements to enhance usability and experience.
5. Final Design & Implementation
After refining based on feedback, the final designs are optimized for seamless usability and consistent branding across platforms.
🖌️ User-Centered Design Case Studies ✨
📌 Crafting thoughtful, accessible, and impactful design solutions that prioritize users, community, and innovation.
Case Study 1: 📓 Inclusive Wellness Workbook Design – The Art of Becoming: Self-Loving
📌 Designing an accessible, interactive, and healing-centered wellness workbook that fosters self-love, reflection, and emotional well-being.
💡 The Challenge
The Art of Becoming (AOB) aimed to create a self-love and mental wellness workbook that would be accessible, engaging, and inclusive for diverse communities. Many traditional wellness resources lacked cultural responsiveness and interactive elements that resonated with different learning styles and lived experiences.
The challenge was to design a user-centered workbook that:
🌱Provided a safe and creative space for self-reflection and healing
🌱 Integrated culturally responsive typography, illustration, and storytelling
🌱Ensured accessibility for users with different learning styles, neurodiversity, and backgrounds
🎨 The Solution
As the lead designer and illustrator, I developed a wellness workbook that prioritizes accessibility, engagement, and user-centered design. The workbook was intentionally crafted with:
✔ Typography & Layout Considerations – Readable fonts, spacious layouts, and high-contrast designs for easy readability
✔ Interactive & Guided Prompts – Thoughtfully designed journaling exercises to encourage emotional expression
✔ Illustrations that Represent Diverse Identities – Hand-drawn artwork reflecting a wide range of lived experiences
✔ Accessibility Features – Neurodivergent-friendly design, adaptable prompts, and clear, simple instructions
📝 The Process
🔍 Understanding the Audience
Conducted focus groups with educators, therapists, and community members to assess user needs
Identified barriers in existing wellness resources and developed design solutions for better engagement
🛠️ Prototyping & Iteration
Created low-fidelity mockups for early feedback
Integrated user feedback to refine content for clarity, inclusivity, and usability
♿ Accessibility & Inclusive Design Considerations
Implemented age-inclusive typography and culturally responsive imagery
Designed modular layouts to support different learning speeds and engagement levels
🛠️ Editing & Iteration: Refining the Experience
After initial feedback, it became clear that the workbook needed:
✔ Simplified and more intuitive layouts for better readability
✔ More guided reflection prompts to provide structure for users who needed additional support
✔ A workshop component to ensure the workbook was more than just a static resource—it became a shared learning experience
Through iterative testing, we refined the workbook to enhance both individual usability and group engagement, making it more effective in real-world applications.
Sample Edits:
Workbook Enhancements: Improved worksheet designs to maximize usability and engagement.
The gratitude page was refined to improve user experience by removing the grey halftone background, creating a distraction-free space for coloring and self-expression. Additionally, a clear definition of gratitude was added to the first page to provide context and support deeper engagement with the lesson content. These updates enhance usability and ensure a more immersive and meaningful experience for users.
Enhancing User Experience
Workshop Updates: Developed accessible and interactive workshop materials for various learning needs.
Improving Collaboration and Accessibility
The workshop materials were transitioned from Keynote to Canva to improve accessibility and collaboration, allowing team members to easily access and update content in real time. To enhance usability, animations were simplified to ensure key information remained visible, making the virtual experience more inclusive. Additionally, branding elements such as cohesive colors, typography, and logos were incorporated to create a consistent and professional look, reinforcing the core values of self-love and empowerment while enhancing participant engagement.
🎤 The Key Discovery: Accessibility Through Workshops
While the workbook was designed to be self-guided, user feedback revealed that pairing it with a workshop made the experience significantly more impactful.
Participants engaged most effectively when:
✔ They had guided discussions and shared reflections to deepen engagement
✔ Exercises were facilitated, creating a supportive, interactive environment
✔ The workbook became part of a collaborative learning space rather than just a personal tool
This insight led to the development of a structured workshop series, ensuring that the workbook could be used effectively in community wellness spaces, mental health programs, and classrooms.
📢 The Impact
My approach to accessible product design focuses on creating engaging experiences for wellness brands and mental health initiatives.
✅ Adopted by educators, therapists, and wellness practitioners for creative self-reflection
✅ Expanded AOB’s reach into clinical spaces, workshops, and community healing programs
✅ Participants reported feeling more confident, connected, and engaged with self-love practices
✅ Became a scalable tool for wellness professionals integrating creative healing into their work
📊 the Results
-
Achieved an impressive 90% positive feedback rate, with participants reporting deeper self-reflection and emotional growth through thoughtfully designed workbook elements, enhancing overall user satisfaction and retention.
-
Effectively adapted content to cater to diverse age ranges, enabling seamless engagement from early adolescence to adulthood. Workshops were designed to foster inclusivity, comprehension, and meaningful participation across all demographics.
-
Endorsed by therapists and educators as an effective mental wellness tool, demonstrating significant impact in clinical and educational settings by fostering emotional resilience and self-awareness.
-
Successfully introduced the workbook to a variety of communities—including mothers and their children, college students, and adults navigating life transitions—creating a lasting impact by promoting mental wellness and self-love across diverse cultural and social backgrounds.
-
Leveraging user feedback, refinements in design enhanced clarity, usability, and engagement—showcasing a dedication to innovation and meeting evolving user needs effectively.
Workshop Participant
These pages do not feel daunting and can be something quick to do especially if you have a busy life style and needing to take moments of reflection
Workshop Participant
I LOVED coloring I felt like taking that time to pause in between exercises made it so I could organize my thoughts and emotions better, like through the coloring I felt calmer about all the stuff whooshing around in my head
Discover more about The Art of Becoming LLC and how our user-centered design empowers mental wellness. Visit our website to explore our accessible workbook and workshops today!
💡 Looking to create a meaningful, user-centered design solution that drives impact and well-being? Let’s work together to bring your vision to life!
Case Study 2: 📖 Designing a User-Friendly & Neurodivergent-Inclusive Workbook
📌 Designing an accessible, engaging, and neurodivergent-friendly workbook to support diverse learning styles and enhance tutor training.
💡 The Challenge
Elevate Tutoring needed to redesign their tutor training curriculum to improve engagement, accessibility, and effectiveness for their diverse group of fellows—many of whom are neurodivergent, first-generation college students, or non-traditional learners.
Their existing materials were:
✔ Visually dense and overwhelming, making it difficult for some learners to engage
✔ Lacking a structured, user-friendly flow, creating inconsistencies in comprehension
✔ Not optimized for neurodivergent learning styles, requiring a more intentional approach to accessibility
The challenge was to transform Elevate Tutoring’s curriculum into a visually engaging, structured, and inclusive learning experience that fosters growth, comprehension, and confidence.
🎨 The Solution
As the lead designer, I reimagined the training curriculum by focusing on clarity, accessibility, and engagement.
🌱 Typography & Layout Enhancements – Implemented a clearer font hierarchy and structured layouts to improve readability and reduce cognitive overload.
🌱 Color-Coded Learning Cues – Introduced a visual system to differentiate content types:
🟣 Pink – Stop & Reflect (Self-Reflection)
🟢 Green – Resources/Group Discussion
🟠 Orange – Guided Notes/Key Takeaway
🌱 Illustrative & Interactive Design – Integrated simple doodles, icons, and infographics to make concepts feel more approachable.
🌱 Modular Templates for Flexibility – Designed editable slide and workbook templates in Canva & Google Docs, ensuring long-term usability for trainers.
📝 The Process
🔍 Understanding the Audience
Reviewed existing materials and gathered insights from trainers to identify usability challenges.
Applied neurodivergent-friendly design principles to enhance accessibility and learning effectiveness.
🛠️ Prototyping & Iteration
Real-Time Collaboration: Used Canva for live feedback and edits, streamlining the revision process.
Accessibility & Scalability: Optimized typography, layout, and color-coded cues for neurodivergent learners, while ensuring easy updates with customizable templates.
♿ Accessibility & Inclusive Design Considerations
Minimized Cognitive Overload: Structured layouts and clear formatting enhance readability for neurodivergent learners.
Visual & Language Accessibility: Color-coded navigation and plain language improve comprehension across diverse learning styles.
🛠️ Editing & Iteration: Refining the Experience
Through multiple feedback cycles, it became clear that:
✔ The color-coded system improved engagement, making it easier for tutors to follow along.
✔ Reducing text density and improving spacing helped neurodivergent learners process information more effectively.
✔ Adding visual storytelling elements (illustrations, icons) made abstract concepts more tangible and memorable.
These insights led to multiple refinements in the curriculum design, ensuring that it was not just aesthetically improved but truly user-friendly and accessible.
Sample Edits:
Workbook Enhancements: Improved worksheet designs to maximize usability and engagement.
The Elevate Tutoring workbook was redesigned to improve clarity, engagement, and accessibility for neurodivergent learners and first-generation students. The previous version contained dense text blocks and minimal visual hierarchy, making it challenging to navigate.
Enhancing Learning & Accessibility
Slide Template Updates: Designed an accessible, visually engaging, and interactive slide deck to support diverse learning styles and enhance comprehension.
Enhancing Visual Learning & Engagement
The tutor training slide deck was redesigned to improve readability, engagement, and accessibility, ensuring a more interactive and effective learning experience. The previous slides were text-heavy, lacked visual hierarchy, and had minimal engagement cues, making content harder to absorb.
📢 The Impact
✅ Stronger Engagement & Retention – Simplified layouts, color-coded cues, and structured content made the curriculum easier to navigate and absorb.
✅ More Accessible & Neurodivergent-Friendly – The redesign supports various learning styles, improving clarity and reducing cognitive overload
✅ Scalable & Self-Sustaining – Editable Canva templates empower Elevate Tutoring to update materials in-house, reducing long-term design costs.
✅ Elevated Brand & Professionalism – A cohesive, modern design enhanced credibility and improved training effectiveness
✅ Seamless Collaboration – Real-time Canva edits allowed for faster revisions and direct team input, ensuring alignment with training objectives.
📊 the Results
-
Fellows reported a 60% increase in comprehension and retention due to clearer layouts, structured content, and color-coded visual cues that made navigating the curriculum easier.
-
The redesign prioritized neurodivergent-friendly formatting, making the materials more approachable for diverse learning styles, reducing cognitive overload, and enhancing engagement.
-
Editable Canva templates empowered the Elevate Tutoring team to update and customize materials without requiring external design support, ensuring long-term sustainability.
-
By making content more intuitive and visually engaging, tutors were able to deliver lessons more effectively, leading to higher participation and confidence among fellows.
The Elevate Team
JJ is intuitive in nature when troubleshooting potential problems and was especially thoughtful when it came to accessibility. The booklet was vivid in color, with unique details such as simple line drawings, an outlet for those who may struggle with attention and need to doodle.
The Elevate Team
Our fellows loved how vibrant and accessible each and every guided note page was designed, and for many of them, the workbook is a place of reflection and self-growth to this day.
Need a design that prioritizes accessibility, engagement, and connection?
🪴Let’s collaborate on creating a solution that’s both inclusive and impactful! Let’s create together💻
The Elevate Team