Uid - Ux Project
Uid - Ux Project
(POLYTECHNIC WING)
Guided by:
Mrs. P. U. Patil
This is Certify that student of Computer Engineering has successfully completed the
project term work “Health & Wellness Application ” in UID partial fulfillment of the
Diploma of Computer Engineering as laiddown during academic year 2024-25.
INDEX
Pagen
Sr.no.
Name o.
1 4
Introduction
4 Conclusion 11
5 Reference 12
*1. INTRODUCTION*
In today’s fast-paced world, maintaining a healthy lifestyle has become essential. The
Fitness Blog Web Project is designed to provide users with a seamless platform to
access valuable fitness resources, including meal plans, workout guides, and an AI-
powered chatbot for personalized support.
This project is designed using Figma, a powerful UI/UX design tool, to create a visually
appealing and user-friendly interface. The design ensures an engaging experience,
making it easy for users to log in securely, explore customized nutrition and exercise
plans, and interact with a chatbot for quick fitness guidance. The platform is
structured to cater to fitness enthusiasts, beginners, and individuals seeking expert-
backed health and wellness guidance.
Key Features:
✅ User Authentication – Secure login and registration process
✅ Meal Plans – Tailored diet recommendations for different fitness goals
✅ Workout Guides – Categorized exercise routines with step-by-step instructions
✅ Chatbot Support – AI-powered assistance for quick fitness tips
✅ Figma-Based UI Design – Modern, interactive, and visually appealing layout
✅ Mobile-Responsive Design – Optimized for both desktop and mobile users
Using Figma, we designed an intuitive and interactive platform that promotes health
and wellness while enhancing accessibility to expert-backed fitness knowledge.
❖ 2. App pages
1. Login Page
Purpose:
Allows users to securely access their fitness dashboard.
Key Elements:
• Logo: "FITNESS BLOG"
• Email and Password fields
• "Forgot Password?" link
• Social sign-in options (Google, Facebook)
• Sign In button
• "Don't have an account?" sign-up link
• Clean and minimal UI with a green/blue color palette.
Purpose:
Helps users follow personalized nutrition programs based on fitness goals.
: Key Elements
• Title: “Meal Plans”
• Subtitle: “Choose your goal to see a plan”
• Categories as cards or sections:
o Weight Loss
o Muscle Gain
o Balanced Diet
o Vegan/Veg Options
• Daily meal breakdown (breakfast, lunch, dinner, snacks)
• Option to download or save the plan
• Calorie range and nutritional tips
• Smooth scrolling and mobile-responsive layout
❖ 4. CONCLUSION
The Fitness Blog Web Project is a thoughtfully designed digital platform aimed at
promoting a healthier lifestyle through accessible, organized, and visually engaging
content. Built with Figma, this project highlights the power of UI/UX design in crafting
functional, responsive web experiences tailored to user needs.
By offering a secure login system, customizable meal plans, diverse workout guides,
and a smart chatbot assistant, the platform becomes more than just a static blog —
it transforms into an interactive wellness companion. Each design element was
carefully curated to ensure ease of use, intuitive navigation, and consistent branding,
delivering a seamless experience across both desktop and mobile interfaces.
The incorporation of fitness categories like Weight Loss, Muscle Gain, Cardio, and
Yoga, as well as options for different dietary preferences, reflects the project’s
commitment to inclusivity and personalization. Moreover, the use of clean typography,
minimalistic layouts, and mobile-optimized screens ensures a modern aesthetic that
aligns with current web design trends.
This project not only demonstrates a solid understanding of design principles and
Figma’s capabilities but also showcases the importance of digital tools in addressing
real-world problems — in this case, making fitness guidance more accessible,
engaging, and effective.
Looking ahead, this project could be further expanded into a fully functional app by
integrating backend technologies, real-time tracking, user-generated content, and
progress analytics. With the foundation now laid out in a strong design system, the
Fitness Blog Web is ready for future development and real-world application.
➢ 5. REFRENCE
1.https://www.google.com/search?q=sound+to+electrical+energy&sca_esv=bd9db4ef
3d63f955&rlz=1C
2.M2riAg&oq=sound+to+electrical&gs_lp=EgNpbWciE3NvdW5kIHRvIGVsZWN0
cmljYWwq
3.AEBmAIUoAKUFqgCCsICChAjGCcYyQIY6gLCAgcQIxgnGMkCwgIKEAAYg
AQYQxiKBcICCxA