The Journey with blue

Michelle Blue is a career coach that implemented life values in order to help people reach their dreams and meet their business goals. 2020 taking a toll on the majority of the population (including Michelle), she sought to start fresh and deliver new content coming early 2021. Michelle was looking to redesign their current site, which hosts video content and information on coaching programs. I was tasked with providing a better user experience, adding new interfaces, and updating the design for the site.

Screenshot 2021-01-03 192238.png

(Left to right) Original and the Refresher)

Screenshot 2021-01-03 220117.png

The Vision

Michelle had an array of ideas that were thoroughly detailed and wanted to implement them in her up coming season in 2021, TheJourneyWithBlue. She presented color pallets, relevant photos, and coaching options that she wanted to focus on, which helped us get on the right foot, and have an clear understanding in bringing those ideas to life.

Screenshot 2021-01-03 220932.png

Overviews & Goals

In compiling all our thoughts, recommendations (at face-value) along side Michelle, we came up with the main features and turn-arounds we wanted to implement in the Michelle’s website refresher.

The Approach

In tackling this project we want to focus on specific methods and deliverables that would best assist us in redesigning Michelle site whilst offering specific data to roll with.

 

Heuristics

To begin our research, we conducted a heuristic evaluation of the current The Journey With Blue website, utilizing Jakob Nielsen’s 10 general principles for interaction design to grade the sites overall performances’ and ranks.

The Audience

The audiences on a bigger scale was based on who are the entrepreneurs today and how that is broken down into different categories. On a smaller scale, we wanted to focus on Michelle’s target audiences and who she want to attract.

Drivers

Impact, wealth, family, and necessity are arguably the main drivers and motivations for the entrepreneurs today.

What’s the word ?

After getting a general sense of where Thejourneywithblue was operating and potential blockers, we started to define what would Michelle’s idealist client would be.

Screenshot 2021-01-04 002915.png

Demographics

Divining in-to season 3 of the Thejourneywithblue, Michelle came to us with an idea/want for her projected target audience she thought that would best benefit her brand.

Screenshot 2021-01-04 000807.png

The Insights

After conducting the initial interviews, we started syncing all our responsive date to start mapping out all the similarities along side the common pain points, which we then further broke it down to insights.

The Persona

Screenshot 2021-01-04 012230.png

Potential Users

Emma is the embodiment of our research. With both qualitative and quantitative representation, she becomes whom the potential user or client that Michelle would need.

 
Screenshot 2021-01-04 012525.png

Accessing the problem

As UX researchers, this is the phase when we begin to brainstorm and come up with a potential problem that Michelle would and can be facing. We create scenarios where we come up with ideas and ways to access the problem at hand.

 

Mid-fi protoype

In our initial sketches and early prop typing phases, we wanted to include what our users wanted, while incorporating what Michelle wanted efficiently.

That includes a landing page with an email capture, updated homepage with a background video, a video gallery, and a checking out phase.

1st round testing

 
Screenshot 2021-01-04 020340.png

Landing page

Font size used for the top navigation links made them difficult for users to read.


Screenshot 2021-01-04 020610.png

About page

Users did not know who Michelle Blue was until they reached the “About” page.


Screenshot 2021-01-04 020435.png

Logo spacing

The Journey With Blue logo takes up a significant amount of space on each page.

Screenshot 2021-01-04 020809.png

Color schemes

Transitioning to the higher fidelity prototype we began incorporating the color pallets that Michelle wanted.

2nd round iterations

 
Screenshot 2021-01-04 021136.png

Landing page

Increased font size used for the top navigation links. Giving more life to page with updates photos and colors to expose the email capture pop-up.


Screenshot 2021-01-04 021201.png

Homepage intro

Added a brief introduction of who Michelle Blue is on the landing page.


Screenshot 2021-01-04 021223.png

Logo hero

Included logo in the hero image on each page within the website (i.e. home, about, coaching, etc.)


Screenshot+2021-01-04+022537.jpg

The Hi-fi prototype

The findings…

Next steps

Previous
Previous

Pata-Go

Next
Next

Business with OldBlue RFC