PianoGroove is an online course for piano players dedicated to play jazz piano. I worked with Hayden, the course founder since 2017, when the first time I was approached and asked to improve the site course organisation as well as improving the user interface.
Throughout the years of working for PianoGroove, the UI had to be bold and with a high grade of readability. The course is aimed to experienced players, most of them above 40 years old.
The site had always to look a bit classy but fresh at the same time. Another factor to consider was student’s devices. Most of them use a tablet placed over the piano so the design had to be optimised for an horizontal tablet fruition.
Over the years, I always tried to enhance the interfaces, make them modern and in line with the current design trends without restyling the Ui completely each time.
The following visuals are the latest designs made in 2022 with Hayden, founder of PianoGroove.
The homepage presents a classic landing page structure which is made of the following:
Still looking at the homepage, in the section further down the page we can see:
On this page the users will see all the courses offered in the course. These are single courses rather than membership:
Like any other e-commerce page, here we show the product before purchase. It works slightly differently than a classic e-commerce because there is no cart and the product picture is replaced by a video.
On the screens below, you can see the UI design that was made for the Membership part for the course. Students can buy a monthly membership and then access all the courses available.
Here you can see in order:
Teachers also have their own sections for student to find out more about them.
Here is a collections of other screens that I designed to complete the website like the search result page, 404 page, comments and marketing landing pages.