DiagnostiCare Onlus – Institutional Website Redesign
DiagnostiCare Onlus is a non-profit medical organization based in Rome, offering free or donation-based healthcare services to people in need. The goal of the redesign was to create a clean, accessible, and empathetic website that clearly communicates the organization’s mission, projects, and services while making it easier for users to find information and support the cause.
Tools
Figma, Adobe Photoshop
Role
UI Design / UX Design / Accessibility Design
Year
2025
The Ask
Redesign DiagnostiCare’s website to improve content accessibility and structure, ensuring that every visitor — regardless of device or background — can easily understand the organization’s mission and navigate through its sections.
The Solution
I reorganized the site’s information architecture, simplifying navigation and introducing a visual hierarchy that makes key sections — Who We Are, Poliambulatorio, Projects, Missions, and Donate Now — easy to access. The new design uses neutral colors, warm imagery, and a calm typographic rhythm to reflect trust, transparency, and human connection.
The Balance Between Emotion and Function
The main challenge was balancing emotional communication with functional clarity. The site needed to express warmth and empathy without losing readability or accessibility, especially for users unfamiliar with digital interfaces.
Old Website
New Website
Designing the Ride
The process began with a review of the old site’s structure to identify usability and content hierarchy issues. I created wireframes to reorganize information and tested different visual tones to achieve a friendly yet professional feel. The final layout uses wide white spaces and clean navigation paths to ensure a peaceful browsing experience.
Visual Direction
The new visual identity is built around a calm and balanced palette, combining deep blue-violet, light blue, and soft sky tones. To add warmth and contrast, I introduced a muted orange accent, bringing a more human and emotional touch to the interface.
The design is complemented by warm, authentic photography that communicates care and inclusion. Typography blends Nunito Sans and Quicksand for a friendly, readable, and modern visual rhythm, perfectly aligned with the organization’s empathetic mission.
Primary Colors
Secondary Color
Design System in Action
I developed a consistent set of UI components — buttons, cards, forms, and section layouts — ensuring coherence across all pages. Accessibility was a key focus: high contrast ratios, readable font sizes, and clear visual feedback for every interaction.
Default and active button states
Results & Reflections
The new DiagnostiCare Onlus website delivers an accessible and human-centered experience that reflects the organization’s mission of inclusion and care.
Navigation is simpler and more intuitive, while the overall tone of voice and imagery convey empathy and trust.
Through this project, I learned the importance of designing for accessibility and emotion together — ensuring that usability supports, rather than overshadows, storytelling. I also refined my ability to manage content-heavy websites, improving my workflow from wireframes to development handoff.
Most importantly, this project reminded me that good design can amplify social impact, helping organizations like DiagnostiCare connect with their communities more effectively and compassionately.
