Refinement and unification of the interface for the AI nutrition assistant
URGENT:
At the current stage, it is necessary to:
Refine the design of the progress bar panel that the user receives in response to a photo of a dish, to unify the style and allow for branding (logo).
Bring the main window of the web application to a unified style, refine buttons and interface elements while maintaining intuitiveness and ease of use.
Synchronize the design of all interface elements, eliminate the disunity of styles and color schemes.
Provide for the possibility of adding new features and elements in the future.
Create a visual concept compatible with Telegram Mini Apps, focusing on simplicity, functionality, and adaptability.
The project aims to create an intuitive and visually appealing interface for an AI assistant in Telegram that helps users maintain a healthy lifestyle and nutrition. The assistant provides personalized recommendations, analyzes dietary data, tracks progress, and promotes gradual improvement of users' eating habits.
Currently, the application is being developed in two modes: a traditional chatbot and a web application on the Telegram Mini Apps platform. This allows users to interact with the assistant in a way that is convenient for them: quickly through text chat or more detailed through the extended interface of the web application.
The key goal of the design is to unify the disparate interface elements created during the functionality testing into a single style that supports the brand's aesthetics and the intuitiveness of user interaction.
Project Description
The AI assistant acts as a personal dietitian, providing nutrition recommendations based on user data: physiological parameters, preferences, daily routine, and other important aspects.
Main Functions:
- Nutrition Analysis:
The user sends the bot a photo of a dish or a text description. In response, the bot analyzes the data and returns an image with:
• A brief description of the dish.
• Information about calories, macronutrients (proteins, fats, carbohydrates), and other parameters.
• A progress bar showing the dish's contribution to achieving the daily goal.
- Interactive Buttons:
• Save: records the dish data in the food diary.
• Adjust: allows the user to specify the weight or composition of the dish.
- Personalized Advice:
The user can ask questions about nutrition, diet, or workouts, receiving answers tailored to their goals.
- Periodic Surveys:
The bot periodically clarifies information about the user's health status and preferences to keep recommendations relevant.
- Extended Functionality in the Web Application:
Includes additional tools for meal planning, data analysis, and parameter customization.
Technical Features of the Task
At the current stage, interface refinement is required:
- Progress Bar Panel (bot's response):
• The design of the panel received by the user after sending a photo of the dish should be unified in style.
• It is important to provide for branding (adding a logo).
• Links to current materials and task description: bot example: @NutriAdvisorBot_bot
- Main Window of the Web Application:
• Link to current options:
• It is necessary to refine the buttons and visually unify the screen elements while maintaining the intuitiveness of the interface.
- Style Harmonization:
All current design elements have different styles and color schemes. The task is to develop a visual concept that ensures the integrity of the user experience.
Technical Requirements
• Create a design that takes into account the specifics of the Telegram Mini Apps platform.
• Consider the possibility of adding new features in the future.
• Develop a brandable and adaptable interface style.
We look forward to your proposals regarding the timelines and cost of the work.
-
5 days242 USD5 days242 USD
My name is Yulia, I am a web designer with 2 years of experience in creating attractive and functional websites that combine modern design and usability. I am ready to create a website for you that will exceed your expectations. Contact me for a detailed discussion.
Here is my portfolio:Behance
-
7 days188 USD
113 7 days188 USDHello, Sergei Audeychik!
My name is Alina Kyryk, and I would be happy to take on the refinement and unification of the interface for your AI assistant. I have experience working with interfaces for web applications and chatbots, including projects on the Telegram Mini Apps platform.
Your task requires not only visual harmonization of elements but also the creation of an adaptive, functional design considering future improvements. My goal is to ensure that the interface is intuitive, aesthetically pleasing, and meets your branding requirements.
What I can offer:
Refinement of the progress bar panel: unifying the style and integrating the logo.
Unification of the main window: creating a consistent style for buttons and interface elements with an emphasis on usability.
… Style harmonization: eliminating discrepancies in color schemes and styles for a cohesive visual perception.
Preparation for future expansion: developing a universal design that can be easily adapted for new features.
Compliance with Telegram Mini Apps requirements: I will take into account the specifics of the platform for better integration.
The timelines and cost of the project are preliminary and will be discussed individually to best meet your expectations. I am ready to start working promptly.
I would be happy to discuss the details and propose a concept that highlights the uniqueness of your project!
Best regards,
Alina Kyryk
-
6 days188 USD
211 2 0 6 days188 USDHello! I have experience in creating adaptive, intuitive interfaces for web applications. My goal is to unify the elements of your AI assistant into a single style that emphasizes the brand and ensures ease of functionality expansion. I am ready to propose a harmonious design for progress bars, update the main window of the web application, and align styles to enhance the user experience. I would be happy to discuss the details and timelines.
-
5 days188 USD
155 5 days188 USDGood day! I am a certified web designer focused on aesthetics and the simplicity of user interface perception (you can view my work and certificate in Notion by following the link in my profile description). I would gladly take on the proposed job with a deadline of 5-7 days. Additionally, I am an active user of health applications with high-level design. This would allow me to effectively bring your goals to life, as I encounter UX/UI analysis of similar interfaces every day for the past 5-6 years. Thank you for the clear and visually pleasing description of the task.
-
7 days188 USD
1658 24 0 7 days188 USDHello. My clients are startups, private enterprises (education, childcare, beauty, e-commerce), and others. My daily tool is Figma, where I can create interactive prototypes. I work on the project at every stage from developing site maps, frameworks, and interaction models to creating actual layouts. Among my skills: Responsive design (Landing pages, websites, product sites), Mobile app design (Android and iOS), Mobile game design, UX/UI design, Prototyping, layouts, and frameworks. I am open to new tasks, so I will be happy to complete your task quickly and efficiently!
-
10 days2691 USD
5692 24 0 10 days2691 USDHello! 👋
I am not a designer who just draws, but rather a designer who DESIGNS products that sell business services. I create designs for businesses in various fields and have a high level of expertise in UX and UI design.
Please take a look at my portfolio and see my experience in the UX/UI field:
Freelancehunt
-
7 days188 USD
198 7 days188 USDHello! My name is Anna, I am a web designer specializing in creating modern, aesthetic, and functional interfaces that combine user convenience with business goals. I will develop a harmonious design that reflects the integrity of the brand and usability, taking into account the features of Telegram Mini Apps. I will include branding so that they fit perfectly into the overall concept and create a professional impression. I will optimize elements to make the interface even more intuitive and visually striking. I will ensure space for easy addition of functionality in the future while maintaining a consistent style. Examples of my work:
Behance
Current freelance projects in the category Interface Design (UI/UX)
Create a design mockup in Figma for a corporate websiteCreate a design mockup in Figma for a corporate website. The site structure is in the attachment. I will send the donor site in private messages. Interface Design (UI/UX), Web Design ∙ 5 hours 23 minutes back ∙ 72 proposals |
Graphic designer requiredA designer is required who can draw something similar It will be necessary to create 2D graphics for a mobile application Interface Design (UI/UX), Artwork ∙ 12 hours 59 minutes back ∙ 26 proposals |
Landing page for an English school
301 USD
We are looking for a designer + landing page developer (Wix / WordPress / Weblium) Hello! We are looking for a performer for the design and layout of a landing page for an English language course. What is needed: — design and layout of a landing page with 12 blocks; —… HTML & CSS, Interface Design (UI/UX) ∙ 13 hours 26 minutes back ∙ 108 proposals |
It is necessary to transfer and adapt the design from the old site to the new one.Hello. We need to transfer and adapt the design of the old website msonya.com to the new template test.msonya.com and create the design for each page of the site in Figma for further "implementation" of the design on the website. Two formats: desktop and mobile. Interface Design (UI/UX), Web Design ∙ 4 days 3 hours back ∙ 56 proposals |
UI/UX Audit and Bringing the Website to a Unified Style
178 USD
Important: we only consider specialists with confirmed experience and a portfolio. A real estate agency website is being developed. All main pages have already been assembled and laid out in Lovable. At this stage, a professional audit of the interfaces is required to identify… Interface Design (UI/UX) ∙ 4 days 7 hours back ∙ 39 proposals |