Each meditation is represented by a particular color that is associated with the theme within. The specific colors are our client’s original idea.
One of the graphic elements, a circle around the photo, is animated as the user listens to the audio. It rotates smoothly as it plays.
Each picture is a unique client photo. It was a basic principle not to use stock photos so that the site would convey the personality and spirit of our client as much as possible.
We have implemented the purchase of products through WooCommerce. Meditations are divided into packages that include several individual meditations. We integrated the Woo Product Bundles plugin to implement the logic of adding items to the cart with a package solution.
For the product payment on the site, we have integrated international payment systems, which will be convenient for users from different regions.
One of the most important functionalities of these sites is the audio player, which should be simple and easy to use. We have integrated a familiar and convenient HTML-5 audio player, which allows customization of the project’s corporate colors.
We used the ACF & WordPress Gutenberg plugin because the site had a lot of logical blocks that are used on all the pages. These are the product blocks, the About block, and the Instagram block.
We connected the swiper-js library to implement a slider with our client’s diplomas on the About page and a block with the Instagram feed. This library allows you to make the slider convenient for mobile devices.
We received the requirements and the design suggestions from the client in a video format, where the client shared the screen, showed us the structure and references, and described the task nuances.
We received feedback on the finished designs in the audio messages on Telegram.