We absolutely loved this project. We needed to create a website that was showcasing both personal development courses and also therapy services. The goal for the website was to create a website that is professional but also feels like a safe and calming space.
The client wanted the focus to be on the courses, so that people can come to the website and see the development options available to them, before showing the option for therapy. You can see we keep to this as you scroll through the home page, with the primary information shown about the courses.
We structured the website in a way that will really showcase the benefits of both the courses and the therapy on the home page, but they each have a separate landing page with all of the information kept separately.
You must go and check out the website to see all of the details, but here are some of our favourite little details.
The hero section. Clear messaging with a calming animation
Separate section for the therapy page. We show a little bit of information, followed by further details in a pop up modal in line with the website/branding. This preserves the design of the website and gets across the relavant information to the users
Detailed course information shown in a great layout that is easy for the website user to see all of the relavant details
We created a section for articles that needed to be split into two distinct categories. We created a full width featured article for the most recent, along with all of the articles in a beautiful grid view
We created this custom contact form which is a lot smarter than it may initially appear. We have different fields available in the same for for booking Therapy, a course, or just asking a question. Throughout the website we have lots of buttons to Book a therapy or course. In order to give the user the best experience if you click book now on a course, it will bring you to this form and have already selected the correct category and course for you. Creating less friction and steps for your users is really important
It's hard to show how great this gallery looks on this page. We implemented pagination and an amazing design for the image gallery
We designed, built and coded this website using the following technology
- - NextJS
- - React
- - Tailwind CSS