Insight

Fortinet is the fourth largest vendor in the IT security appliance industry, developing and marketing network software, hardware and services

Fortinet delivers high-performance network security solutions that protect your network, users, and data from evolving threats. Cybercrime has grown to a $500 billion dollar industry.

330,000+ enterprise users and 3,400,000+ appliances shipped

Mainly IT experts working in governments, schools, enterprises, and small businesses.

Fortinet customers include Amazon Web Services, Microsoft Azure, Intel, Oracle, NASDAQ OMX, Dell SecureWorks, Yahoo! Japan, Telefonica, and Panasonic.


  • Company: Fortinet (NASDAQ: FTNT) , Wikipedia

  • Products: Content Source Websites (Video Library, Document Library, and FortiGuard Center)

  • Role: Graphic Designer III

  • Research and Development Collaboration:
    Robert May, VP of Product Management
    Kunal Marwah, Director of Product Management
    Patrick Yu, Security Researcher
    Kyle Harrison, Web Developer
    Benny Cen, Web Developer
    Jack Qiao, Web Developer

  • My Deliverables: UX, UI, information architecture, wireframes, iconography, type, layout, and design guidelines

  • Design Tools: Adobe Ps/Ai, Sketch, and Principle

  • Date: September 2012 - November 2015


Worked on 8 Fortinet web projects

Fortinet Website Type Description
1) Video Library Content source Video tutorials/guides in the use of Fortinet products
2) Document Library Content source Publications for the entire family of Fortinet products
3) FortiGuard Center Content source Threat research and response information on vulnerabilities and threats
4) FortiCloud SaaS Offering a range of management and services
5) FortiClient Endpoint Protection Marketing Automated threat protection, visibility, and control of your software and hardware inventory
6) Beta Program Beta testing Enrollment to get an advance look in to new features and improvements coming in future software releases
7) Careers Career pages 4,665+ Fortinet employees
8) Fortinet Product Management Database Database management system Tracks projects (product family type, status, priority level, release version, comments, and history modifications, and more)

New Fortinet Content Source Sites

My UX/UI design for Video Library, Document Library, and FortiGuard Center sites with consistent user journey, information architecture, and user interface.

Video Library

Up-to-date video tutorials and guides in the use of Fortinet software, appliances and services.

Document Library

Versions of publications for the entire family of Fortinet products.

FortiGuard Center

200+ Fortinet expert researchers and analysts studying critical area such as malware, botnets, mobile, and zero-day vulnerabilities.


Legacy Sites

Screenshots of the older versions before my UX/UI work.

FortiGuard Center

Video Library

Document Library


User/Customer Stories

James, The InfoSec Consultant, Age 44

Video Library Site User

  • Married, 2 sons
  • Profession: InfoSec Consultant/Sales at DELL SecureWorks
  • Education: Bachelor of Computer Science, MBA
  • Salary: $300k + commission
  • Lives in: Phoenix, AZ, USA
  • Likes baseball, travel, reads FoxNews.com

Story (Challenge)

Chase Bank needs security and goes to DELL SecureWorks and talks to James for security strategy. James recommends a suite of Fortinet appliances, (i.e. FortiGate firewalls for datacenters and branch locations, and FortiManager). Fortinet hardware and security subscription service (FortiGuard) sales for this client totals to approximately $5M USD.

Fortinet sales team and sales engineers advise Chase bank security engineers on details of installation, operation and maintenance of Fortinet products -- and that's when the Fortinet Video Library site comes into play. Specifically, the video library supplements Proof-Of-Concept arguments by sales account managers at early stage interactions between James and Fortinet Sales, as well as later work between Fortinet sales engineers and the Chase bank systems administrators who fulfill security roles at Chase.

Needs (Solution)

Need for easily accessible technical how-to’s that provide technically substantial engineering content through the easily accessible and rapidly understandable medium of video.

Important targets in UX design here were appealing visual style sufficient to convey professionalism, but of even greater importance was putting most needed content where it would be most easily found – and the solution for this value was designing the site with two key features immediately viewable on the landing page: Latest, and Trending. These served to provide ready access to what’s important today and to what’s proven important over time for InfoSec professionals.

How does James find out? (Awareness) What makes him engage? (Engagement) What makes him return? (Retention) Why does he recommend? (Referral) Why does he use/purchase? (Revenue)
His general questions are answered by sales account staff and sales engineers with references to this site The ease of point and click to get valuable content as soon as he arrives at the site The need to refresh understanding and to share it with his clients and colleagues He recommends it because it provides the details information his clients will need to use Fortinet products He has recommended Fortinet to other customers he has consulted; the video site has proven it's worth previously for him

Stacy, The Network System, Age 32

