MBolden

✤ UX Research ✤ UI Design

Consulting company that helps companies stay ahead of their competitors

challenge

MBolden does not feel their company's online presence is an accurate representation of who they are. They want to communicate to the users of the site that they are innovative, modern, and essential can offer their clients services unique to their company. However, the ineffective and often distractive UI design of their website has been a roadblock in their companies growth.

solution

(1) Audit the current user flow to identify pain points, bottlenecks, and areas for improvement.

(2) Create a brand identity that accurately represents MBolden. Ensure consistency of the identity throughout the site.

(3) Design improved flows for the distinct user types. Workshop ideas and turn those into wireframes or mockups that show exactly how the solution could work.

How might we transform the MBolden website to best capture the brands identity as well as creating the optimal user experience?

01discover

research objectives
  • Learn why most companies seek out consulting companies such as MBolden.
  • Discover how they can better differentiate from other consulting companies and highlight their unique approach.
  • Determine what are the biggest pain points their users face when visiting their current site.
  • Better understand the context and expectations the stakeholder has for their redesign.

Competitors Analysis

By familiarizing ourselves with what works well and what does not for other boutique consulting companies, we are able to better understand what to prioritize in the website's redesign. Once the analysis had been completed we were able to highlight how the MBolden site could be improved.

  • One of the biggest areas of focus was consistency with their brand image and the UI elements on the site. (i.e., Font color, weight, and size, Logo etc).
  • The site needed to have more clarity, ensuring their site is scannable and their services are easy to recognize for the user.
  • There needs to be a bigger emphasis on what sets them apart, their human centered approach. Using more photos of people is one example of highlighting this.

Stakeholder Interview

Our stakeholder interview was conducted with our main contact at MBolden. We discussed what their expectations and goals were of this project. The following is the main takeaways from our meeting.

  • A complete redesign of their current website, they don't like anything on their current website and are very open to any ideas/suggestions.
  • The site should communicate professionalism and innovation to their clients.
  • They really want to prioritize standing apart from other competitors within their space.
  • MBolden would like as many users as possible to fill out the internal communications diagnostic survey we will create. The survey should inform the users and encourage them to reach out to mBolden to schedule a consultation.

02define

key insights

Critical need for a creation of strong brand identity.

Highlight human centric approach.

Emphasis the values that differentiate from the competitors.

Persona based off of the UX Research Insights.

User Flow created of the standard user's red route

03ideation

Sketches of initial design

Low-Fidelity Wireframes

04 design & iterate

Iteration

Initially the stake holder and I wanted to brighten up their website and make it pop. I took inspiration from other companies and the current illustration trends at the time, to create the first design. However, after careful consideration, I felt that although the design was "trendy" it was not reflective of the company's brand identity.

One of their biggest values was their human centric approach. So I felt that I was important to use real photographs of team members. Rather than having the entire sit to be bright and bold, I chose to use bright colors as a way to emphasize key parts of the site. Lastly, Instead of illustrations I created unique graphical shapes.

This was a crucial iteration, ensuring that their brand identity accurately represents who they are as a company and what their values are.

05 final designs

06reflection

design decisions

(1) I chose to simplify their color palette in order to build a clear and distinct brand image.

(2) I chose to use photos that focused on interactions between people to help highlight their human centered approach.

(3) I redesigned the general layout of the site based off of the information architecture.

(4) During competitor analysis I noticed that many boutique consulting companies sites were colorful and used a lot of fun elements like graphical shapes for example.

success

I found the communication between my team and MBolden was great. I'm very proud of how I was able to present and explain all my design decisions during our weekly meetings.

growth opportunity

Not being hesitant to suggest out of the box designs.

other work