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_screencoach

Fostering Positive Child Behavior and Habits with Rewards, and Bid Farewell to Nagging

ScreenCoach is a platform with the aim of helping parents manage and monitor their children’s electronic device usage. The founders, Peter, Gary, and Steph, saw a significant opportunity to create a product that assists children and families in regaining balance and leading healthier and happier lives.

design_diary_thumbnail_5minuteblinds

Boosting Customer Confidence in Online Blind Orders

5 Minute Blinds is an Australian ecommerce website that sells custom-made blinds and curtains. The website was founded by James, who had a simple idea to create a marketplace that helps potential customers find blinds and curtains that meet their needs.

design_diary_thumbnail_hydrothermal

Inspire Customers to Save Energy and Money

Hydro-Thermal is a technology company that provides DSI (Direct Steam Injection) heating solutions for the manufacturing industry. The company is committed to helping its customers save energy and reduce carbon emissions.

Hydro-Thermal wants to create a web application to convert with HYDRO-THERMAL ENERGY SAVINGS CALCULATOR. This web application will allow potential customers to calculate energy savings and ROI from an DSI heating investment.

design_diary_thumbnail_creativehub

Support and Create an Inclusive Creative Ecosystem through Empowerment

The Creative Hub is an innovative platform born out of the need for an ecosystem in the creative industry that lacks sufficient support for sustainability. Recognizing the challenges faced by the creative community regarding limited access to resources, connectivity, and necessary opportunities, owner Simon Laughin holds a strong vision to create a space where individuals and groups within the creative industry can grow, learn, collaborate, and access meaningful opportunities.

design_diary_thumbnail_vloggi

The Secrets to Vloggi’s Success as a Better Vlogging Platform

Vloggi is a platform that allows users to collect, edit, and share videos from various sources, including phones, cameras, and social media. Vloggi also offers a variety of features to make it easy for users to create engaging and professional videos.