03
Cisco Meraki
Cloud-managed
networking
networking
Cisco Meraki
Case Study / 03
Brand
Illustration
UI-UX
IT hardware managed through a cloud-based dashboard
What is Cisco Meraki?
Cloud-managed networking
Cisco Meraki is a networking and IT company that allows networks to be managed through a cloud-based dashboard. Meraki provides hardware products for networking such as Wi-Fi, security, switching, endpoint management, and security cameras. When I started, the number of networks using Meraki globally was still less than one million and now the number has grown to be over two million active networks.
My time at Meraki has allowed me to work across the company with various teams outside of my marketing role including engineering and product. And I have participated in projects that involve branding, web development, product design, illustration, and booth design.
My time at Meraki has allowed me to work across the company with various teams outside of my marketing role including engineering and product. And I have participated in projects that involve branding, web development, product design, illustration, and booth design.
About the role
Team
Marketing design team
Tools
Adobe Illustrator, Photoshop, After Effects, InDesign, Sketch, Invision, HTML/CSS, Webflow
Project
Visual design, branding, web development, product design, illustration, and booth design
Branding
The branding I worked on at Meraki included work for new product lines. The two larger branding projects that I worked on included Meraki Go and Meraki Insight.
Meraki Go
Meraki Go was a new product line that was focused on small businesses rather than large, corporate companies.Its branding needed to be a small departure from regular corporate Meraki.
Meraki Insight
Meraki Insight was also a new product line. It was the second software solution to become a major product line (Systems Manager was the first).
I used the relationship to the Systems Manager badge format while incorporating an analytics theme that uses the abbreviation letters of the product "MI."
I used the relationship to the Systems Manager badge format while incorporating an analytics theme that uses the abbreviation letters of the product "MI."
User Experience
At Meraki, I worked with my teammates on maintaining and adding to the marketing website. I was also able to work on a few user experience projects outside of my marketing role with other teams.
Meraki Blog
I worked with the brand and product marketing teams on redesigning Meraki's blog site. The goal was to create a clean, responsive layout and add new functions like recommended articles, article categories, and campaign features.
I worked on the mockups in Sketch, created the icons in Illustrator, and used Webflow to build a prototype.
I worked on the mockups in Sketch, created the icons in Illustrator, and used Webflow to build a prototype.
AMP Security Center
The AMP security center was a project that I worked on with the security product and engineering team.
With the integration of Cisco's malware database, Meraki's security center could show more network security information such as retrospective malware detections. I provided variations of the page and how the data was displayed.
With the integration of Cisco's malware database, Meraki's security center could show more network security information such as retrospective malware detections. I provided variations of the page and how the data was displayed.
Free Trial Page
I worked with the business systems team to rework the free trial page. This page is what sales representatives send to customers who are interested in trying out Meraki and request a trial through the free trial form.
There are 5 steps in the process for customers: (1) Fill out forms, (2) Processing order, (3) Order shipped, (4) Order delivered, (5) Trial expiration / Returns. Besides general visual edits, I incorporated other changes like showing which step the customer was at, sectioning parts of the form to make it easier to go through, and a summary section with stats like order number, number of trial days, and representative contact information.
Other steps of the process also had added functions like creating your dashboard account or viewing webinars once your order is processing or shipped.
I worked in Sketch for the mockups, and used Webflow to prototype and export code for the developer I worked with.
There are 5 steps in the process for customers: (1) Fill out forms, (2) Processing order, (3) Order shipped, (4) Order delivered, (5) Trial expiration / Returns. Besides general visual edits, I incorporated other changes like showing which step the customer was at, sectioning parts of the form to make it easier to go through, and a summary section with stats like order number, number of trial days, and representative contact information.
Other steps of the process also had added functions like creating your dashboard account or viewing webinars once your order is processing or shipped.
I worked in Sketch for the mockups, and used Webflow to prototype and export code for the developer I worked with.
Demo Networks
The old demo networks was a list of text links that led to different networks to be used for customer demonstrations. The list was filled with outdated and unused networks. The goal of the redesign was to clean up the list and find out how the page could be better used by sales for demos.
I worked with a product market member who helped establish the industries and solutions the networks could be categorized in. I also worked with an engineering design team member who conducted the user research and guided me with the user interviews with the sales users.
For wireframing and mockups, I used Illustrator and Sketch. The design below (*icons from Material Design) is part of the first round iteration. This project later on was revisited by a different team – the design ended up changing and I provided some final visual assistance at the end.
I worked with a product market member who helped establish the industries and solutions the networks could be categorized in. I also worked with an engineering design team member who conducted the user research and guided me with the user interviews with the sales users.
For wireframing and mockups, I used Illustrator and Sketch. The design below (*icons from Material Design) is part of the first round iteration. This project later on was revisited by a different team – the design ended up changing and I provided some final visual assistance at the end.
Marketing / Graphic Design
On the marketing team at Meraki, I worked on a variety of projects with different teams across the company. Here are some examples of the type of projects.
Ads
Design works with digital and product marketing for ads. They are created to promote certain product lines or to complement product launches. The ones below are for vMX and SD-WAN.
Events
We work with the marketing events team for projects both internal and external. Internal projects include events like holiday parties and internal team events, while external projects include trade shows and roadshows.
Campaigns
Design works with the channel marketing team on partner campaigns, which incentivize our channel partners to sell Meraki. These involve branding and illustrating the campaign themes.
Lanuches, apparel, and more
Other big projects like product launches involve new or modified pages to the marketing website. Assets like illustrations and diagrams are often involved. And there are always requests for more apparel and infographic ideas.
