• Web design
  • UI/UX design
  • Graphic design


  • Less.js
  • Weebly
  • Adobe Photoshop
  • Adobe Illustrator
  • Client communication
  • Branding


  • Cullen Arroyo
  • Kyle Naylor


MINDBODY's marketing department needed an example website for prospective customers that wanted to integrate their existing software with Weebly. I was tasked with finishing up the branding for "Fitness Connection" and designing a respective website.

This was my first time working with stakeholders within the company itself, so there was constant back-to-back iterative discussion about how to progress and change the website.


  1. To customize and design a website for prospective customers to view as an example template
  2. To flesh out and collaborate with designers and copywriters on the branding and design of a fictitious gym
  3. To work closely with stakeholders and iteratively improve the project through feedback

Final deliverables

Interact with the entire responsive website by clicking the link below. You should be able to navigate each page, but functionality of MINDBODY Healcode and customer accounts are not implemented.


The final submission utilizes the branding of "Fitness Connection" well throughout the website, and can easily be replaced by anything a prospective customer would want to see on their own website.

The integration of MINDBODY online software is not as visually appealing as the rest of the website due to the lack of updating on the backend side, so that is an area for expansion and exploration in the future.