James B Samuels Inc. Website Design

Designing a comprehensive web and mobile solution for a coaching company

My Role & Team
Sole Web Product Designer (Me)
Project Manager
2 Developers

Design Tools
Adobe XD
Figma

Duration
June - Nov 2021 (3 Month)

My contributions
UX Research
UI/UX Design

Intro

James B Samuels Inc was my first real project when I worked at 3:5 Creative[s]. It was successfully launched the project in Q4 2021.

Project overview

Background

James B Samuels Inc is a New York-based company that provides mental and physical counseling for children and adults, all services are online workshops.

Problem

How might we help JBS Inc improve its brand image and increase customers/course consultation?

Solution

Create a visually engaging, tasteful, and easy-to-navigate website for JBS Inc.

Discover

Meet with clients

Our team had a zoom meeting with our client, Jame, to gather information about his company's target users and services. The marketing department produced a creative brief to define the scope and goals, and I highlighted the main users of the project.

Design process

Research

User interviews

I conducted one-on-one interviews with some of JBS Inc's existing clients. There were 14 participants, between the ages of 30 and 50. Half of those users are adults, and the other half enroll their children in mindfulness classes.

Questions:
• Why do you want to take a mindfulness class?
• What information do you want to know from the website?
• Do you think feedback from people who have taken the course is important?
• Do you want to know the difference between adult courses and children's courses?
• Do you think it is necessary to list the details of all online courses?

Research insights

From the point of view of a user enrolling their child in a mindfulness course, they want to integrate their child into the community faster. For adult users, they said they would like to see other people's reviews before choosing a course. However, these users both lacked a platform to learn about the JBS's mindfulness courses, and the following is the user feedback collected through the interview.

Competitive analysis

Our marketing team was responsible for competitive analysis, especially in social media management. I'm mainly responsible for analyzing the following 4 company websites that do the same business as James B Samuels Inc.

Define

User persona

The results of research and user interviews show that users with adult and those whose parents enroll their children have different needs. So, I accumulated the different insights & patterns to create persona:

Ideate

Sitemap

User flow

Design

Low-fi wireframes

I started sketching some ideas for the website and invited our client James and some of his existing users to do a quick testing. I showed them the wireframes and gathered their feedback. 2 observations caught my attention.
1. Our client James think that the price lists on the adult and children pages needed to be "hidden" because the two pages were too long. Users ask the same question because they don't want to read too much, even if price matters.
2. Users were looking for a service category on the contact page to contact JBS.

Final design

Browsing to explore JBS brands

An important goal of the project is to help JBS users better understand the courses and services they offer. On the about page users can more easily explore JBS's mission, principles and their programs。

Learning more Info about Coach

For those users with less knowledge about coach, homepage allow them to learn about the background and stories of the coach. And decide if the programs/ sessions offered by JBS are right for them or their children.

Drop-down Price Menu

Users can click on the caption's icon to learn about the different prices of each course and suggestions for financial contribution, which can help them avoid reading too much content.

Contact JBS quickly as needed

After learning about JBS Inc's services and sessions, users can directly select the service category they need on the contact page. Through the selection of categories and dates, users can efficiently book their ideal service.

Responsive mobile design


Detailed design

Style guide

The impact

Within 3 months of the website's launch, JBS Inc's user traffic and course inquiries both increased significantly, by 48.5% and 55%, respectively. This growth can be well attributed to our user-centered design approach

48.5% increase in traffic
Improved user satisfaction

55% increase in course consultation
Simplified content management

What I learned

James B Samuels was a real client. During the process, I learned that in addition to focusing on the client James's needs, it is very important to understand their company's target users. Taking the potential users of JBS Inc as the design center, I insisted on conducting user research to better design and launch the website. As a result, we have significantly improved the site and increased awareness of JBS Inc's brand compared to the user feedback obtained in the previous prototype usability tests.