To view all the professional projects, click here
The MX device today has multiple different firewalls and firewall policies including inbound firewall, outbound L3 firewall, outbound cellular firewall, outbound VPN firewall and the outbound L7 firewall. This sprawl of firewalls leads to fragmented and in many cases duplicate policies (ex. Some customers end up having to apply the same rules to the L3 FW, the cellular firewall and the VPN firewall. This leads to duplicate config and added complexity on the customer . The objective of this project is to define a consolidated and simplified firewall experience for customers to make managing firewall Meraki simple!
1. Understanding the requirements with PM team
We started the project by having a walkthrough of the requirement document between the PM and the design team. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla est metus, laoreet convallis mollis vitae, ultrices in orci. Etiam ac leo quis nisi commodo mollis quis non libero.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla est metus, laoreet convallis mollis vitae, ultrices in orci. Etiam ac leo quis nisi commodo mollis quis non libero.
Brainstorming
Product Requirement Document
2. Early concepts and workflows
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla est metus, laoreet convallis mollis vitae, ultrices in orci. Etiam ac leo quis nisi commodo mollis quis non libero. Sed non vehicula nisi, eget posuere justo. Nam congue, diam congue lacinia ultricies, sapien lectus commodo nulla, nec pretium sem orci non purus. Ut dignissim risus luctus sem sollicitudin, ac mattis orci euismod.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla est metus, laoreet convallis mollis vitae, ultrices in orci. Etiam ac leo quis nisi commodo mollis quis non libero. Sed non vehicula nisi, eget posuere justo. Nam congue, diam congue lacinia ultricies, sapien lectus commodo nulla, nec pretium sem orci non purus. Ut dignissim risus luctus sem sollicitudin, ac mattis orci euismod.
Workflows
Early concepts
3. Initial Design
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla est metus, laoreet convallis mollis vitae, ultrices in orci. Etiam ac leo quis nisi commodo mollis quis non libero. Sed non vehicula nisi, eget posuere justo. Nam congue, diam congue lacinia ultricies, sapien lectus commodo nulla, nec pretium sem orci non purus. Ut dignissim risus luctus sem sollicitudin, ac mattis orci euismod.
Separate view
Consolidated view
4. Exploratory research by Ceatro Group
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla est metus, laoreet convallis mollis vitae, ultrices in orci. Etiam ac leo quis nisi commodo mollis quis non libero. Sed non vehicula nisi, eget posuere justo. Nam congue, diam congue lacinia ultricies, sapien lectus commodo nulla, nec pretium sem orci non purus. Ut dignissim risus luctus sem sollicitudin, ac mattis orci euismod.
Interview Guide Overview
Intelligent Internet Research Report
5. Final Design
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla est metus, laoreet convallis mollis vitae, ultrices in orci. Etiam ac leo quis nisi commodo mollis quis non libero. Sed non vehicula nisi, eget posuere justo. Nam congue, diam congue lacinia ultricies, sapien lectus commodo nulla, nec pretium sem orci non purus. Ut dignissim risus luctus sem sollicitudin, ac mattis orci euismod.
Final Design 1
Final Design 2
Separate Layer UI design
Final Design
The final design is created in Figma using Cisco’s Magnetic design system library.
It consisted of the following userflows:
a. Tab navigation
b. Create inbound rule
c. Create outbound rule
d. Navigation to the org-wide rules page
PS - The final design is currently WIP. I am doing design rounds with the PM team to finalize the UI. We plan to give a demo of these designs to the bigger design team stakeholders.
(Click on the individual pages to see them full screen)
The development of the dashboard design is in-progress.
The phase 1 of the dashboard design has been approved by the VP of Engg. Currently, we have outlined the requirements for phase 2 of the security dashboard where we plan to simplify the design further by giving the user only the necessary data and reducing the number of clicks. We plan to do detailed user-research on phase 1 design before beginning to work on the phase 2 UI.
This project was one of the first major projects at Cisco where I was the lead designer. I took responsibility of the delivery process and it was a huge learning experience. I am really looking forward to working on the phase 2 UI with even a bigger support team next year.