Project information
- Category: Web design
- Client: Tiffun kary (US Client)
- Project date: 18 Aug, 2022
- Project URL: www.figma.com
The Global Conscious Media (GCM) Personalized Wellness Services Website UI/UX design project aims to create an intuitive and user-friendly website for a platform that offers personalized wellness services. The website showcases a range of wellness services provided by experts and powered by artificial intelligence (AI). The design focuses on creating a seamless user experience that promotes well-being, personal growth, and accessibility to services that evolve with individual needs.
User Research
User research was conducted to understand the target audience and their preferences when it comes to personalized wellness services. The research provided the following insights: User personas: The main user personas include individuals seeking holistic wellness solutions, personal development enthusiasts, and those looking for expert guidance in various wellness domains. User goals and tasks: Users primarily aim to explore wellness services tailored to their needs, access expert advice and resources, track their progress, and engage in personalized recommendations. User flows: User flows were designed to outline the steps users take from landing on the website to exploring services, booking appointments, accessing resources, and monitoring their wellness journey. Pain points and opportunities: Pain points, such as lack of personalized recommendations or difficulty in finding relevant services, were identified as opportunities for improvement.
User research was conducted to understand the target audience and their preferences when it comes to personalized wellness services. The research provided the following insights: User personas: The main user personas include individuals seeking holistic wellness solutions, personal development enthusiasts, and those looking for expert guidance in various wellness domains. User goals and tasks: Users primarily aim to explore wellness services tailored to their needs, access expert advice and resources, track their progress, and engage in personalized recommendations. User flows: User flows were designed to outline the steps users take from landing on the website to exploring services, booking appointments, accessing resources, and monitoring their wellness journey. Pain points and opportunities: Pain points, such as lack of personalized recommendations or difficulty in finding relevant services, were identified as opportunities for improvement.
Information Architecture
The information architecture of the GCM website was designed to ensure easy navigation and accessible information. Key elements of the information architecture include: Sitemap: The sitemap outlines the main sections of the website, including Home, Services, Experts, Resources, Blog, About Us, Contact, and User Dashboard. Navigation design: The navigation menu is clear and intuitive, allowing users to easily access different sections of the website. It may include dropdown menus or a hamburger menu for streamlined navigation. Content organization: The content is organized in a logical and structured manner, with services, experts, resources, and blog posts categorized for easy exploration and understanding.
The information architecture of the GCM website was designed to ensure easy navigation and accessible information. Key elements of the information architecture include: Sitemap: The sitemap outlines the main sections of the website, including Home, Services, Experts, Resources, Blog, About Us, Contact, and User Dashboard. Navigation design: The navigation menu is clear and intuitive, allowing users to easily access different sections of the website. It may include dropdown menus or a hamburger menu for streamlined navigation. Content organization: The content is organized in a logical and structured manner, with services, experts, resources, and blog posts categorized for easy exploration and understanding.
Wireframes and Prototypes
Wireframes and prototypes were created to visualize the layout and interactions of the GCM website. Key components of this phase include: Low-fidelity wireframes: Initial wireframes were developed to establish the basic layout, content placement, and overall structure of the website. This ensured a clear and consistent design foundation. High-fidelity wireframes: Detailed wireframes were created to refine the visual design, incorporate branding elements, and align with user expectations. Interactive prototypes: Interactive prototypes were developed to demonstrate the user interactions, allowing stakeholders to experience the website's functionality and flow.
Wireframes and prototypes were created to visualize the layout and interactions of the GCM website. Key components of this phase include: Low-fidelity wireframes: Initial wireframes were developed to establish the basic layout, content placement, and overall structure of the website. This ensured a clear and consistent design foundation. High-fidelity wireframes: Detailed wireframes were created to refine the visual design, incorporate branding elements, and align with user expectations. Interactive prototypes: Interactive prototypes were developed to demonstrate the user interactions, allowing stakeholders to experience the website's functionality and flow.
Visual Design
The visual design of the GCM website focuses on creating a calming and user-centric aesthetic that promotes wellness and personal growth. Key elements of the visual design include: Color palette: The color palette includes soothing tones, , blues, and neutrals, to evoke a sense of tranquility and well-being. Typography: Readable and elegant typefaces are selected to ensure easy legibility of textual content, such as service descriptions, expert profiles, and blog posts. Imagery and graphics: High-quality imagery featuring nature, wellness activities, and diverse individuals is used to visually engage users and reinforce the website's wellness focus.
Color palette The visual design of the GCM website focuses on creating a calming and user-centric aesthetic that promotes wellness and personal growth. Key elements of the visual design include: Color palette: The color palette includes soothing tones, , blues, and neutrals, to evoke a sense of tranquility and well-being. Typography: Readable and elegant typefaces are selected to ensure easy legibility of textual content, such as service descriptions, expert profiles, and blog posts. Imagery and graphics: High-quality imagery featuring nature, wellness activities, and diverse individuals is used to visually engage users and reinforce the website's wellness focus.
Typography
Font Family
Epilogue
Aa Aa Aa Aa
Font Family
Epilogue
Aa Aa Aa Aa