UX Designer & Front-End Developer
Discover.jpg

Franchise Academy

 

Franchise Academy

Name of Product: Franchise Business Review’s B2C (Business to Candidate) Franchise Academy

Client: Franchise Business Review (FBR)

Description: FBR’s B2C target audience includes prospective franchise buyers. Their B2B website was lacking a top-of-funnel user flow for anyone interested in buying a franchise. The solution: a mobile-first, six step, easy-to-use Franchise Academy.

The project included:

  • Content Compilation and Management

  • Wireframing & Prototyping

  • Front-End Web Development

  • User Interface Design & SEO Implementation

  • Launch & Marketing Promotion

  • Usability Testing & Design Iterations

Software: InVision, HTML, CSS, Bootstrap5, Github, Hotjar, Google Analytics, Adobe Creative Suite

The Goal: Educate Franchise buyers about the franchise industry overall while also pairing them up with a brand for increased lead conversions.

 

Design Requirements

1. Multiple avenues of navigating through the six-step course:

  • Sticky Sidebar Navigation Menu highlighting which step the user is on to give them more visibility to the progress they have made and steps to come

  • “Next Course” buttons at the top and bottom of each course

  • Unique Hamburger menu on Mobile for the Academy pages

2. Accordion style definitions

3. Use of short instructional videos

4. Downloadable resources to ease their franchise purchase decision

 

Wireframes (InVision)

Promo Video

 

User Interface

 

Usability Testing

I wanted to observe how easy it was for the participants (end users) to provision an environment and completed related tasks. I wanted to identify any issues pertaining to navigation, interaction, readability and visual design and provide recommendations to address the issues.

  • Methodology: how the sessions were done, the tasks or scenarios that were tested, the metrics selected and a brief description of each segment of users.

  • Test results: summarize all the results from the metrics chosen. 

  • Findings and recommendations: List all findings (positives and negatives). Positive findings helped us to know that we are on the right track, for negative finding I provided recommendations to solve them.

Heatmaps

Lessons Learned

The whole exercise was very helpful to know how users perceive and use this product. 

This also helped verify our goals and it was great to see how users appreciated the new product being a huge time saver for the provisioning tasks they perform daily for their work. They were keen on using the product and found the user experience intuitive.​

The user feedback also helped us polish the product UI for the next release.