UX Researcher

Snp-It Case Study

 ๐Ÿงฌ SNP-it: Personalized Health Recommendation Tool

Role: UX Researcher, Frontend Developer
Timeline: Jan 2025 โ€“ May 2025
Tools: React, FastAPI, Plotly, Dash, Google Forms, Figma


๐Ÿ“ Overview

SNP-it is a personalized health tech tool that delivers lifestyle recommendations based on either raw SNP data or a structured health questionnaire. It was built to make personalized health insights accessible, especially for users without a scientific background.


๐ŸŽฏ Problem Statement

Most wellness apps give generic advice that ignores personal genetics and behavior. SNP-it was created to explore how digital tools can make health recommendations more relevant by combining genomic data with lifestyle input.


๐Ÿ‘ฅ Target Audience

Health-conscious users, with or without access to their genetic data, seeking personalized insights about diet, mental health, and fitness.


๐Ÿง  UX Research & Design

๐Ÿ“‹ Input Modes
Users can either upload SNP data or complete a health questionnaire. The UI adapts dynamically to the selected mode for a smooth experience.

๐Ÿ’ฌ Research & Feedback
Surveys and early testers emphasized wanting clarity, emotional relevance, and actionable takeaways โ€” not just raw data.

๐Ÿ”— Mapping Logic
Each SNP or survey input was mapped to health insights (e.g., โ€œLow folate processing โ†’ suggest leafy greensโ€) with color-coded impact levels.


๐Ÿ’ป Technical Stack

  • Frontend: React with flexible components

  • Backend: FastAPI for processing and serving logic

  • Visualization: Plotly & Dash for dynamic data views


๐ŸŒŸ Key Features

๐Ÿงฌ Dual-input system: Upload genetic files or answer questions
๐Ÿ“Š Color-coded insights: Based on strength of impact
๐Ÿ’ก Plain-language summaries: Jargon-free recommendations
๐Ÿ—‚๏ธ Categorized results: Diet, mental health, physical activity
๐Ÿ’พ Save progress: Questionnaire can be resumed later


๐Ÿ’ญ Reflection

Bridging UX with genomics challenged me to simplify complex data into helpful, actionable guidance. It taught me the importance of clarity and emotional design when working with personal health data.


๐Ÿ”ฎ Next Steps

Add user profiles, log-in functionality, and integrate feedback loops to adjust recommendations over time.


๐Ÿ“ฌ Letโ€™s Talk

Want to see the live demo?
Letโ€™s chat about health tech, personalization, or building ethical digital tools.

yani2x4@gmail.com