-
-
Home & Prevention Dashboard - Daily health tips and risk checker launcher
-
Interactive Risk Checker - Step-by-step self-assessment wizard
-
Prevention Library - Articles, awareness guides, and myths vs facts
Inspiration
Millions of people lack accessible, non-intimidating, and evidence-informed guidance on cancer prevention and early screening. OncoAware was built to bridge this knowledge gap by empowering individuals with proactive health insights through a clean, intuitive mobile UI experience.
What it does
OncoAware focuses on three core pillars under the Prevention & Education track:
- Home & Prevention Dashboard: Delivers daily evidence-backed lifestyle tips, quick navigation categories, and a clear entry point for risk screening.
- Interactive Risk Checker: A friendly, step-by-step self-assessment wizard evaluating personal habits and family history to provide personalized awareness guidance.
- Prevention Library & Myths vs Facts: A dedicated educational repository featuring bite-sized articles on sun safety, dietary habits, screening timelines, and common myth-busting facts. ## How we built it
- Design & Prototyping: Built using Figma following modern mobile design guidelines (clean visual hierarchy, soft mint/emerald color palette, and high accessibility).
- Design System: Structured typography (Inter/San Francisco), custom icons, and reusable component cards for consistent UI/UX.
- Repository: Documented with a structured architecture and design overview on GitHub. ## Challenges we ran into Designing complex health topics into an encouraging, non-frightening interface required careful color selection and simplified micro-copy to keep users engaged and informed. ## Accomplishments that we're proud of
- Successfully crafted an empathetic, clean, and non-intimidating mobile UI tailored specifically for health awareness and cancer prevention.
- Designed a seamless 4-step interactive risk assessment wizard that simplifies personal health evaluation.
- Maintained a cohesive design system with accessibility-first color choices (Emerald Green and Soft Mint) and modern typography. ## What we learned
- The importance of visual hierarchy and comforting micro-copy when presenting sensitive health-related information.
- How to structure complex preventive guidelines into easily digestible, bite-sized visual cards and categories.
- Best practices for organizing GitHub documentation for UI/UX-focused design submissions. ## What's next for OncoAware - Cancer Prevention Platform
- Integrating localized language support for broader regional accessibility.
- Partnering with medical healthcare providers for verified local screening directory lookups.
- Adding personalized appointment reminder schedules for routine health checkups.
Log in or sign up for Devpost to join the conversation.