env Digital Studio

A cover image including a laptop screen depicting the homepage of the website, UmaKerriYoga.com.

Project Overview

For this project, I worked one-on-one with Kerri to create a website that represented her presence and offerings as a yoga teacher via UmaKerriYoga.com.

Though Kerri had been teaching both private and public yoga classes for years, she was looking to centralize her online presence and wanted a way to share upcoming classes and events with her students. She was also interested in exploring a subscription-based meditation program through her site.

Kerri and I worked together to develop a logo, color scheme, and general design for her site. We also prioritized incorporating an event calendar and ticketing system so students could purchase tickets for her upcoming classes via her website.

Key skills

  • WordPress
  • WooCommerce
  • The Events Calendar and WP Events Ticketing
  • Logo design and branding
  • Custom CSS and JavaScript
  • MailChimp integration

The design process

For Kerri’s site, I opted to design directly in WordPress using the Storefront theme. Because I knew we would be integrating WooCommerce into the site, Storefront provided a solid base for us to create a custom child theme that would work well with WooCommerce’s features.

Kerri wanted a site that was welcoming and inspired calm, which inspired both the overall color scheme of the site and the featured image displayed on the homepage. Below, students can easily find, and sign up for, upcoming classes and events.

We integrated WooCommerce, The Events Calendar, and WP Event Ticketing to display and sell tickets to upcoming classes on the site. With WooCommerce’s built-in functionality, students are able to complete the checkout process and view upcoming classes via an account on UmaKerriYoga.com.

With this website, Kerri also launched a newsletter that would allow students to keep up with her class schedule. We included the sign-up form in the footer of each page on her site for prominence and ease-of-use.

Takeaways

A screenshot of the homepage of UmaKerriYoga.com, which includes a brief introduction over a field of yellow flowers and upcoming events.
A screenshot of the About page on UmaKerriYoga.com, including a photo and description of Kerri.
A screenshot of the Services > Yoga page on UmaKerriYoga.com, including a brief description of available yoga services and experience.
A screenshot of the Services > Sound Healing page on UmaKerriYoga.com, including a description of the available sound healing services and benefits.
A screenshot of the Services > Prenatal Yoga and Birth and Postpartum Doula page on UmaKerriYoga.com, including the available prenatal and postpartum offerings.
A screenshot of the contact form on UmaKerriYoga.com, including custom fields and an image of a woman's profile at sunset.
A screenshot of the monthly events calendar for UmaKerriYoga.com.
A screenshot of an individual event for virtual yoga on UmaKerriYoga.com.

Working with Kerri to create a website that felt both functional and genuine was a joy. We started the process with photos, color schemes, and exploring the overall branding of her site, which offered a lot of inspiration as we got into designing the website and its functionality.

The unique challenges of incorporating both an events calendar and ticketing tool, exploring a memberships-based plugin for her future meditation program, and working together to build out her newsletter offered me the opportunity to grow and dig into different tools. Hearing Kerri’s real world concerns and priorities also helped me make a website design that worked not only for her customers, but for her as well, as she took over updating the website in the future.