https://github.com/ammoor/nutrit-ui-ux
https://github.com/ammoor/nutrit-ui-ux
adobe-creative-cloud adobe-illustrator adobe-xd figma photoshop ui-ux-design
Last synced: 8 months ago
JSON representation
- Host: GitHub
- URL: https://github.com/ammoor/nutrit-ui-ux
- Owner: Ammoor
- Created: 2025-08-21T05:36:42.000Z (9 months ago)
- Default Branch: main
- Last Pushed: 2025-09-25T17:11:22.000Z (8 months ago)
- Last Synced: 2025-09-25T19:26:59.220Z (8 months ago)
- Topics: adobe-creative-cloud, adobe-illustrator, adobe-xd, figma, photoshop, ui-ux-design
- Homepage:
- Size: 2.93 KB
- Stars: 0
- Watchers: 0
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Nutrit 🥗
**A comprehensive UI/UX design project for pressure and diabetes patients**
---
## 👥 Team Members
- Omar Ayman
- Omar Gamal
- Mohamed Amr
- Mostafa Mohamed
- Almoatasem Bellah
---
## 🏥 Project Overview
**Nutrit** is an innovative mobile and web application designed to support patients with hypertension (high blood pressure) and diabetes in managing their dietary needs. The app provides personalized food recommendations, dietary guidelines, and comprehensive health information to help users make informed decisions about their nutrition.
Our mission is to create an intuitive, accessible, and medically-informed user experience that empowers patients to take control of their health through better dietary choices.
---
## 🎯 Project Objectives
- **Design an intuitive user interface** that accommodates users of all ages and technical abilities
- **Create comprehensive food databases** with clear categorization of recommended and restricted foods
- **Develop personalized recommendation systems** based on individual health conditions and preferences
- **Provide educational content** about nutrition, meal planning, and healthy cooking techniques
- **Ensure accessibility** for users with various health conditions and visual impairments
- **Build a scalable design system** that can accommodate future features and improvements
---
## 🚀 Project Scope
### **Phase 1: Research & Discovery**
- User research and persona development
- Competitive analysis and market research
- Information architecture and user journey mapping
### **Phase 2: Design & Prototyping**
- Wireframing and low-fidelity prototypes
- Visual design system and component library
- High-fidelity mockups and interactive prototypes
### **Phase 3: Testing & Iteration**
- Usability testing with target users
- Design validation and feedback integration
- Final design refinements and documentation
### **Phase 4: Handoff & Documentation**
- Design system documentation
- Developer handoff materials
- Style guides and component specifications
---
## 🛠️ Design Tools & Technologies
- **Design Tools**: Figma, Adobe Creative Suite, Sketch
- **Prototyping**: Figma Prototyping, InVision, Principle
- **User Research**: UserTesting, Maze, Hotjar
- **Design Systems**: Storybook, Zeroheight
- **Collaboration**: Notion, Miro, Slack
---
## 🎨 Design Principles
- **Accessibility First**: Ensure the app is usable by people with various abilities and conditions
- **Medical Accuracy**: All dietary recommendations must be evidence-based and medically sound
- **User Empowerment**: Design should encourage positive health behaviors and informed decision-making
- **Cultural Sensitivity**: Respect diverse dietary preferences and cultural food traditions
- **Simplicity**: Complex medical information presented in clear, understandable ways
---
## 📱 Key Features (Planned)
- **Personalized Food Recommendations** based on health conditions
- **Meal Planning Tools** with nutritional information
- **Food Database** with clear "recommended" vs "avoid" categories
- **Recipe Collections** tailored for specific dietary restrictions
- **Health Education Content** about nutrition and disease management
- **Progress Tracking** for dietary adherence and health metrics
- **Emergency Information** for managing health crises
---
## 📊 Success Metrics
- **User Engagement**: Daily active users, session duration
- **Health Outcomes**: User-reported improvements in dietary habits
- **Accessibility**: Usability scores across different user groups
- **Design Quality**: Design system adoption and consistency scores
- **User Satisfaction**: Net Promoter Score and user feedback ratings
---
_Built with ❤️ for better health outcomes through better design_
## Resources
- [Team Members Tasks](https://docs.google.com/spreadsheets/d/1WtJKBLRC3Zlv2VoaPrD4oSw2M6zQ99gLZFJ97lhoNyg/edit?usp=sharing)
- [Tasks Drive](https://drive.google.com/drive/folders/1PfYgCz38PXoZEx6fpLPoihgM1hVypFRV?usp=drive_link)