MDR Portal
The goal of this project was to create a functioning code based demo of a revamped dashboard for Accenture's MDR cybersecurity offering.
Describe your image
Describe your image
Describe your image
Describe your image
Development
Data
ME
Design
Project Background
MDR is a cybersecurity offering from Accenture that stands for managed detection and response. It's goal is to detect security incidents within a customers system, create record of that incident, then take action to resolve the incident automatically. Customers view and interact with these incidents through an online portal. My team and I were given only 8 weeks to create a new design to modernize this existing portal so that our sales team could demo the new portal at an upcoming national cybersecurity conference.
Our small team was made of up of myself, as our only designer, a data scientist, a business designer, and a few full stack developers. Utilizing my computer science and business analyst backgrounds, I assumed the role of team intermediary to help everyone understand each other's points between the different disciplines.
Modified Design Process
Discovery
My greatest impact during this phase was spent packaging all of our projects discovery information into a simplified and digestable format for the team to review so that we would all be on the same page. In order accomplish this I first utilized my note taking skills to absorb the information by taking and sketching out various notes and diagrams to help explain a point or thought process. After combining my notes with my team members notes I was able to chunk and organize the information in a wiki-style fashion on our shared documents folder so that it could be referred back to as a reference.
​
Due to having 1 week allocated for discovery, modifications needed to be made to the typical discovery process. During that time we faced many constraints such as: the team's knowledge gap about the complexities of cybersecurity, a lack of cybersecurity professionals to interview due to the nature of government contracts and red tape, as well as fitting within the short timeline given. In order to remain focused we decided to narrow our scope to answer the following questions:
-
What is MDR and how does it play into the cybersecurity scene?
-
Who utilizes this technology, and what features do they need?
-
What are the key metrics for success?
-
What is the important data needed to display, and what visualizations would best convey that information?
-
How do we compare to other companies offering the same service?
​
​
​
Design
I began work on this phase by reviewing and analyzing all of the information gathered in the discovery phase. Once I had a good understanding of the important parts to the new portal I created a site map to organize and outline the information into pages. It included the title of the pages, as well as different content blocks need on each page and noted any areas where data visualizations would be present. This site map was used a discussion tool with the greater team to gather input, discuss any issues, and make updates on what pages would become our overall MVP. After multiple rounds of iterations and an overall consensus the site map was finalized. I then worked closely with the development team to decide which order we would design and build the pages in order to maximize development and reduce any issues.
​
​
I started on development of the wireframes after the sitemap was ironed out. I collaborated with the development team and decided to use a design system that was already created to save time. Google's Material Design Dark theme was chosen after much research and testing. While creating the wireframes I made sure to collaborate with other teammates as their specialties came into play on a page along the way.
​
In order to make handoff to the developers as seamless as possible I created annotated wireframes. On each wireframe every component was called out by number with any of it's corresponding properties and/or specific states listed. This allowed development to stand up pages quickly for reviews and testing.