Loading ...


This case study delves into the UI/UX design journey of SwabTheWorld.com, a groundbreaking platform dedicated to simplifying the process of joining the bone marrow registry. Through intuitive design and seamless user experience, our team aimed to enhance donor registration, empower users, and ultimately save lives.

Client Requirements

The UI/UX design team was tasked with the following requirements:

  • Design a user-friendly and accessible website for SwabTheWorld.com to facilitate donor registration and education.

  • Create an intuitive and engaging user experience to encourage visitors to learn about bone marrow donation and register as potential donors.

  • Develop interactive features to guide users through the registration process, provide educational resources, and foster a sense of community and support.

  • Ensure compatibility with a wide range of devices and browsers to maximize accessibility and reach.

Key Features


Simplified and intuitive registration process with step-by-step guidance and clear instructions.


Comprehensive information and resources about bone marrow donation, including FAQs, success stories, and testimonials.


Interactive features to connect donors, recipients, and supporters, including forums, blogs, and social media integration.


Integration with event management tools to promote and organize donor recruitment events, drives, and campaigns.


Timely updates and notifications about donor matches, transplant success stories, and upcoming events


Sensitive Subject Matter: Designing a website that balances the seriousness of the topic with a positive and encouraging tone to engage potential donors without causing distress.

User Trust and Privacy: Establishing trust and confidence among users regarding the security and privacy of their personal information and medical data.

Community Building: Creating a sense of community and belonging among donors and supporters to foster long-term engagement and commitment to the cause.

Technical Integration: Integrating with external systems and databases to facilitate donor registration, match potential donors with recipients, and provide real-time updates.


Empathetic Design Approach: Adopted an empathetic design approach to create a user experience that is supportive, informative, and encouraging, while respecting the sensitivity of the subject matter.

Transparency and Trust: Implemented robust security measures and privacy policies to protect user data and ensure transparency in data handling and usage.

Community-Centric Design: Designed features and interactive elements to foster a sense of community and belonging among donors and supporters, encouraging collaboration and engagement.

Continuous Improvement: Leveraged user feedback, analytics, and iterative design processes to continuously improve the user experience and meet the evolving needs of users and stakeholders.


  • Frontend: HTML5, CSS3, JavaScript (React.js)

  • Design Tools: Figma

  • Version Control: Git

  • Collaboration: Slack