Goal
The goal of this project was to create a wellness themed one pager only using html & css. My focus was to build a page that expresses calmness and a sense of well-being. This was accomplished by using aesthetically pleasing pictures and colors wich convey warmth & relaxation.
The goal of this project was to create a wellness themed one pager only using html & css. My focus was to build a page that expresses calmness and a sense of well-being. This was accomplished by using aesthetically pleasing pictures and colors wich convey warmth & relaxation.
Solution
The layout is kept simple to keep the focus on the content and the overall purpose: to inform & to get the user to book a Pilates or Yoga course. The copy & picture elements provide the visitor with information about the studio and the practice of yoga/pilates. The fixed navigation allows the user to jump to specific parts of the page allowing them to skip said information. For example: This might be helpful to reoccurring visitors whose intent is not to inform themselves but to make use of the booking tool directly. Additional information or possible questions are stored in an accordion element as a FAQ which provides easy access and prevents unnecessary searching.
The footer is kept fairly simple providing standard information such as legal notice, social media presence or payment details.
The layout is kept simple to keep the focus on the content and the overall purpose: to inform & to get the user to book a Pilates or Yoga course. The copy & picture elements provide the visitor with information about the studio and the practice of yoga/pilates. The fixed navigation allows the user to jump to specific parts of the page allowing them to skip said information. For example: This might be helpful to reoccurring visitors whose intent is not to inform themselves but to make use of the booking tool directly. Additional information or possible questions are stored in an accordion element as a FAQ which provides easy access and prevents unnecessary searching.
The footer is kept fairly simple providing standard information such as legal notice, social media presence or payment details.
Learning
From todays point of view (2023), I’d reevaluate the matter of accessibility since there are no adjustable settings regarding color, language or size. Additionally I would revisit the booking system, map out a possible user journey and design such to fit the existing design system/CI.
From todays point of view (2023), I’d reevaluate the matter of accessibility since there are no adjustable settings regarding color, language or size. Additionally I would revisit the booking system, map out a possible user journey and design such to fit the existing design system/CI.
