Design Type: Brand • UX • Visual

Train Fight Recover

San Diego, California

Train Fight Recover is a community-based website offering comprehensive fitness resources and services for strength and conditioning coaches, active military professionals, those preparing to join the armed forces, and first responders.


For the color palette, I opted for a vivid blue, contrasted with charcoal gray and white. The combination makes for a strong impression that suits the target audience. For a robust look, ultra bold sans-serif type is used throughout, with subtitles in a lesser weight.

The logo features a Phoenix icon to represent the strength and repetition of endurance training and field work. As the Phoenix is born, lives, dies, and is reborn, so too does one train, fight, recover, and repeat.


The website is chock full of features and useful info, and built around four main sections: 1) a podcast produced by TFR’s founders and featured guest experts, 2) an online store for specialized active gear, 3) integration of online fitness programs led by TFR experts, and 4) a multi-author blog with articles written by real-world health and fitness experts, active military members, and competitive athletes.

As a collaborative website, I included several contact prompts for viewers to submit their expertise in the form of articles, photos, goods, reviews, guest podcast features, etc. And a Mailchimp mailing list subscription was integrated to offer exclusive promos and other beneficial info.


Double-sided business cards were designed and printed on thick, black card stock with blue painted edges.

I also designed a detailed promotional booklet intended for investment partnerships, and a lighter tri-fold brochure for general distribution. The booklet includes comprehensive website data and company growth plans presented in a highly visual format. Imagery includes a wealth of action shots, technical mockups, and infographics. The smaller brochure serves as an introduction to the core features of TFR, with visuals focused mainly on military and first responders.

My Role

  • Creative Director
  • UX Designer
  • Visual Designer
  • Content Architect

The Goods

Website Features

  • Wordpress CMS
  • Woocommerce online store
  • Mobile responsive design
  • SPAM-protected forms with branded auto-responders
  • Blubrry Podcast integration
  • Mailchimp form integration
  • Twitter feed
  • Instagram feed
  • Basic SEO

Custom Woocommerce Features

  • Checkout mailing list signup
  • Branded custom emails


  • Logo design
  • Color palette definition

Print & Collateral

  • Social network profile graphics
  • Business card design
  • Tri-fold brochure design
  • Promotional booklet design


  • Branded Mailchimp newsletter template
  • Photo selection and editing
  • Copywriting


Fullscreen slider and parallax content sections.

parallax main image


Mailing list signup and extended footer.

parallax side image


Newest products blog posts, with blog post slider

parallax main image


Parallax Podcast intro, and Fitness Program intro.

parallax side image

Contact Me

Looking for a designer? I'm available for hire and would love to discuss opportunities.
Contact Me