The World Wide Web offers a great amount of different content, which we can access from the comfort of our home. These include sports and recreational content for home exercise, which encourages physical activity and seeks to mitigate the effects of a modern, sedentary lifestyle. To achieve its purpose, the content needs to be presented in a way that engages and interests users, while providing a seamless experience. The website designer has a crucial responsibility here. The main goal of the thesis was to set up an attractive, informative and user-friendly website with diverse training content for individuals. First, we performed an analysis of online competition, learned about best practices and the key elements that a website with sports and recreational content needs. The answers of potential users we interviewed about their needs for online sports and recreation content helped us prepare the conceptual design. Based on the findings, we determined the information architecture of the content and created wireframes. This was followed by content development, which included content writing, in-studio photography and video recording of various workout sessions. Before starting the production of wire frames, we designed the overall graphic image (logo, selection of colours, typography and graphic elements), mostly using Adobe Illustrator and Figma. We made hand sketches of wireframes and used Figma to refine them into the final design of the website. The last step was to set up the site in Brackets according to our own design template. We used the Bootstrap 5 suite of software solutions, which is a popular HTML, CSS and JavaScript framework for developing responsive websites. We tested the finished website with a group of users. The respondents expressed a positive user experience: the website is clear, it contains relevant information, and it is coherently designed. They also gave feedback for further upgrades of the website.
|
