FindyourB Podcast

Refreshed website design for a podcast popular in Kazakhstan.

See live ↗
findyourb website main page

Background

FindyourB is a podcast about people who found inspiration in life and dedicated themselves to it. The project goal was to increase the number of Patreon supporters, and update look-n-feel, so that the website stands out and is harmonized with the key visuals.

My role

Leading the design process starting with collecting requirements, creating low and high fidelity designs, presenting it to stakeholders, and co-developing the website.

While for desktop there is the coloful visual animated with parallax effect to convey the podcast vibes, the mobile version is simplified to make essential functionality more accessible.

mobile version of the website

Asking users for support

At the index page and after each episode there is the module suggesting users to support the podcast via Patreon or directly by bank transfer. For each option the benefits are described, so that users can decide if it is worth it. Also, patrons who pledged the most are acknowledged below:

asking users for support

Honor to patrons

Initially we wanted to show the Patreon userpic for each patron, so patrons can recognize themselves, but it did not fit the scope before the website release. A workaround I came up with a set of distinct placeholders:

generating avatar placeholders for patreons

Trying my hands on Tailwindcss

It was fun to try using Tailwindcss framework for the first time, and it appeared to be a good fit fr the project. Thanks naffiq for the opportunity to work on it.