Mind Soul Body with Katy

Subscription-based fitness website

A subscription-based website that provides a toolkit for health and wellness.


UI/UX Designer and Developer
Wireframing, prototyping, visual design, front-end development






With a limited amount of time in her schedule, Katy Estes wanted to provide workouts, videos demonstrations and wellness resources to a wider range of customers. She proposed a subscription-based e-commerce site where customers could leverage her expertise to improve their well being.


A subscription-based website with valuable resources will enable Katy to reach more people and provide a passive revenue source.


  1. Gather requirements

    Discussed with the customer, what she was hoping to achieve and what content she wanted to provide users.

  2. Wireframe potential solutions

    Working in low-fidelity wireframes, I was able to quickly provide designs to the customer and get feedback. This allowed me to work rapidly to create a basic design and user flow.

  3. Prototype

    Once the wireframes were to a point where we felt confident about the basic design, I created high-fidelity interactive prototypes that demonstrated the visual design and interactivity of the website.

  4. Visual design

    I designed each of the primary screens in Figma to provide the customer with a finished design including branding, color and typography.

  5. Develop

    Working locally, I developed the subscription-based e-commerce site with WordPress, PHP, Sass and JavaScript.

  6. Test

    Once the website was near completion, quality assurance testing was completing to discover any potential bugs and resolve them.

  7. Train

    Prior to deployment of the new website, I trained the customer on how to maintain the website’s content within WordPress.

  8. Deploy

    Once the blog site passed all QA tests and any outstanding requests were completed, it was deployed to the production site.


Wireframes and prototypes

Wireframes enabled the customer and I to begin our conversation about the website design. Once the wireframes were finalized, I created low-fidelity prototypes to demonstrate interactions and user flow.

Visual design

Working in Figma, I created screens for each of the primary pages of the website. These were informed by the wireframes and prototypes created previously.

A subscription-based e-commerce website

Once the visual design was established with feedback from the customer, I developed the website with PHP, SASS and JavaScript using WordPress and WooCommerce.


The customer was extremely pleased with the design and functionality of the website. Through training the customer on how to manage the website content and track subscriptions, she has the confidence necessary to maintain the website into the future.

The subscription-based site has already gained several subscribers and we are hoping to pick up many more through marketing and word of mouth.


I absolutely loved working with Ian. He is very professional and did a great job keeping me on track to finish my new website. His final creation was better than what I could have imagined!

– Katy Estes

Let's connect

Reach out for work opportunities or just to say hi. 👋

linked in logo
Crafted by me with Gatsby, WordPress and coffee