Document Library Site User

  • Married, 1 son
  • Profession: Senior Network Systems Admin at United Airlines
  • Education: Bachelor of Network Engineering
  • Salary: $170k
  • Lives in Chicago, IL, USA
  • Likes gardening, walking her dogs, reads internet sites on dogs and gardening

Story (Challenge)

Stacy is responsible for security aspects of the United Airlines datacenter. She has been using Fortinet products as part of her work for 5 years since United decided to enhance their security with purchase of Fortinet Firewalls. In the course of her regular reviews of network activity and security incident response, she refers to the Fortinet document site to gather information related to the attacks that are logged and blocked by the Fortinet firewall, as well as information on improvements to the FortiOS operating system used in the firewalls.

Needs (Solutions)

How does Stacy find out? (Awareness) What makes her engage? What makes her return? (Engagement and Retention) Why does she recommend? (Referral) Why does she use/purchase? (Revenue)
She was introduced to the document site by sales engineers from Fortinet when they purchased the Fortinet hardware She's a committed professional working in a high pressure job, she has to stay on top of this always evolving field and the ways Fortinet is helping her use and understand Fortinet products She recommends the document site to other network engineers on her team, including new hires, so that they can be effective in using Fortinet products to secure their company She doesn't make purchase decisions - so doesn't apply to her

Dean, The Compliance Officer, Age 44

FortiGuard Center Site User

  • Married, 2 daughters
  • Profession: Network System Admin at Lockheed Martin (aerospace and defense)
  • Education: Master of Science in Cybersecurity, undergrad major was business
  • Salary: $210k
  • Lives in Seattle, WA, USA
  • Likes red wine, cigars, skiing, travelling, golfing, and is active, outgoing, and social

Story (Challenge)

Dean visits the FortiGuard Center website as part of his staying abreast of the current threat landscape. He's responsible to ensure his organization stays in compliance with regulations required of government contractors to ensure that they remain proactive in combating the threats of malevolent actors in cyberspace. He reviews "Weekly Threat Briefs" and highlights items of interest for further review and for delegation to his company's security operations team during weekly staff meetings to ensure they are informed on any items relevant to their network environment.

Needs (Solutions)

How does Dean find out? (Awareness) What makes him engage? (Engagement) What makes him return? (Retention) Why does he recommend? (Referral) Why does he use/purchase? (Revenue)
He assembled a list of regular security websites to check during the course of his career, including those of key security hardware software vendors He's required to document and prove that his company is doing what the must to stay safe, so that the company can provide certification of compliance with laws requiring that they do so The bad malevolent actors never rest - every day they're trying to take action to steal data, some of which data contains engineering designs which constitute national strategic advantage, so those who hold the data must be vigilant When he changed jobs from his last company and joined Lockheed Martin, he recommended Fortinet FortiGuard Center to his new colleagues, but it was unnecessary because they were already using it Fortinet FortiGuard Center regularly provides information that's relevant to his professional need to stay abreast of the threat landscape, so he continues to use it.

Video Library

Design Challenge

  • Present content that is the primary draw for first and repeat visits to the site.
  • Increase Fortinet's enterprise knowledge, by bringing out ideas that may be buried within individual departments.
  • Support users who are seeking information in documents, videos, and other cybersecurity ways. For the document and video library sites, some users don't know what specific product they need yet and are more likely to browse. Other users may know exactly what they are looking for and are more likely to use a search field.

The Opportunity

  • Present content that is the primary draw for first and repeat visits to the site.
  • Increase Fortinet's enterprise knowledge, by bringing out ideas that may be buried within individual departments.
  • Support users who are seeking information in documents, videos, and other cybersecurity ways. For the document and video library sites, some users don't know what specific product they need yet and are more likely to browse. Other users may know exactly what they are looking for and are more likely to use a search field.

Document Library


FortiGuard Center

I worked on FortiGuard data representations that visually displays application control, IPS, AntiVirus, Botnet, Email filtering/spam, virus scanner, IP signature look-up, and web filtering tools.

Quantitative-data source to aid in research and design Process details
Collaborated with Security Researcher to work on the FortiGuard Center site. We determine what metrics add value to be published, such as top botnet and malware. The number of FortiGates detects malicious websites.
  • Determine the best FortiGuard data representation. We concluded to show cybersecurity data onto a 3D globe for each service type on its own.

  • Different services of charts include top application control (high risk apps), web filtering (web categories and top countries with users visiting malicious websites), intrusion prevention system (IPS) that monitors network traffic, antivirus (viruses), botnet, and email filtering or spam (sending/receiving).
#0059FF
Video Library
#D0021B
Document Library
#2D2286
FortiGuard Center
#000000 #FFFFFF #00DCFF