Modern Web App UI Design
Budget: $750 – $1,500 CAD
I'm looking for a Web App UI/UX Designer to design a 2-way health web app platform. Designer must show proof of similar past projects in the same industry (health/fitness).
Well-Being Platform UI Design Document
Platform Overview
Our comprehensive platform connects personal health professionals, health nutritionists, dieticians, and other health industry professionals from around the globe with clients seeking to improve their well-being. Well-Being offers a specialized platform for health professionals and clients, providing a seamless experience for creating and managing sessions and bookings, tracking profits, and enhancing the well-being of clients. Health professionals can create and manage sessions, view their schedules, track their earnings, reviews, and ratings, and engage with their clients through detailed profiles, chat, and support options. Clients can explore and book sessions, manage their schedules, and interact with their health professionals. Administrators oversee the entire ecosystem, handling bookings, billing, profits, reports, and support to ensure smooth operations and a high-quality user experience for both health professionals and clients.
Health Professionals App Description
The Health Professionals app is designed for personal health professionals, health nutritionists, dieticians, and other health professionals to manage their business efficiently. Health professionals can sign up or log in to access their profile page, showcasing their stats and allowing for profile updates. The app enables health professionals to create sessions that clients can book, with each session page displaying detailed session information, reviews, and ratings. A schedule/bookings page provides an overview of pending, accepted, and declined bookings. Health professionals can also track their earnings on the profits page, viewing lifetime earnings as well as bi-weekly payouts. Additional features include a contact support page for any queries or concerns and a ratings page to see personal feedback from their clients.
Pages:
Signup/Login
- Signup: First Name, Last Name, Email, Password, Confirm Password, Gender, Timezone (dropdown list)
- Login: Email, Password
Profile:
- Fields: First Name, Last Name, Email, Gender, Bio, Country, City, Timezone, Language 1, Language 2, Language 3, Specialty 1, Specialty 2, Specialty 3, Certificate 1, Certificate 2, Certificate 3, Social Instagram, Social Tiktok, Social Youtube.
- Ratings section below profile details or on a separate page.
- Editable fields, certificates to be uploaded.
Bookings:
- Calendar View, List View: Pending, Accepted, Completed.
- Booking details: client profile image, client first & last name, client rating, booking Id, session title, price, duration, booking date & time, client notes, health professional notes (initially blank), meeting link.
- Buttons for completed bookings: Review client, Report client.
- Buttons for pending bookings: Accept, Decline, Chat with client.
- Buttons for accepted bookings: Complete booking, Cancel booking.
sessions:
- List of sessions with details.
- Create Class button: Upload session image, session title, session description, tag1, tag2, tag3, price, duration.
- Each session displayed as a card with image, title, and description.
- Clicking a session card opens a page with session details and client reviews.
Profit:
- Bill details: bill Id, client name, booking date, price, profit.
- Clicking a bill card displays: bill Id, client name, booking date, price & duration, profit, booking Id, session Id, session title, client Id.
- Button to display past bills and add payout date.
Support:
- Simple form to submit a support request: Topic (dropdown), Title, Description.
Chat:
- Integrated chat functionality for communication with clients.
Clients App Description
The Clients app caters to individuals looking to improve their health and well-being by connecting with qualified health professionals. Clients can sign up or log in to browse through a variety of sessions offered by different health professionals. The sessions page allows for filtering based on tags, health professional, price, or duration. Clients can book sessions and manage their schedules through the calendar/bookings page, ensuring they keep track of all upcoming sessions. The profile page lets clients update their personal details, while the ratings page provides insight into how health professionals rate them. Additionally, a contact support page is available for addressing any questions or concerns.
Pages:
Signup/Login
- Signup: First Name, Last Name, Email, Password, Confirm Password, Gender, Timezone (dropdown list)
- Login: Email, Password
Profile:
- Fields: First Name, Last Name, Email, Gender, Bio, Country, City, Timezone, Goal 1, Goal 2, Goal 3.
- Ratings section below profile details or on a separate page.
- Editable fields, timezone as a dropdown list.
Bookings:
- Calendar View, List View: Pending, Accepted, Completed.
- Booking details: health professional profile image, health professional first & last name, health professional rating, booking Id, session title, price, duration, booking date & time, client notes, health professional notes (initially blank), meeting link.
- Buttons for completed bookings: Review health professional, Review session, Report health professional.
sessions:
- Searchable list of sessions available to book (pagination included).
- Filters: health professional gender, duration, price, session tag, health professional name, health professional specialty.
- Class cards similar to health professionals app with an additional button to chat with the health professional.
Billing:
- Bill details: bill Id, health professional name, booking date, price.
- Clicking a bill card displays: bill Id, health professional name, booking date, price & duration, booking Id, session Id, session title, health professional Id.
Support:
- Simple form to submit a support request: Topic (dropdown), Title, Description.
Chat:
- Integrated chat functionality for communication with health professionals.
Admin App Description
The Admin app provides a powerful interface for overseeing the entire platform. After logging in, administrators can access the bookings page to view and filter bookings by time, session tag, or other criteria. The billing page offers a comprehensive view of client spending on each session, while the profits page tracks health professional earnings both in total and over the past two weeks. The reports page is essential for monitoring health professional and client reports and taking necessary actions. Finally, the support page allows administrators to manage support tickets submitted by health professionals and clients, ensuring timely and effective resolution of issues.
Pages:
Login:
- Fields: Email, Password.
Dashboard:
- Displaying total health professionals, total clients, total sessions, total bookings, total health professional reviews, total client reviews, total session reviews, total reports, total support tickets, total payments (each as a card of its own).
Client Support Requests:
- List of support requests filtered by topic.
- For each support ticket: Buttons to reply to client (sending reply as a chat message) and mark as completed.
Health Professionals Support Requests:
- List of support requests filtered by topic.
- For each support ticket: Buttons to reply to health professional (sending reply as a chat message) and mark as completed.
Reports:
- List of reports filtered by health professionals or clients.
- For each report ticket: Buttons to reply to user (sending reply as a chat message) and mark as completed.
Bills:
- Searchable list of bills for all bookings.
- Search by bill Id, health professional name, client name, or booking date.
Process Payouts:
- Searchable list of all health professionals.
- Clicking a health professional opens a page with upcoming payout and list of past payouts.
- Each payout displays: total amount gained, total payout earned, payout date.
Health Professionals Management:
- View Health Professionals, Approve Health Professional, Suspend Health Professional, Delete Health Professional, View Health Professional Details.
Clients Management:
- View Clients, Suspend Client, Delete Client, View Client Details.
sessions Management:
- View Class, Delete Class, View Class Details.
Additional Details:
- Menu design: Decide between a side menu or top menu.
- Reset password page: Takes email only.
- Clickable button for dark and light themes.
- Notifications button for new bookings, payouts, messages, etc.
- All apps must be 100% responsive
- Add privacy and security, terms of service pages (easily accessible)
Well-Being Platform UI Design Document
Platform Overview
Our comprehensive platform connects personal health professionals, health nutritionists, dieticians, and other health industry professionals from around the globe with clients seeking to improve their well-being. Well-Being offers a specialized platform for health professionals and clients, providing a seamless experience for creating and managing sessions and bookings, tracking profits, and enhancing the well-being of clients. Health professionals can create and manage sessions, view their schedules, track their earnings, reviews, and ratings, and engage with their clients through detailed profiles, chat, and support options. Clients can explore and book sessions, manage their schedules, and interact with their health professionals. Administrators oversee the entire ecosystem, handling bookings, billing, profits, reports, and support to ensure smooth operations and a high-quality user experience for both health professionals and clients.
Health Professionals App Description
The Health Professionals app is designed for personal health professionals, health nutritionists, dieticians, and other health professionals to manage their business efficiently. Health professionals can sign up or log in to access their profile page, showcasing their stats and allowing for profile updates. The app enables health professionals to create sessions that clients can book, with each session page displaying detailed session information, reviews, and ratings. A schedule/bookings page provides an overview of pending, accepted, and declined bookings. Health professionals can also track their earnings on the profits page, viewing lifetime earnings as well as bi-weekly payouts. Additional features include a contact support page for any queries or concerns and a ratings page to see personal feedback from their clients.
Pages:
Signup/Login
- Signup: First Name, Last Name, Email, Password, Confirm Password, Gender, Timezone (dropdown list)
- Login: Email, Password
Profile:
- Fields: First Name, Last Name, Email, Gender, Bio, Country, City, Timezone, Language 1, Language 2, Language 3, Specialty 1, Specialty 2, Specialty 3, Certificate 1, Certificate 2, Certificate 3, Social Instagram, Social Tiktok, Social Youtube.
- Ratings section below profile details or on a separate page.
- Editable fields, certificates to be uploaded.
Bookings:
- Calendar View, List View: Pending, Accepted, Completed.
- Booking details: client profile image, client first & last name, client rating, booking Id, session title, price, duration, booking date & time, client notes, health professional notes (initially blank), meeting link.
- Buttons for completed bookings: Review client, Report client.
- Buttons for pending bookings: Accept, Decline, Chat with client.
- Buttons for accepted bookings: Complete booking, Cancel booking.
sessions:
- List of sessions with details.
- Create Class button: Upload session image, session title, session description, tag1, tag2, tag3, price, duration.
- Each session displayed as a card with image, title, and description.
- Clicking a session card opens a page with session details and client reviews.
Profit:
- Bill details: bill Id, client name, booking date, price, profit.
- Clicking a bill card displays: bill Id, client name, booking date, price & duration, profit, booking Id, session Id, session title, client Id.
- Button to display past bills and add payout date.
Support:
- Simple form to submit a support request: Topic (dropdown), Title, Description.
Chat:
- Integrated chat functionality for communication with clients.
Clients App Description
The Clients app caters to individuals looking to improve their health and well-being by connecting with qualified health professionals. Clients can sign up or log in to browse through a variety of sessions offered by different health professionals. The sessions page allows for filtering based on tags, health professional, price, or duration. Clients can book sessions and manage their schedules through the calendar/bookings page, ensuring they keep track of all upcoming sessions. The profile page lets clients update their personal details, while the ratings page provides insight into how health professionals rate them. Additionally, a contact support page is available for addressing any questions or concerns.
Pages:
Signup/Login
- Signup: First Name, Last Name, Email, Password, Confirm Password, Gender, Timezone (dropdown list)
- Login: Email, Password
Profile:
- Fields: First Name, Last Name, Email, Gender, Bio, Country, City, Timezone, Goal 1, Goal 2, Goal 3.
- Ratings section below profile details or on a separate page.
- Editable fields, timezone as a dropdown list.
Bookings:
- Calendar View, List View: Pending, Accepted, Completed.
- Booking details: health professional profile image, health professional first & last name, health professional rating, booking Id, session title, price, duration, booking date & time, client notes, health professional notes (initially blank), meeting link.
- Buttons for completed bookings: Review health professional, Review session, Report health professional.
sessions:
- Searchable list of sessions available to book (pagination included).
- Filters: health professional gender, duration, price, session tag, health professional name, health professional specialty.
- Class cards similar to health professionals app with an additional button to chat with the health professional.
Billing:
- Bill details: bill Id, health professional name, booking date, price.
- Clicking a bill card displays: bill Id, health professional name, booking date, price & duration, booking Id, session Id, session title, health professional Id.
Support:
- Simple form to submit a support request: Topic (dropdown), Title, Description.
Chat:
- Integrated chat functionality for communication with health professionals.
Admin App Description
The Admin app provides a powerful interface for overseeing the entire platform. After logging in, administrators can access the bookings page to view and filter bookings by time, session tag, or other criteria. The billing page offers a comprehensive view of client spending on each session, while the profits page tracks health professional earnings both in total and over the past two weeks. The reports page is essential for monitoring health professional and client reports and taking necessary actions. Finally, the support page allows administrators to manage support tickets submitted by health professionals and clients, ensuring timely and effective resolution of issues.
Pages:
Login:
- Fields: Email, Password.
Dashboard:
- Displaying total health professionals, total clients, total sessions, total bookings, total health professional reviews, total client reviews, total session reviews, total reports, total support tickets, total payments (each as a card of its own).
Client Support Requests:
- List of support requests filtered by topic.
- For each support ticket: Buttons to reply to client (sending reply as a chat message) and mark as completed.
Health Professionals Support Requests:
- List of support requests filtered by topic.
- For each support ticket: Buttons to reply to health professional (sending reply as a chat message) and mark as completed.
Reports:
- List of reports filtered by health professionals or clients.
- For each report ticket: Buttons to reply to user (sending reply as a chat message) and mark as completed.
Bills:
- Searchable list of bills for all bookings.
- Search by bill Id, health professional name, client name, or booking date.
Process Payouts:
- Searchable list of all health professionals.
- Clicking a health professional opens a page with upcoming payout and list of past payouts.
- Each payout displays: total amount gained, total payout earned, payout date.
Health Professionals Management:
- View Health Professionals, Approve Health Professional, Suspend Health Professional, Delete Health Professional, View Health Professional Details.
Clients Management:
- View Clients, Suspend Client, Delete Client, View Client Details.
sessions Management:
- View Class, Delete Class, View Class Details.
Additional Details:
- Menu design: Decide between a side menu or top menu.
- Reset password page: Takes email only.
- Clickable button for dark and light themes.
- Notifications button for new bookings, payouts, messages, etc.
- All apps must be 100% responsive
- Add privacy and security, terms of service pages (easily accessible)