Meet Okyo

Making Smart Homes, Secure Homes

Okyo, by Palo Alto Networks, is a router and network security product offering advanced protections, family controls, and content filtering capabilities to protect homes with enterprise-level saftey. Okyo required a consumer-friendly and simple mobile application to interact with and manage its high-level intelligence.

 

Project Lead

During my time as Co-CEO of the agency Make&Model, I worked directly with product owners at Palo Alto Networks on the launch of the mobile app for their new router, Okyo Garde.

Services

  • UX Research - Interviews with prospective customers

  • Information Architecture & Feature Planning

  • Mobile Interaction Design & Prototyping

  • Visual UI Design

Discovery

Palo Alto Networks offers enterprise level security for consumers and their homes with Okyo Garde, better cybersecurity for remote work. The key features of the hardware/software package are to:

  • monitor security events and threats

  • customize network access through parental controls and monitoring

  • smartly recognize devices that join

  • automatically protect for malware, viruses, phishing and more

 
 

 

 
 

Feature Design

For average homeowners, security can feel complicated. The outcomes of various user research initiatives informed us that we needed to provide simple and clear security information to our users, as well as meet their needs for additional features like parental monitoring, with:

  • Content filtering making it easy to quickly apply best-practice filter settings for diverse ages

  • Scheduled WiFi downtime for pausing internet access

  • Granting or denying access remotely at the touch of a button

 

Designing for the Dark

 
 

Dark Mode

In addition to the default design system, we explored an additional dark mode, for ease of viewing data and content in scenarios of low light or nighttime use.

Visual Design

To support a data heavy product, we crafted design details that helped tell the story visually: a device iconography library, alert indicators, charts, graphs, and status rings.

 

To learn more: