Aster : Management Consulting Agency
Overview
Aster Bain and Company wanted a clear way to be able to display their organization within the company and how everyone works. They had a focus on displaying clear images on flowcharts.
Problem
They wanted to create a platform that has clear imaging of the different positions and levels within the company. There is detailed illustration regarding to activity history, personalized configurations, and integrated view. The end goal was finding solutions on how to best organize levels and positions within companies.
Solution
I worked with a team of four to brainstorm and start to come up with new layouts that the client was looking for. We discussed the different designs and finalized what would work best for users within the team and developers. Through the discussions we were able to present updates on how to best display the levels of different positions.
Role
UX Designer
Design Process
I used Bain and Companys design system and was able to create new platforms and designs within the organization charts of the company. With working within the design team we were able to present new designs to others within the company.
Timeline
I followed the classic design process for this project as outlined below. The following sections of this case study elaborate on each step of this process.
Empathize
I was able to be apart of different research testing meetings where there were specific tasks that were given to each person.
Research Findings
Interviews: I asked targeted questions towards workers on Bain & Company and the usability of the platform.
Focused Screens: Empty states, Activity History Filters, Settings and Configuration, and Integrated View
Target Audience
Workers within Bain & Company
Interviews
Has 5 different sessions
2 interviews were done in different departments (HR and Managers ).
3 interviews were with high positions (VP).
Empty States (Wireframes)
Define
Within categorizing the different sections of the platform that we were designing we began defining specific sections of how to organize the mapping of the configuration.
Key words: Simplistic, Organization, Teams, Collaboration, Restructure
Empty States
We wanted a clear and simplistic style that would help illustrate the errors when there was no data. This would entail a page that says “Uh-Oh” with a clear design that make the user aware.
Activity History Filters
Many of the workers would feel lost using the internal flow charts so we wanted to focus on having a clear display of the past activity. This helps the usability and understanding of the web charts.
Settings and Configuration
The settings had mass information that needed to be displayed. In order to better organize it we began configuring it through colors. This defined the restructure of the website.
Activity History Filters (Wireframes)
Settings and Configuration (Wireframes)
Ideate
In every conversation and well as users thought we began gathering key ideas of what Bain and Aster wanted in their designs.
Key Ideas
Clear illustration of the different roles within the company
How to organize data clearly
Smooth illustrations through screens
Clear error pages
Prototype
As a team we created prototypes to best illustrate the usability of the workers in Aster and how to best organize everything
Steps
Created multiple high-fidelity webpage prototypes, including
Homepage & Login
Activity History Filters
Settings and Configuration
Conducted user testing with people who worked within the company to see what improvements and changes were still needed
Requested feedback to gauge whether users understood the layout of the final prototypes
Testing Process
Task
The testers would clicked around the prototype as the team watches. We would begin understanding the user and how their mind thinks as they are clicking around.
Challenge
The user testing would overall go well with some minor complications. We took notes of the areas that needed more organization and clear display. The challenge was that there was a large amount of information that needed to be clearly displayed.
Reflection
Overall, the users loved the new updates that were made that made their experience easier in finding information within the company. With the significant amount of information there can always be more ways to better organize everything.
Reflections
Future Steps
Continue to working on corrections with collaboration team
handoff to the dev team so they can begin to make future steps
Follow up on how the company is doing
Checkout the company that we worked with below!
Clear Defining
While working on this project I learned how to clearly display organization charts with multiple levels and positions that people are in.