Ancestry & Family Tree Platform
Ancestry & Family Tree Platform
This project is a specialized web application that bridges the gap between genealogy and proactive healthcare. Rather than just building a traditional family tree to map relationships, this platform allows users to securely log, track, and visualize their family's comprehensive medical history across generations. The application empowers users to identify hereditary patterns and recurring diseases within their bloodline, transforming historical family data into actionable, life-saving health insights for the future.
This project is a specialized web application that bridges the gap between genealogy and proactive healthcare. Rather than just building a traditional family tree to map relationships, this platform allows users to securely log, track, and visualize their family's comprehensive medical history across generations. The application empowers users to identify hereditary patterns and recurring diseases within their bloodline, transforming historical family data into actionable, life-saving health insights for the future.
Platform
Platform
Consumer Web Application
Web Application
Mobile Application
Tools
Tools
Figma
Complex Data Visualization
Privacy-First UX
Role
Role
UI/UX Designer
Product Owner
React Design Component
Triton Tech Labs PVT.LTD
India
Triton Tech Labs PVT.LTD
India
🌳 Interactive Lineage Mapping Users can easily build and navigate massive, multi-generational family trees using a highly optimized, drag-and-drop canvas interface that prevents visual clutter even as the family expands.
🧬 Hereditary Health Tracking Each family member profile acts as a secure medical vault, allowing users to log pre-existing conditions, genetic markers, and historical health events (e.g., "Grandfather: Type 2 Diabetes").
📊 Generational Risk Insights The system analyzes the input data to provide visual heat-maps and health risk indicators, helping users easily spot which medical conditions are tracking heavily across their specific family lineage.
Problem
Statement
A critical factor in proactive healthcare is understanding what diseases run in your family. Unfortunately, most family medical history is passed down through unreliable word-of-mouth and is eventually lost across generations. When a doctor asks a patient, "Is there a history of heart disease in your family?", the patient often has to guess. Building a family tree digitally is already a complex UI challenge, but securely attaching sensitive, structured medical data to that tree introduces massive usability and privacy hurdles.
Problem
Statement
A critical factor in proactive healthcare is understanding what diseases run in your family. Unfortunately, most family medical history is passed down through unreliable word-of-mouth and is eventually lost across generations. When a doctor asks a patient, "Is there a history of heart disease in your family?", the patient often has to guess. Building a family tree digitally is already a complex UI challenge, but securely attaching sensitive, structured medical data to that tree introduces massive usability and privacy hurdles.
Problem
Statement
A critical factor in proactive healthcare is understanding what diseases run in your family. Unfortunately, most family medical history is passed down through unreliable word-of-mouth and is eventually lost across generations. When a doctor asks a patient, "Is there a history of heart disease in your family?", the patient often has to guess. Building a family tree digitally is already a complex UI challenge, but securely attaching sensitive, structured medical data to that tree introduces massive usability and privacy hurdles.
Solution
Statement
I designed a scalable, intuitive canvas interface that simplifies the creation of infinite-scrolling family trees. To solve the medical tracking problem, I integrated a "Health Passport" panel within each family member's node. When a user clicks on a relative, a clean side-drawer slides out, allowing them to view or input medical records without losing their place on the broader family map. By using subtle color-coded indicators directly on the tree nodes, users can instantly see the flow of specific hereditary conditions at a glance, turning raw data into a visual health story.
Solution
Statement
I designed a scalable, intuitive canvas interface that simplifies the creation of infinite-scrolling family trees. To solve the medical tracking problem, I integrated a "Health Passport" panel within each family member's node. When a user clicks on a relative, a clean side-drawer slides out, allowing them to view or input medical records without losing their place on the broader family map. By using subtle color-coded indicators directly on the tree nodes, users can instantly see the flow of specific hereditary conditions at a glance, turning raw data into a visual health story.
Competitor
Analysis
To ensure our platform stood out, I analyzed both traditional genealogy platforms and personal health record apps.
Traditional Genealogy Sites (e.g., Ancestry, MyHeritage): They are excellent at mapping historical records and DNA, but they entirely lack a structured, actionable UI for tracking ongoing medical histories and hereditary disease patterns.
Personal Health Apps (e.g., Apple Health): Highly secure and functional, but they are "siloed." They only track the individual user's health and fail to map how diseases move through a family's bloodline.
💡 The Strategic Pivot: We identified a gap for a "Generational Health Dashboard." I focused on designing a UI that merges the visual mapping of a family tree with the secure, data-rich environment of a medical app, ensuring strict data privacy hierarchies (e.g., who in the family is allowed to see whose medical data).
Competitor
Analysis
To ensure our platform stood out, I analyzed both traditional genealogy platforms and personal health record apps.
Traditional Genealogy Sites (e.g., Ancestry, MyHeritage): They are excellent at mapping historical records and DNA, but they entirely lack a structured, actionable UI for tracking ongoing medical histories and hereditary disease patterns.
Personal Health Apps (e.g., Apple Health): Highly secure and functional, but they are "siloed." They only track the individual user's health and fail to map how diseases move through a family's bloodline.
💡 The Strategic Pivot: We identified a gap for a "Generational Health Dashboard." I focused on designing a UI that merges the visual mapping of a family tree with the secure, data-rich environment of a medical app, ensuring strict data privacy hierarchies (e.g., who in the family is allowed to see whose medical data).
User
Persona
Because dealing with medical history and deceased relatives is a sensitive topic, the UX copy and interface had to feel respectful, secure, and clinical, yet approachable.
UI Gallery
Let’s Build Something
Meaningful Together
Currently based in Dubai and open to UI/UX and Product Design roles. If you're looking for a designer who understands complex systems, business goals, and frontend logic—let's talk.
Let’s Build Something
Meaningful Together
Currently based in Dubai and open to UI/UX and Product Design roles. If you're looking for a designer who understands complex systems, business goals, and frontend logic—let's talk.
Let’s Build Something
Meaningful Together
Currently based in Dubai and open to UI/UX and Product Design roles. If you're looking for a designer who understands complex systems, business goals, and frontend logic—let's talk.
A product-focused UI/UX Designer bridging the gap between research, design, and React-friendly architecture.
Copyright ©2026 Abdul Aziz - Designed by Abdul Aziz
A product-focused UI/UX Designer bridging the gap between research, design, and React-friendly architecture.
Copyright ©2026 Abdul Aziz - Designed by Abdul Aziz
A product-focused UI/UX Designer bridging the gap between research, design, and React-friendly architecture.
Copyright ©2026 Abdul Aziz - Designed by Abdul Aziz