Crafting an Inclusive Digital Experience for Tea Cup Cottage

Profile2

Muhammad Al Mahdi

7 mins read

.

March 1, 2022

design_diary_thumbnail_forlife

Project Background

"Redefining Digital Accessibility"

Tea Cup Cottage, a disability support provider based in Capalaba, QLD, is dedicated to helping people with disabilities live fulfilling lives. Their new initiative, For Life, is an online community designed to connect people of all abilities with trusted support workers, giving them control over their support networks.

I had the opportunity to work with Adriene (General Manager) and Susan (Content Management) on this project. From the start, it was clear that the team at Tea Cup Cottage was passionate about their mission. Their enthusiasm and commitment to accessibility made this project a fulfilling experience.

Approach

"A Full-Scale Rebrand with Purpose"

As the lead designer, I was responsible for the entire rebranding process. This included:

  • Establishing a new design system
  • Creating a deck template for presentations
  • Developing a typography and color palette
  • Designing a simple yet effective website for the company profile

Given the importance of accessibility in their services, I focused on making sure that every design decision aligned with usability best practices. The goal was to create an inclusive, easy-to-navigate platform that reflected the warmth and trustworthiness of Tea Cup Cottage.

Discovery & Understanding

"A Community-First Approach"

Before diving into design, we explored what made Tea Cup Cottage special. The company’s mission is deeply rooted in care, compassion, and empowerment, which needed to be reflected in both the branding and the digital experience.

Understanding the pain points of users—both support workers and individuals with disabilities—helped shape the direction of the brand. We ensured that the messaging was clear, the visuals were welcoming, and the interface was highly intuitive.

Solution Concept

"Designing for Trust and Accessibility"

The For Life platform needed to be more than just a functional website—it had to inspire confidence and foster connections. Our key design goals included:

  • A friendly and approachable design that felt warm and inviting
  • A clean and accessible UI that catered to users of all abilities
  • A color palette and typography system that reinforced trust and clarity

The rebranding process was guided by a human-centered approach, ensuring that every aspect of the platform aligned with the needs of the community it served.

Designing Solution

"A Collaborative Effort"

The process of designing For Life was smooth and enjoyable. The Tea Cup Cottage team was incredibly supportive, making collaboration seamless. We held regular discussions with the founders and stakeholders to refine our direction, ensuring that every design choice resonated with the core mission of the brand.

The website design was kept intentionally simple—a streamlined company profile that communicated the essence of Tea Cup Cottage without unnecessary complexity. The rebranding work, including the deck templates and design system, provided a strong foundation for future growth.

Testing & Iteration

"Fine-Tuning for Impact"

Since accessibility was a key priority, we conducted usability testing to ensure the design was truly inclusive. The iteration process involved refining elements based on feedback, ensuring that navigation was seamless and information was easy to digest.

By working closely with the team, we were able to address minor improvements along the way, ensuring that the final product was both visually compelling and functionally efficient.

Results

"A Meaningful Design Journey"

Looking back, this project was one of the most rewarding experiences in my career. Not only was it a fun and engaging process, but it was also deeply meaningful. The alignment between my passion for design and the team’s dedication to improving lives made this collaboration incredibly fulfilling.

Working with Adriene, Susan, and the entire Tea Cup Cottage team reinforced the power of collaborative design. The For Life platform is now a strong, user-friendly foundation that will continue to support and empower the disability community.

Contribution

"This project was a testament to the power of collaboration and thoughtful design, made possible alongside the passionate team at Tea Cup Cottage."

A/B testing, Brand style guides, Concept testing, Design Documentation, Design Testing, Hifi UI Design (Mockup), Illustration, Illustration and iconography, Infographic design, Information Architecture, Lofi Prototyping, Prototyping and Interaction design, Stakeholder Insights and Discussions, UI Styleguide And Design systems, UI/UX Brief (PRD), Usability testing, Visual Design, Wireframe & flows, Wireframing
design_diary_thumbnail_JBUXD

Joined JB/UXD and Managed to Become a Reputable Design and Innovation Agency

As part of the team that has contributed to JB/UXD’s long journey, I had the opportunity to co-start and build the brand of this design and innovation agency. For more than 2 years working there, my experience has become a great learning journey, providing invaluable insights and experiences.

design_diary_thumbnail_domaincoaster

An Expired Domain Doesn’t Mean It’s Gone Bad, But It Has Already Excelled First

SEO domains, or expired domains, are domains that were previously owned and were not renewed by their previous owners. These domains often come with a history, backlinks, and authority that can benefit new websites.

design_diary_thumbnail_mri

Building Marble Run Indonesia – A Creative Journey into Kids’ Content

During the COVID-19 pandemic, I ventured into the world of content creation, aiming to build a YouTube channel focused on kids’ entertainment.

design_diary_thumbnail_aimss

Empowering Users for Rapid and Effective Incident Reporting

Crashtag is an application designed to enhance data collection and understanding of incidents and injuries in motor sports. The application holds the potential to improve safety in motor sports for all involved parties.

design_diary_thumbnail_mycelium

Designing the Future of DeFi: Mycelium & Tracer DAO UX Journey

I started working with Mycelium alongside Jackson at JBuxd Studio, initially handling their website and deck design for the entire company.