CareerCoaching Pro

Personas

Before getting started on the improvement of the website, it was important to get a good understanding of the people that were going to be using the website.  There were 2 major groups of clients.  Those were Job Seekers and Career Developers.  

Job Seeker

Career Developer

Usability Testing

Usability testing was done with 3 participants that  to determine what areas of the website could be improved.
If you would like to view the full script,click here

The table was separated into teams and priorities, so that it was easy to tell which items were the most important to work on first. One of the items that needed to be worked on for the packages team was the difference between paying now and paying later. According to the usabilty tests, this information was not clear.

Agile Process

We used an Agile work process for this company.  Stories were created to make it clear what tasks should be accomplished in the time frame of 2 weeks, in the order of priority that was set by the business owner.

User Stories

These were the stories used to make the difference clearer between paying now and later.

To clear up this problem, we needed to put ourselves in the shoes of Neil.  What would make this easier for him to understand?  We decided a table needed to be created in order to fix this problem.

Designing the Table

To design the table we first did a brainstorming session to get all out ideas in table format.

In order to create the high-fidelity version of the table, it was important to keep the design system in mind, so that the design matched that of the rest of the website. Below are the colors and the layouts set up in the design system.

The below was the final result of the table.

This was the final design of the table.

Crafting the table in WIX 

The website was hosted using WIX. Although, we had initially thought a pop-up would be a good idea for the table, when we went into WIX to implement the change, it was difficult to do so for the following reasons: 

1. WIX does not have an obvious way to create pop-ups. You had to put a image in, and then hide that image until a client hovered over the hidden image. This did not seem like this solution would be trustworthy.  
2. The page that the table would need to go on was already glitchy, as it was a page that needed updates made to it often.

In the end, we decided that the best solution would be to add the table onto its own page, with a link underneath the buttons that takes you to this page.

Final Design

And this was the results of the newly updated page.

We hope that by making this change, it will increase the likelihood that the client will purchase the job-seeking cohort, because of the clarification in the differences of options. To do this, we will need to do another round of usability testing to see if people still need more clarification on what the differences in the options would be.