FitBliss_zoomed.png

FitBliss

FitBliss.png

FitBliss

Company: FitBliss is a corporate wellness solution built on Salesforce platform that is designed for the everyday business professional.

Challenge: How do I design a wellness-focused web app that can drive end-user retention but also cater to business needs? How do I measure success to understand what the next product release needs to include?

Role: Product Design and Management, UI/UX Design, Marketing Design. Some of my work includes:

  • UI/UX design for web app and mobile app
  • design/develop email templates
  • logo design
  • website design
  • eBooks and case studies
  • partnership, investor, sales deck design
  • printed collateral such as flyers, ads, and tradeshow banners

Below are examples of work that are available publicly.

Website Design

The website design was a project I worked on to simplify and clean up the previous design. My process included:

  • Content overview of the existing website
  • Competition Research
  • Sketches and Flows
  • Iteration and Ideation
  • Low-Fidelity Mockups
  • Iteration
  • High-Fidelity Mockups
  • Documentation

I've picked out three pages to highlight: Home, Overview, and Partners.

Home Page

The previous home page of the site had 4 styles of text, left and right buttons for a carousel, and a call to action, making it unclear what the user is supposed to read or do. I simplified the design so that it's immediately apparent the mission of FitBliss.

Once the user gets a high-level overview of the why, the rest of the website gives an overview of the product, features, and testimonials to build trust and a basic understanding of the product. 

Overview

The overview page used to consist of 5 different subpages that a viewer would have to click 5 times to get the whole picture. My goal was to streamline this process so that a more detailed overview can be condensed into one page. I worked with the CEO to figure out what content can be removed and what needed to be modified so that the whole story of the product solution can be laid out in a way that is quickly digested.

We concluded that the three most important pillars of the platform was the community, the lifestyle-fit, and the accomplishments. I then created mockups with zoomed in features that support those three pillars.

Partners

This page serves to highlight and attract strategic partnerships with other companies. While the previous website design had included why such a partnership would be beneficial for both parties, I added photos of people along with their testimonials to add a human-touch to this page. My other goal was to clean up the formatting so that the layout stays consistent across all three partnership brands which makes it easier for viewers to know where to find the information they are most interested in learning about.

USA Today Ad

This was an ad that was placed on the cover of the USA today Employee Wellness issue that featured Ariana Huffington. It was also distributed at various HR conferences in the United States in the Fall of 2016. 

Tradeshow banner

This was the banner that was used at tradeshows and conferences. Since there are usually many booths and people, we wanted to create a banner that was eye-catching at the first glance. Since the top half of the banner is the one more people are going to see from farther away, I wanted to use that space to capture why FitBliss does what it does with bolded, powerful words: inspired, motivated, and engaged. The bottom half of the banner is a more detailed view into "how" we support the "why" through our platform.

AppExchange

This design was used as the banner image for the Salesforce AppExchange listing to give a quick overview on product features.