Hiba&Aataa.
All-In-One Collaboration and Productivity Platform.
Published in 2024
Technologies
NextJs
JavaScript Framework
Shadcn
UI Components
Tailwind
UI Framework
Prisma
ORM
Supabase
Database
Interface Design
Interaction Design
User Experience Design
Front-end Development
Back-end Development
Services
Web App
Website
Brand
Deliverables
- Website
Links
Team Involved
Hiba&Ataa is an online solution dedicated to connecting people who have essential medical equipment to donate with those who desperately need it. The core mission is to make healthcare more accessible by fostering a community of sharing.
Core Functions & Features.
● Donation / Request
Users can create a post to either donate a piece of equipment they no longer need or request specific medical materials they require. The site offers a variety of equipment, including wheelchairs, crutches, hospital beds, walkers, respiratory devices, and more, serving patients, the elderly, and those with disabilities.
● User Profiles & Communication
The platform allows users to create personalized profiles where they can manage their information and view all their donation or request posts. Users have the ability to communicate directly with other users—donors or requesters to arrange the transfer of equipment, often through channels like WhatsApp or email.
● Promotion (for Pharmaceutical Activity)
The site offers a feature where users can promote their pharmaceutical business or activity. These promotions must be approved by the site administration before being displayed to the community.
● Donation / Request
Users can create a post to either donate a piece of equipment they no longer need or request specific medical materials they require. The site offers a variety of equipment, including wheelchairs, crutches, hospital beds, walkers, respiratory devices, and more, serving patients, the elderly, and those with disabilities.
● User Profiles & Communication
The platform allows users to create personalized profiles where they can manage their information and view all their donation or request posts. Users have the ability to communicate directly with other users—donors or requesters to arrange the transfer of equipment, often through channels like WhatsApp or email.
● Promotion (for Pharmaceutical Activity)
The site offers a feature where users can promote their pharmaceutical business or activity. These promotions must be approved by the site administration before being displayed to the community.
Goals of Hiba&Ataa.
Main Goal
Universal Accessibility to Healthcare Equipment,'The primary mission is to 'rendre les soins de santé accessibles à tous" (make healthcare accessible to everyone)." by ensuring that necessary medical equipment is available, regardless of a person's financial situation." Improving Community Well-being,"By helping people find and receive necessary equipment, the goal is explicitly to "améliorer votre bien-être et votre santé" (improve your well-being and health)."
Main Goal
Universal Accessibility to Healthcare Equipment,'The primary mission is to 'rendre les soins de santé accessibles à tous" (make healthcare accessible to everyone)." by ensuring that necessary medical equipment is available, regardless of a person's financial situation." Improving Community Well-being,"By helping people find and receive necessary equipment, the goal is explicitly to "améliorer votre bien-être et votre santé" (improve your well-being and health)."
Selecting Typography.
Once the structure was finalized, we focused on defining the visual tone through typography a key element in expressing Hiba&Aatae’s identity. After exploring several options, we chose Tiempos, a serif font that strikes a perfect balance between confidence and refinement. Its bold character adds strength and professionalism, while its elegant details bring a modern, approachable feel. This combination helps give Hiba&Aatae a distinct and polished visual presence.
Once the structure was finalized, we focused on defining the visual tone through typography a key element in expressing Hiba&Aatae’s identity. After exploring several options, we chose Tiempos, a serif font that strikes a perfect balance between confidence and refinement. Its bold character adds strength and professionalism, while its elegant details bring a modern, approachable feel. This combination helps give Hiba&Aatae a distinct and polished visual presence.
Deep Sky Blue & Paradise Pink.
Given the sensitive and humanitarian nature of our platform focused on donating and requesting medical equipment we wanted a color palette that feels trustworthy, compassionate, and full of life. To achieve this, we chose a combination of Deep Sky Blue and Paradise Pink. The blue evokes reliability, calmness, and care, while the pink introduces warmth, empathy, and hope. Together, they create a harmonious balance that feels both professional and heartfelt perfectly reflecting Hiba&Aatae’s mission to connect help with those who need it most.
Given the sensitive and humanitarian nature of our platform focused on donating and requesting medical equipment we wanted a color palette that feels trustworthy, compassionate, and full of life. To achieve this, we chose a combination of Deep Sky Blue and Paradise Pink. The blue evokes reliability, calmness, and care, while the pink introduces warmth, empathy, and hope. Together, they create a harmonious balance that feels both professional and heartfelt perfectly reflecting Hiba&Aatae’s mission to connect help with those who need it most.
The Website.
Profile and Communication Features
The platform uses specific features to ensure successful matches and exchanges:
- Direct Communication: The "Communication" feature allows users(donors and requesters) to connect privately via channels like WhatsApp or email. This facilitates the logistics of the donation without the platform being a middleman for the exchange itself.
- Search and Filtering: The "fonction de recherche avancée" (advanced search function) allows users to quickly filter results by type of equipment and city, ensuring that people can find what they need close to home, which is crucial for large, bulky medical items.
Profile and Communication Features
The platform uses specific features to ensure successful matches and exchanges:
- Direct Communication: The "Communication" feature allows users(donors and requesters) to connect privately via channels like WhatsApp or email. This facilitates the logistics of the donation without the platform being a middleman for the exchange itself.
- Search and Filtering: The "fonction de recherche avancée" (advanced search function) allows users to quickly filter results by type of equipment and city, ensuring that people can find what they need close to home, which is crucial for large, bulky medical items.
Sustainability and Outreach
To sustain and expand its mission, the platform engages in community building and outreach:
- Promotion for Pharmacies: By offering pharmaceutical businesses a chance to"promouvoir votre activité" (promote their activity) once approved, the site can create relationships with key players in the medical supply chain, potentially securing a steady flow of donations or financial support.
- Newsletter: Encouraging subscriptions to the newsletter helps Hiba&Ataa stay up to date with the community's latest efforts, building an active, engaged user base essential for a sharing model to thrive.
Mobile Version.
In today’s fast-paced world, where most interactions happen through mobile devices, it was essential to ensure that Hiba&Aatae delivers a smooth and intuitive experience on every screen. We thoughtfully adapted the platform for smartphones and tablets, focusing on accessibility, clarity, and ease of use.
The mobile version retains the same visual harmony and emotional tone as the desktop design while optimizing layouts, touch interactions, and navigation for smaller screens. Whether users are donating medical equipment or submitting a request, every action feels effortless and responsive. This ensures that Hiba&Aatae remains accessible and impactful anytime, anywhere.
In today’s fast-paced world, where most interactions happen through mobile devices, it was essential to ensure that Hiba&Aatae delivers a smooth and intuitive experience on every screen. We thoughtfully adapted the platform for smartphones and tablets, focusing on accessibility, clarity, and ease of use.
The mobile version retains the same visual harmony and emotional tone as the desktop design while optimizing layouts, touch interactions, and navigation for smaller screens. Whether users are donating medical equipment or submitting a request, every action feels effortless and responsive. This ensures that Hiba&Aatae remains accessible and impactful anytime, anywhere.
What are you looking for?
Please choose an option below