FITNESS WEBSITE
FitGenius
Year
2022
Client
Fitness Website
Services
Web Design
Project
Static
Website Goal
The Website FitGenius provides valuable information to educate visitors about their health and fitness journey by striving to offer high-quality and reliable information on fitness, nutrition, and overall wellness. This website will engage and inspire visitors by including articles, motivational stories, and success stories from individuals who have achieved their fitness goals. It has features like workout plans (based on body shape, age, and weight), a Basic nutrition plan, and a discussion forum where users can discuss their opinions.
This website will act as a centralized Hub for various fitness aspects, with up-to-date information about exercise routines, nutrition, health tips, and overall well-being. It should offer a variety of workout plans, training programs, and video tutorials to help users achieve their fitness goals. It should cater to different fitness levels, interests, and specific objectives. It should establish a platform driven by communities wherein customers can interact with other individuals who share their fitness goals, raise questions, and encourage one another. Social media integration, Forums, or a special membership section might be included. Some unique features will be added to this website, allowing users to track their progress, determine goals, and receive customized suggestions that suit their tastes and fitness levels, increasing user interaction.
Flowchart (storyboard) that shows the hierarchy of pages and relationships between the pages
The website aims to become a centralized hub for fitness enthusiasts, providing up-to-date information, resources, and support for exercise and nutrition and a discussion forum for the audience to share and discuss their fitness Journey. The website aims to help users achieve their fitness goals and foster a sense of camaraderie among like-minded individuals by offering a range of workout plans, training programs, and community-driven features.
Wireframes for Web & Mobile version
Theme Selection: The colour theme for the website based on the French flag colors. This choice was decided based on the client’s desires and requests gathered in the client interview held earlier this term. The choice to go for a French feeling on the website comes from the kind of establishment the client has and the user experience the client wanted for it. Used light colors for the background to prevent distractions from the users when navigating it so that they can focus on the content and products while also respecting the French flag, which has the colour white in it.
Hi-Fi Wireframes for Web & Mobile version
The layout was based on the best common practices for business websites. Used a clean design throughout all pages to let the content of the website shine. Another reason for using a clean design was to give a feeling of a sophisticated place, being beautiful and intuitive yet simple.
Went with a zig-zag layout for the Home, Contact Us, and About Our Restaurant pages, alternating in which side content is with each content block. Used a split-screen layout for the drinks and crepes menu pages, conveying all information in two different columns. Used a grid for the gallery page to let the users see all photos in small sizes and choose any of them to see it in a bigger size, in a way similar to various other websites, for example, YouTube.
Website mainly contains an Information in the home page, workout page, a nutrition page, and a Discussion forum page
Workout plans:
Based on body shape, age, Target (Weight loss, weight management, weight gain, specific health conditions), training programs, and video tutorials. Give thorough workout regimens and training plans for various fitness levels and goals. Include step-by-step directions, images, or videos to assist consumers in completing workouts and reaching their fitness objectives.
Nutrition Information:
Basic Diet chart is provided to the users. To assist users in making appropriate food choices, provide nutritious recipes, meal planning, and dietary guidelines. Consider incorporating calorie counts, portion sizes, and nutritional concerns like vegetarian or gluten-free alternatives.
User Interaction:
Discussion Forum tab on the website where users can post and interact with other users or social media Interaction (Link to the page for consulting, YouTube links, Instagram links).
Community Forums and Discussion Boards: Create community forums or forums for discussion where people may communicate, Ask inquiries, Share their knowledge, and can provide one another assistance. Encouraging user participation and creating a community on your website may be beneficial.