BitmapBitmap

An easy to use interface manages all your Arlo home security products and keeps you connected to your home and your family’s safety from wherever you are.

Smarter security, trusted by millions.

Location tracking & protection on the go. A team of live, medically trained security experts are available 24/7.

No matter what life
brings, Arlo Safe
is there.

safe-family-bundle@2x
Bitmap
ARLO SAFE
Path 7

Arlo – Android Location Tracking
Role: Senior UI Designer

Challenge:
Design new tracking features and UI for Arlo’s Android Location Tracking product.

Solution:
• Built and migrated the Android design system from Sketch to Figma.
• Created a Master Component Library for scalable UI.
• Designed new map views and tracking features with the UX team.
• Incorporated incident types based on stakeholder feedback.
• Collaborated closely with engineers to align UI with Material Design guidelines and technical constraints.

DEVELOPMENT FEEDBACK AND PROTOTYPING
Path 7

Attention to detail between the original UI Specs and the prototypes for Android was necessary to have a cohesive experience.

Working with the Development team and conducting user testing to provide a solid user experience for both Android and iOS.

Arlo Safe Component Library Examples

Property 1=Location Marker DirectionProperty 1=PinProperty 1=Location Marker CenterProperty 1=Location MarkerProperty 1=Person, Property 2=Location Marker-1
Property 1=Person Live Tracking, Property 2=Time DetailProperty 1=Battery LevelProperty 1=Battery HalfProperty 1=Battery LowProperty 1=Battery CriticalProperty 1=Person, Property 2=Time DetailProperty 1=Person, Property 2=Location Marker
Path
ShapePath
PathShapeShape
ShapeShapeShape
Shape
Path
Shape
ShapeShape
ShapeShapeShape
PathShapePath
Property 1=Drive Details
PathShapeShape
ShapeShapeShape
Shape
Path
Shape
ShapeShape
ShapeShapeShape
PathShapeShape
ShapeShape
PathShapePath
Path
Path
PathShapeShapePath
ClippedShapeShapeShapePath
ClippedShapeShapeShapePath
ClippedShape
PathShapeShapePath
ClippedShapePathPathPathPathPathPathPathPathPath
Property 1=Location Details EditProperty 1=Recording AudioProperty 1=NameProperty 1=Time DetailProperty 1=Day DetailProperty 1=Record EventProperty 1=Check inProperty 1=OffendersProperty 1=CrimesProperty 1=AEDProperty 1=Places
ARLO SECURE
Path 7

Design System & Visual Identity:
Role: Senior UI Designer

Goal:
Unify visual identity and streamline UI across Android and iOS for Arlo’s new elite Home Security features.

Approach:
Built initial UI component library in Sketch. Migrated and scaled design system in Figma for improved documentation and collaboration.

Applied Material Design standards for Android while maintaining Arlo’s brand style.

Impact:
Delivered a cohesive, scalable design system supporting AI automation and multi-device interconnectivity.

Color:
Color palette is mainly grayscale with semantic colors and an accent color. Base components should use grayscale.

Background
Content
Group 25Group 26
Path
PathPathPathPathPathShapePathPathPathPathShape
ShapeShapeShapePath
Path
Path
Teachable AI - Prompt FilledDevices - EmptyDashboard
Dashboard
Devices
Onboarding
Automation
APP DESIGN
Path 7

Challenge:
Arlo needed Android Design Systems as well as UI for new products.

Solution:
• Built a scalable Android design system, creating a Master Component Library, and improving UI flows for subscriptions, device interconnectivity, and accessibility. New dashboard UI delivers real-time device status with streamlined controls for scheduling, live feeds, and emergency response.

• Worked with developers and UX team on internal presentations of Subscriptions (customer paid options), and the interconnection of physical and digital products

• Improved products through user testing data and accessibility improvements

Components are designed to deliver event details for the user at a glance.

Feed Events
Sensor Events
0:00 AM
Motion
Hallway Sensor
Icons/Glyphs/Motion
0:00 AM
Front Door Opened
Hallway Sensor
Icons/Glyphs/Door
0:00 AM
Front Door Closed
Hallway Sensor
Icons/Glyphs/Door
0:00 AM
Window Opened
Kitchen Window Sensor
Icons/Glyphs/Window
0:00 AM
Window Closed
Kitchen Window Sensor
Icons/Glyphs/Window
Icons/Indicator/Arrows
72
F
0:00 AM
High Temperature
Nursery Sensor
Nursery Sensor
Icons/Indicator/Arrows
72
F
0:00 AM
Low Temperature
Nursery Sensor
72
F
0:00 AM
Normal Temperature
0:00 AM
Too Dry
Baby Camera
Shape
humidity_high_FILL0_wght400_GRAD0_opsz48
0:00 AM
Too Humid
Baby Camera
Shape
humidity_high_FILL0_wght400_GRAD0_opsz48
0:00 AM
No Water Detected
Basement Sensor
Shape
0:00 AM
Water Detected
Basement Sensor
Shape
0:00 AM
Abnormal Air Quality
Baby Camera
Icons/Glyphs/Air Quality
0:00 AM
Very Abnormal Air Quality
Baby Camera
Icons/Glyphs/Air Quality
0:00 AM
Normal Air Quality
Baby Camera
Icons/Glyphs/Air Quality
0:00 AM
Smoke Alarm
Hallway Sensor
Icons/Indicator/Smoke
0:00 AM
CO Alarm
Hallway Sensor
Icons/Indicator/Smoke
0:00 AM
No Alarm
Hallway Sensor
Icons/Indicator/Smoke
Icons/Indicator/ArrowsIcons/Glyphs/Brightness
Kitchen Sensor
0:00 AM
Light Level Increase
Icons/Indicator/ArrowsIcons/Glyphs/Brightness
Kitchen Sensor
0:00 AM
Light Level Decrease
Siren/Panic
0:00 AM
Siren Deactivated
Manual
Icons/Glyphs/Siren
0:00 AM
Siren Activated
Automation
Icons/Glyphs/Siren
0:00 AM
Panic Deactivated
Manual
Icons/Glyphs/Siren
0:00 AM
Panic Activated
Automation
Icons/Glyphs/Siren
Camera Events
0:00 AM
Dining Room Camera
|
0:10
Motion
Images / Essential Kid
0:00 AM
Front Door Camera
|
0:10
Person
Images / Doorbell Delivery
0:00 AM
Driveway Camera
|
0:10
Vehicle
Images / Pro Driveway Car
0:00 AM
Living Room Camera
|
0:10
Animal
Images / Essential Cat
0:00 AM
Front Door Camera
|
0:10
Package
Images / Outdoor Delivery
0:00 AM
Front Door Camera
|
0:10
Audio
Images / Outdoor Delivery
12:00 PM
Person
Front Door Camera
|
0:10
Images / Doorbell Delivery
9:41 AM
Kitchen Camera
|
0:10
Fire
Images / Fire
9:41 AM
Driveway Camera
|
0:10
Gunshot
Images / Pro Driveway Car
9:41 AM
Backyard Camera
|
0:10
Glass Break
Images / Ultra Backyard
9:41 AM
Living Room Camera
|
0:10
Scream
Images / Essential Cat
9:41 AM
Porch Camera
|
0:10
Dog Bark
Images / Outdoor Delivery
Enable and Disable events for any automation type.
0:00 AM
Shortcut Activated
[Shortcut Name], [Trigger]
Icons/Glyphs/Mode
0:00 AM
Shortcut Activated
[Shortcut Name], [Trigger]
Icons/Glyphs/Mode
0:00 AM
Shortcut Failed
[Shortcut Name], [Trigger]
Icons/Glyphs/Mode
Trigger can be a persons name, schedule, arrive/leave, general automation, or mode.Routine Events
12:00 PM
Arm Away Activated
Icons/Mode
12:00 PM
Arm Home Activated
Icons/Mode
12:00 PM
Standby Activated
Icons/Mode
12:00 PM
Fire Responders Requested
Fire-Glyph
12:00 PM
Police Responders Requested
Police-Glyph
12:00 PM
Medical Responders Requested
Medical-Glyph
0:00 AM
Schedule Activated
Good Night
Icons/Glyphs/Schedule
0:00 AM
Arrive Activated
[Arrive Name], Mark Arrived
Location Glyph
0:00 AM
Leave Activated
[Arrive Name], Everyone Left
Location Glyph
0:00 AM
Automation Activated
When Front Door Unlocks
Icons/Glyphs/Automations
0:00 AM
Schedule Disabled
Good Night
Icons/Glyphs/Schedule
0:00 AM
Schedule Enabled
Good Night
Icons/Glyphs/Schedule

Example of components and icon indicators for all Camera, Routine, Sensor, and Thermostat events used in the Feed screen.

Icons/Glyphs/Door
Closed
Front Door
Icons/Glyphs/Garage
Closed
Garage Door
Icons/Glyphs/Garage
Opened
Garage Door
Icons/Glyphs/DoorIcons/Glyphs/Exclamation
Offline
Front Door
Icons/Glyphs/MotionIcons/Glyphs/Exclamation
Offline
Front Door
Shape
Icons/Glyphs/Exclamation
Offline
Light
Icons/Glyphs/Garage
Jammed
Garage Door
Shape
humidity_high_FILL0_wght400_GRAD0_opsz48
Moisture Nor…
Baby Camera
Icons/Indicator/Smoke
No Alarm
Hallway Sen...
Icons/Glyphs/Air Quality
Normal Air …
Baby Camera
Shape
Light Level N…
Kitchen Sen…
Light Level D…
Kitchen Sen…
Icons/Indicator/ArrowsIcons/Glyphs/Brightness
Light Level I…
Kitchen Sen…
Icons/Indicator/ArrowsIcons/Glyphs/Brightness
70
F
Normal
Thermostat
70
F
Normal
Thermostat
Icons/Indicator/Arrows
72
F
Normal
Thermostat
Icons/Indicator/Arrows
72
F
Normal
Thermostat
Icons/Indicator/Arrows
70
F
High Temp
Thermostat
Icons/Indicator/Arrows
70
F
High Temp
Thermostat
Shape
humidity_high_FILL0_wght400_GRAD0_opsz48
Too Dry
Baby Camera
Icons/Indicator/Smoke
Too Dry
Hallway Sen...
Icons/Glyphs/Air Quality
Abnormal A…
Baby Camera
Shape
humidity_high_FILL0_wght400_GRAD0_opsz48
Too Humid
Baby Camera
Icons/Indicator/Smoke
Smoke Alarm
Hallway Sen...
Icons/Glyphs/Air Quality
Very Abnor…
Baby Camera
Icons/Glyphs/Window
Closed
Window
Icons/Glyphs/Window
Opened
Window
Icons/Glyphs/Motion
No Motion
Front Door
Icons/Glyphs/Motion
Motion
Front Door
Shape
No Water
Water Heater
Shape
Water
Water Heater
Icons/Glyphs/Devices
Icons/Indicator/Battery
90%
Status
Device
Icons/Glyphs/Devices
Device
Icons/Indicator/Battery
90%
Status
Images / Doorbell Delivery
Icons/Indicator/Battery
Now
Front Door
x / Video Controls
Icons/Glyphs/Door
Opened
Front Door
Icons/Glyphs/Lock
Unlocked
Door Lock
Icons/Glyphs/Lock
Locked
Door Lock
Shape
Off
Porch Light
Shape
On
Porch Light
Rectangle
Shape
On
Porch Light
Tap for Device Det CopyTitle Copy 86Tap On/OffPath 2 Copy 10Tap to see the Dev
1
2
Title Copy 89
1
Path 2 Copy 7Tap: Device Detail VTap sets the devicTitle Copy 94
2
Tap and hold devicLine 2 Copy 21Tap: On/Off
Icons/Glyphs/MotionIcons/Glyphs/Exclamation
Disabled
Front Door
Only doorbell
FeedEvent TypesFeed - Empty
07.11_841_631_371_791.5xColor Picker AndroidDevice Settings > Light SettingsDevice Settings > Light Settings 2

Color Selector designed to quickly identitify individual
family members.

Location tracking & protection on the go. A team of live, medically trained security experts are available 24/7.

No matter what life
brings, Arlo Safe is there.

ARLO SECURITY
Juan M Montes

©2025 JUAN MONTES
THE FUTUREBONES
LOS ANGELES CA

Message Center
CNET Editor's Choice
September 2024
Bitmap
contact
Object
Eye-Signal-Eye 1
ARLO SECURITY
Juan M Montes
Bitmap
Bitmap

An easy to use interface manages all your Arlo home security products and keeps you connected to your home and your family’s safety from wherever you are.

Smarter security, trusted by millions.

ARLO SECURE
Path 7

Design System & Visual Identity:
Role: Senior UI Designer

Goal:
Unify visual identity and streamline UI across Android and iOS for Arlo’s new elite Home Security features.

Approach:
Built initial UI component library in Sketch. Migrated and scaled design system in Figma for improved documentation and collaboration.

Applied Material Design standards for Android while maintaining Arlo’s brand style.

Impact:
Delivered a cohesive, scalable design system supporting AI automation and multi-device interconnectivity.

Color:
Color palette is mainly grayscale with semantic colors and an accent color. Base components should use grayscale.

Background
Content
Group 25Group 26
Icons/Glyphs/Door
Closed
Front Door
Icons/Glyphs/Garage
Closed
Garage Door
Icons/Glyphs/Garage
Opened
Garage Door
Icons/Glyphs/DoorIcons/Glyphs/Exclamation
Offline
Front Door
Icons/Glyphs/MotionIcons/Glyphs/Exclamation
Offline
Front Door
Shape
Icons/Glyphs/Exclamation
Offline
Light
Icons/Glyphs/Garage
Jammed
Garage Door
Shape
humidity_high_FILL0_wght400_GRAD0_opsz48
Moisture Nor…
Baby Camera
Icons/Indicator/Smoke
No Alarm
Hallway Sen...
Icons/Glyphs/Air Quality
Normal Air …
Baby Camera
Shape
Light Level N…
Kitchen Sen…
Light Level D…
Kitchen Sen…
Icons/Indicator/ArrowsIcons/Glyphs/Brightness
Light Level I…
Kitchen Sen…
Icons/Indicator/ArrowsIcons/Glyphs/Brightness
70
F
Normal
Thermostat
70
F
Normal
Thermostat
Icons/Indicator/Arrows
72
F
Normal
Thermostat
Icons/Indicator/Arrows
72
F
Normal
Thermostat
Icons/Indicator/Arrows
70
F
High Temp
Thermostat
Icons/Indicator/Arrows
70
F
High Temp
Thermostat
Shape
humidity_high_FILL0_wght400_GRAD0_opsz48
Too Dry
Baby Camera
Icons/Indicator/Smoke
Too Dry
Hallway Sen...
Icons/Glyphs/Air Quality
Abnormal A…
Baby Camera
Shape
humidity_high_FILL0_wght400_GRAD0_opsz48
Too Humid
Baby Camera
Icons/Indicator/Smoke
Smoke Alarm
Hallway Sen...
Icons/Glyphs/Air Quality
Very Abnor…
Baby Camera
Icons/Glyphs/Window
Closed
Window
Icons/Glyphs/Window
Opened
Window
Icons/Glyphs/Motion
No Motion
Front Door
Icons/Glyphs/Motion
Motion
Front Door
Shape
No Water
Water Heater
Shape
Water
Water Heater
Icons/Glyphs/Devices
Icons/Indicator/Battery
90%
Status
Device
Icons/Glyphs/Devices
Device
Icons/Indicator/Battery
90%
Status
Images / Doorbell Delivery
Icons/Indicator/Battery
Now
Front Door
x / Video Controls
Icons/Glyphs/Door
Opened
Front Door
Icons/Glyphs/Lock
Unlocked
Door Lock
Icons/Glyphs/Lock
Locked
Door Lock
Shape
Off
Porch Light
Shape
On
Porch Light
Rectangle
Shape
On
Porch Light
Tap for Device Det CopyTitle Copy 86Tap On/OffPath 2 Copy 10Tap to see the Dev
1
2
Title Copy 89
1
Path 2 Copy 7Tap: Device Detail VTap sets the devicTitle Copy 94
2
Tap and hold devicLine 2 Copy 21Tap: On/Off
Icons/Glyphs/MotionIcons/Glyphs/Exclamation
Disabled
Front Door
Only doorbell
Path
PathPathPathPathPathShapePathPathPathPathShape
ShapeShapeShapePath
Path
Path
Teachable AI - Prompt FilledDevices - EmptyDashboard
Dashboard
Devices
Onboarding
Automation
APP DESIGN
Path 7

Challenge:
Arlo needed Android Design Systems as well as UI for new products.

Solution:
• Built a scalable Android design system, creating a Master Component Library, and improving UI flows for subscriptions, device interconnectivity, and accessibility. New dashboard UI delivers real-time device status with streamlined controls for scheduling, live feeds, and emergency response.

• Worked with developers and UX team on internal presentations of Subscriptions (customer paid options), and the interconnection of physical and digital products

• Improved products through user testing data and accessibility improvements

Components are designed to deliver event details for the user at a glance.

Feed Events
Sensor Events
0:00 AM
Motion
Hallway Sensor
Icons/Glyphs/Motion
0:00 AM
Front Door Opened
Hallway Sensor
Icons/Glyphs/Door
0:00 AM
Front Door Closed
Hallway Sensor
Icons/Glyphs/Door
0:00 AM
Window Opened
Kitchen Window Sensor
Icons/Glyphs/Window
0:00 AM
Window Closed
Kitchen Window Sensor
Icons/Glyphs/Window
Icons/Indicator/Arrows
72
F
0:00 AM
High Temperature
Nursery Sensor
Nursery Sensor
Icons/Indicator/Arrows
72
F
0:00 AM
Low Temperature
Nursery Sensor
72
F
0:00 AM
Normal Temperature
0:00 AM
Too Dry
Baby Camera
Shape
humidity_high_FILL0_wght400_GRAD0_opsz48
0:00 AM
Too Humid
Baby Camera
Shape
humidity_high_FILL0_wght400_GRAD0_opsz48
0:00 AM
No Water Detected
Basement Sensor
Shape
0:00 AM
Water Detected
Basement Sensor
Shape
0:00 AM
Abnormal Air Quality
Baby Camera
Icons/Glyphs/Air Quality
0:00 AM
Very Abnormal Air Quality
Baby Camera
Icons/Glyphs/Air Quality
0:00 AM
Normal Air Quality
Baby Camera
Icons/Glyphs/Air Quality
0:00 AM
Smoke Alarm
Hallway Sensor
Icons/Indicator/Smoke
0:00 AM
CO Alarm
Hallway Sensor
Icons/Indicator/Smoke
0:00 AM
No Alarm
Hallway Sensor
Icons/Indicator/Smoke
Icons/Indicator/ArrowsIcons/Glyphs/Brightness
Kitchen Sensor
0:00 AM
Light Level Increase
Icons/Indicator/ArrowsIcons/Glyphs/Brightness
Kitchen Sensor
0:00 AM
Light Level Decrease
Siren/Panic
0:00 AM
Siren Deactivated
Manual
Icons/Glyphs/Siren
0:00 AM
Siren Activated
Automation
Icons/Glyphs/Siren
0:00 AM
Panic Deactivated
Manual
Icons/Glyphs/Siren
0:00 AM
Panic Activated
Automation
Icons/Glyphs/Siren
Camera Events
0:00 AM
Dining Room Camera
|
0:10
Motion
Images / Essential Kid
0:00 AM
Front Door Camera
|
0:10
Person
Images / Doorbell Delivery
0:00 AM
Driveway Camera
|
0:10
Vehicle
Images / Pro Driveway Car
0:00 AM
Living Room Camera
|
0:10
Animal
Images / Essential Cat
0:00 AM
Front Door Camera
|
0:10
Package
Images / Outdoor Delivery
0:00 AM
Front Door Camera
|
0:10
Audio
Images / Outdoor Delivery
12:00 PM
Person
Front Door Camera
|
0:10
Images / Doorbell Delivery
9:41 AM
Kitchen Camera
|
0:10
Fire
Images / Fire
9:41 AM
Driveway Camera
|
0:10
Gunshot
Images / Pro Driveway Car
9:41 AM
Backyard Camera
|
0:10
Glass Break
Images / Ultra Backyard
9:41 AM
Living Room Camera
|
0:10
Scream
Images / Essential Cat
9:41 AM
Porch Camera
|
0:10
Dog Bark
Images / Outdoor Delivery
Enable and Disable events for any automation type.
0:00 AM
Shortcut Activated
[Shortcut Name], [Trigger]
Icons/Glyphs/Mode
0:00 AM
Shortcut Activated
[Shortcut Name], [Trigger]
Icons/Glyphs/Mode
0:00 AM
Shortcut Failed
[Shortcut Name], [Trigger]
Icons/Glyphs/Mode
Trigger can be a persons name, schedule, arrive/leave, general automation, or mode.Routine Events
12:00 PM
Arm Away Activated
Icons/Mode
12:00 PM
Arm Home Activated
Icons/Mode
12:00 PM
Standby Activated
Icons/Mode
12:00 PM
Fire Responders Requested
Fire-Glyph
12:00 PM
Police Responders Requested
Police-Glyph
12:00 PM
Medical Responders Requested
Medical-Glyph
0:00 AM
Schedule Activated
Good Night
Icons/Glyphs/Schedule
0:00 AM
Arrive Activated
[Arrive Name], Mark Arrived
Location Glyph
0:00 AM
Leave Activated
[Arrive Name], Everyone Left
Location Glyph
0:00 AM
Automation Activated
When Front Door Unlocks
Icons/Glyphs/Automations
0:00 AM
Schedule Disabled
Good Night
Icons/Glyphs/Schedule
0:00 AM
Schedule Enabled
Good Night
Icons/Glyphs/Schedule

Example of components and icon indicators for all Camera, Routine, Sensor, and Thermostat events used in the Feed screen.

FeedEvent TypesFeed - Empty

Client - Petnet, Inc., Makers of Petnet SmartFeeder products

Location tracking & protection on the go. A team of live, medically trained security experts are available 24/7.

No matter what life brings, Arlo Safe is there.

ARLO SAFE
Path 7

Arlo – Android Location Tracking
Role: Senior UI Designer

Challenge:
Design new tracking features and UI for Arlo’s Android Location Tracking product.

Solution:
• Built and migrated the Android design system from Sketch to Figma.
• Created a Master Component Library for scalable UI.
• Designed new map views and tracking features with the UX team.
• Incorporated incident types based on stakeholder feedback.
• Collaborated closely with engineers to align UI with Material Design guidelines and technical constraints.

Arlo Safe Component Library Examples

DEVELOPMENT FEEDBACK AND PROTOTYPING
Path 7

Attention to detail between the original UI Specs and the prototypes for Android was necessary to have a cohesive experience.

Working with the Development team and conducting user testing to provide a solid user experience for both Android and iOS.

Property 1=Person Live Tracking, Property 2=Time DetailProperty 1=Battery LevelProperty 1=Battery HalfProperty 1=Battery LowProperty 1=Battery CriticalProperty 1=Person, Property 2=Time DetailProperty 1=Person, Property 2=Location Marker
Path
ShapePath
PathShapeShape
ShapeShapeShape
Shape
Path
Shape
ShapeShape
ShapeShapeShape
PathShapePath
Property 1=Drive Details
PathShapeShape
ShapeShapeShape
Shape
Path
Shape
ShapeShape
ShapeShapeShape
PathShapeShape
ShapeShape
PathShapePath
Property 1=Location Marker DirectionProperty 1=PinProperty 1=Location Marker CenterProperty 1=Location MarkerProperty 1=Person, Property 2=Location Marker-1
Path
Path
PathShapeShapePath
ClippedShapeShapeShapePath
ClippedShapeShapeShapePath
ClippedShape
PathShapeShapePath
ClippedShapePathPathPathPathPathPathPathPathPath
Property 1=Location Details EditProperty 1=Recording AudioProperty 1=NameProperty 1=Time DetailProperty 1=Day DetailProperty 1=Record EventProperty 1=Check inProperty 1=OffendersProperty 1=CrimesProperty 1=AEDProperty 1=Places
07.11_841_631_371_791.5xColor Picker AndroidDevice Settings > Light SettingsDevice Settings > Light Settings 2

Color Selector designed to quickly identitify individual
family members.

safe-family-bundle@2x
Bitmap
CNET Editor's Choice
September 2024
Bitmap

©2025 JUAN MONTES THE FUTUREBONES
LOS ANGELES CA

Eye-Signal-Eye 1

©2025 JUAN MONTES THE FUTUREBONES
LOS ANGELES CA

ARLO SECURITY
Juan M Montes

An easy to use interface manages all your Arlo home security products and keeps you connected to your home and your family’s safety from wherever you are.

Smarter security, trusted by millions.

BitmapBitmap
ARLO SECURE
Path 7

Design System & Visual Identity:
Role: Senior UI Designer

Goal:
Unify visual identity and streamline UI across Android and iOS for Arlo’s new elite Home Security features.

Approach:
Built initial UI component library in Sketch. Migrated and scaled design system in Figma for improved documentation and collaboration.

Applied Material Design standards for Android while maintaining Arlo’s brand style.

Impact:
Delivered a cohesive, scalable design system supporting AI automation and multi-device interconnectivity.

Color:
Color palette is mainly grayscale with semantic colors and an accent color. Base components should use grayscale.

Background
Content
Group 25Group 26
Icons/Glyphs/Door
Closed
Front Door
Shape
humidity_high_FILL0_wght400_GRAD0_opsz48
Moisture Nor…
Baby Camera
Icons/Indicator/Smoke
No Alarm
Hallway Sen...
Icons/Glyphs/Air Quality
Normal Air …
Baby Camera
Shape
Light Level N…
Kitchen Sen…
Light Level D…
Kitchen Sen…
Icons/Indicator/ArrowsIcons/Glyphs/Brightness
Light Level I…
Kitchen Sen…
Icons/Indicator/ArrowsIcons/Glyphs/Brightness
70
F
Normal
Thermostat
Icons/Indicator/Arrows
72
F
Normal
Thermostat
Icons/Indicator/Arrows
70
F
High Temp
Thermostat
Shape
humidity_high_FILL0_wght400_GRAD0_opsz48
Too Dry
Baby Camera
Icons/Indicator/Smoke
Too Dry
Hallway Sen...
Icons/Glyphs/Air Quality
Abnormal A…
Baby Camera
Shape
humidity_high_FILL0_wght400_GRAD0_opsz48
Too Humid
Baby Camera
Icons/Indicator/Smoke
Smoke Alarm
Hallway Sen...
Icons/Glyphs/Air Quality
Very Abnor…
Baby Camera
Icons/Glyphs/Window
Closed
Window
Icons/Glyphs/Window
Opened
Window
Icons/Glyphs/Motion
No Motion
Front Door
Icons/Glyphs/Motion
Motion
Front Door
Shape
No Water
Water Heater
Shape
Water
Water Heater
Icons/Glyphs/Garage
Closed
Garage Door
Icons/Glyphs/Garage
Opened
Garage Door
Icons/Glyphs/DoorIcons/Glyphs/Exclamation
Offline
Front Door
Icons/Glyphs/MotionIcons/Glyphs/Exclamation
Offline
Front Door
Shape
Icons/Glyphs/Exclamation
Offline
Light
Icons/Glyphs/Garage
Jammed
Garage Door
70
F
Normal
Thermostat
Icons/Indicator/Arrows
72
F
Normal
Thermostat
Icons/Indicator/Arrows
70
F
High Temp
Thermostat
Icons/Glyphs/Lock
Unlocked
Door Lock
Icons/Glyphs/Lock
Locked
Door Lock
Shape
Off
Porch Light
Shape
On
Porch Light
Rectangle
Shape
On
Porch Light
Tap On/OffTap to see the Dev
1
2
Title Copy 89
1
Tap: Device Detail VTap sets the devicTitle Copy 94
2
Tap and hold devicTap: On/Off
Icons/Glyphs/MotionIcons/Glyphs/Exclamation
Disabled
Front Door
Icons/Glyphs/Devices
Icons/Indicator/Battery
90%
Status
Device
Icons/Glyphs/Devices
Device
Icons/Indicator/Battery
90%
Status
Images / Doorbell Delivery
Icons/Indicator/Battery
Now
Front Door
x / Video Controls
Icons/Glyphs/Door
Opened
Front Door
Tap for Device Det CopyTitle Copy 86Path 2 Copy 7Only doorbell
APP DESIGN
Path 7

Challenge:
Arlo needed Android Design Systems as well as UI for new products.

Solution:
• Built a scalable Android design system, creating a Master Component Library, and improving UI flows for subscriptions, device interconnectivity, and accessibility. New dashboard UI delivers real-time device status with streamlined controls for scheduling, live feeds, and emergency response.

• Worked with developers and UX team on internal presentations of Subscriptions (customer paid options), and the interconnection of physical and digital products

• Improved products through user testing data and accessibility improvements

Path
PathPathPathPathPathShapePathPathPathPathShape
ShapeShapeShapePath
Path
Path
Onboarding
Teachable AI - Prompt Filled
Automation
Devices - Empty
Devices
Dashboard
Dashboard

Components are designed to deliver event details for the user at a glance.

safe-family-bundle@2x
Bitmap

Location tracking & protection on the go. A team of live, medically trained security experts are available 24/7.

No matter what life brings, Arlo Safe is there.

ARLO SAFE
Path 7

Arlo – Android Location Tracking
Role: Senior UI Designer

Challenge:
Design new tracking features and UI for Arlo’s Android Location Tracking product.

Solution:
• Built and migrated the Android design system from Sketch to Figma.
• Created a Master Component Library for scalable UI.
• Designed new map views and tracking features with the UX team.
• Incorporated incident types based on stakeholder feedback.
• Collaborated closely with engineers to align UI with Material Design guidelines and technical constraints.

DEVELOPMENT FEEDBACK AND PROTOTYPING
Path 7

Attention to detail between the original UI Specs and the prototypes for Android was necessary to have a cohesive experience.

Working with the Development team and conducting user testing to provide a solid user experience for both Android and iOS.

Arlo Safe Component Library Examples

Property 1=Location Marker DirectionProperty 1=PinProperty 1=Location Marker CenterProperty 1=Location MarkerProperty 1=Person, Property 2=Location Marker-1
Property 1=Person Live Tracking, Property 2=Time DetailProperty 1=Battery LevelProperty 1=Person, Property 2=Time DetailProperty 1=Person, Property 2=Location Marker
Property 1=Battery HalfProperty 1=Battery LowProperty 1=Battery Critical
Path
ShapePath
PathShapeShape
ShapeShapeShape
Shape
Path
Shape
ShapeShape
ShapeShapeShape
PathShapePath
Property 1=Drive Details
PathShapeShape
ShapeShapeShape
Shape
Path
Shape
ShapeShape
ShapeShapeShape
PathShapeShape
ShapeShape
PathShapePath
Path
Path
PathShapeShapePath
ClippedShapeShapeShapePath
ClippedShapeShapeShapePath
ClippedShape
PathShapeShapePath
ClippedShapePathPathPathPathPathPathPathPathPath
Property 1=Location Details EditProperty 1=Time DetailProperty 1=Day Detail
Property 1=Recording Audio
Property 1=Record EventProperty 1=OffendersProperty 1=AED
Property 1=Check inProperty 1=CrimesProperty 1=Places
07.11_841_631_37Device Settings > Light SettingsDevice Settings > Light Settings 21_79

Color Selector designed to quickly identitify individual
family members.

1.5xColor Picker Android
Feed Events
Sensor Events
0:00 AM
Motion
Hallway Sensor
Icons/Glyphs/Motion
0:00 AM
Front Door Opened
Hallway Sensor
Icons/Glyphs/Door
0:00 AM
Front Door Closed
Hallway Sensor
Icons/Glyphs/Door
0:00 AM
Window Opened
Kitchen Window Sensor
Icons/Glyphs/Window
0:00 AM
Window Closed
Kitchen Window Sensor
Icons/Glyphs/Window
Icons/Indicator/Arrows
72
F
0:00 AM
High Temperature
Nursery Sensor
Nursery Sensor
Icons/Indicator/Arrows
72
F
0:00 AM
Low Temperature
Nursery Sensor
72
F
0:00 AM
Normal Temperature
0:00 AM
Too Dry
Baby Camera
Shape
humidity_high_FILL0_wght400_GRAD0_opsz48
0:00 AM
Too Humid
Baby Camera
Shape
humidity_high_FILL0_wght400_GRAD0_opsz48
0:00 AM
No Water Detected
Basement Sensor
Shape
0:00 AM
Water Detected
Basement Sensor
Shape
0:00 AM
Abnormal Air Quality
Baby Camera
Icons/Glyphs/Air Quality
0:00 AM
Very Abnormal Air Quality
Baby Camera
Icons/Glyphs/Air Quality
0:00 AM
Normal Air Quality
Baby Camera
Icons/Glyphs/Air Quality
0:00 AM
Smoke Alarm
Hallway Sensor
Icons/Indicator/Smoke
0:00 AM
CO Alarm
Hallway Sensor
Icons/Indicator/Smoke
0:00 AM
No Alarm
Hallway Sensor
Icons/Indicator/Smoke
Icons/Indicator/ArrowsIcons/Glyphs/Brightness
Kitchen Sensor
0:00 AM
Light Level Increase
Icons/Indicator/ArrowsIcons/Glyphs/Brightness
Kitchen Sensor
0:00 AM
Light Level Decrease
Siren/Panic
0:00 AM
Siren Deactivated
Manual
Icons/Glyphs/Siren
0:00 AM
Siren Activated
Automation
Icons/Glyphs/Siren
0:00 AM
Panic Deactivated
Manual
Icons/Glyphs/Siren
0:00 AM
Panic Activated
Automation
Icons/Glyphs/Siren
Camera Events
0:00 AM
Dining Room Camera
|
0:10
Motion
Images / Essential Kid
0:00 AM
Front Door Camera
|
0:10
Person
Images / Doorbell Delivery
0:00 AM
Driveway Camera
|
0:10
Vehicle
Images / Pro Driveway Car
0:00 AM
Living Room Camera
|
0:10
Animal
Images / Essential Cat
0:00 AM
Front Door Camera
|
0:10
Package
Images / Outdoor Delivery
0:00 AM
Front Door Camera
|
0:10
Audio
Images / Outdoor Delivery
12:00 PM
Person
Front Door Camera
|
0:10
Images / Doorbell Delivery
9:41 AM
Kitchen Camera
|
0:10
Fire
Images / Fire
9:41 AM
Driveway Camera
|
0:10
Gunshot
Images / Pro Driveway Car
9:41 AM
Backyard Camera
|
0:10
Glass Break
Images / Ultra Backyard
9:41 AM
Living Room Camera
|
0:10
Scream
Images / Essential Cat
9:41 AM
Porch Camera
|
0:10
Dog Bark
Images / Outdoor Delivery
Enable and Disable events for any automation type.
0:00 AM
Shortcut Activated
[Shortcut Name], [Trigger]
Icons/Glyphs/Mode
0:00 AM
Shortcut Activated
[Shortcut Name], [Trigger]
Icons/Glyphs/Mode
0:00 AM
Shortcut Failed
[Shortcut Name], [Trigger]
Icons/Glyphs/Mode
Trigger can be a persons name, schedule, arrive/leave, general automation, or mode.Routine Events
12:00 PM
Arm Away Activated
Icons/Mode
12:00 PM
Arm Home Activated
Icons/Mode
12:00 PM
Standby Activated
Icons/Mode
12:00 PM
Fire Responders Requested
Fire-Glyph
12:00 PM
Police Responders Requested
Police-Glyph
12:00 PM
Medical Responders Requested
Medical-Glyph
0:00 AM
Schedule Activated
Good Night
Icons/Glyphs/Schedule
0:00 AM
Arrive Activated
[Arrive Name], Mark Arrived
Location Glyph
0:00 AM
Leave Activated
[Arrive Name], Everyone Left
Location Glyph
0:00 AM
Automation Activated
When Front Door Unlocks
Icons/Glyphs/Automations
0:00 AM
Schedule Disabled
Good Night
Icons/Glyphs/Schedule
0:00 AM
Schedule Enabled
Good Night
Icons/Glyphs/Schedule

Example of components and icon indicators for all Camera, Routine, Sensor, and Thermostat events used in the Feed screen.

FeedEvent TypesFeed - Empty
CNET Editor's Choice
September 2024
Bitmap
contact
Object
Eye-Signal-Eye 1

©2025 JUAN MONTES THE FUTUREBONES
LOS ANGELES CA

ARLO SECURITY
Juan M Montes
BitmapBitmap

An easy to use interface manages all your Arlo home security products and keeps you connected to your home and your family’s safety from wherever you are.

Smarter security, trusted by millions.

ARLO SECURE
Path 7

Design System & Visual Identity:
Role: Senior UI Designer

Goal:
Unify visual identity and streamline UI across Android and iOS for Arlo’s new elite Home Security features.

Approach:
Built initial UI component library in Sketch. Migrated and scaled design system in Figma for improved documentation and collaboration.

Applied Material Design standards for Android while maintaining Arlo’s brand style.

Impact:
Delivered a cohesive, scalable design system supporting AI automation and multi-device interconnectivity.

Color:
Color palette is mainly grayscale with semantic colors and an accent color. Base components should use grayscale.

Background
Content
Group 25Group 26
Icons/Glyphs/Door
Closed
Front Door
Shape
humidity_high_FILL0_wght400_GRAD0_opsz48
Moisture Nor…
Baby Camera
Icons/Indicator/Smoke
No Alarm
Hallway Sen...
Icons/Glyphs/Air Quality
Normal Air …
Baby Camera
Shape
Light Level N…
Kitchen Sen…
Light Level D…
Kitchen Sen…
Icons/Indicator/ArrowsIcons/Glyphs/Brightness
Light Level I…
Kitchen Sen…
Icons/Indicator/ArrowsIcons/Glyphs/Brightness
70
F
Normal
Thermostat
Icons/Indicator/Arrows
72
F
Normal
Thermostat
Icons/Indicator/Arrows
70
F
High Temp
Thermostat
Shape
humidity_high_FILL0_wght400_GRAD0_opsz48
Too Dry
Baby Camera
Icons/Indicator/Smoke
Too Dry
Hallway Sen...
Icons/Glyphs/Air Quality
Abnormal A…
Baby Camera
Shape
humidity_high_FILL0_wght400_GRAD0_opsz48
Too Humid
Baby Camera
Icons/Indicator/Smoke
Smoke Alarm
Hallway Sen...
Icons/Glyphs/Air Quality
Very Abnor…
Baby Camera
Icons/Glyphs/Window
Closed
Window
Icons/Glyphs/Window
Opened
Window
Icons/Glyphs/Motion
No Motion
Front Door
Icons/Glyphs/Motion
Motion
Front Door
Shape
No Water
Water Heater
Shape
Water
Water Heater
Icons/Glyphs/Garage
Closed
Garage Door
Icons/Glyphs/Garage
Opened
Garage Door
Icons/Glyphs/DoorIcons/Glyphs/Exclamation
Offline
Front Door
Icons/Glyphs/MotionIcons/Glyphs/Exclamation
Offline
Front Door
Shape
Icons/Glyphs/Exclamation
Offline
Light
Icons/Glyphs/Garage
Jammed
Garage Door
70
F
Normal
Thermostat
Icons/Indicator/Arrows
72
F
Normal
Thermostat
Icons/Indicator/Arrows
70
F
High Temp
Thermostat
Icons/Glyphs/Lock
Unlocked
Door Lock
Icons/Glyphs/Lock
Locked
Door Lock
Shape
Off
Porch Light
Shape
On
Porch Light
Rectangle
Shape
On
Porch Light
Tap On/OffTap to see the Dev
1
2
Title Copy 89
1
Tap: Device Detail VTap sets the devicTitle Copy 94
2
Tap and hold devicTap: On/Off
Icons/Glyphs/MotionIcons/Glyphs/Exclamation
Disabled
Front Door
Icons/Glyphs/Devices
Icons/Indicator/Battery
90%
Status
Device
Icons/Glyphs/Devices
Device
Icons/Indicator/Battery
90%
Status
Images / Doorbell Delivery
Icons/Indicator/Battery
Now
Front Door
x / Video Controls
Icons/Glyphs/Door
Opened
Front Door
Tap for Device Det CopyTitle Copy 86Path 2 Copy 7Only doorbell
APP DESIGN
Path 7

Challenge:
Arlo needed Android Design Systems as well as UI for new products.

Solution:
• Built a scalable Android design system, creating a Master Component Library, and improving UI flows for subscriptions, device interconnectivity, and accessibility. New dashboard UI delivers real-time device status with streamlined controls for scheduling, live feeds, and emergency response.

• Worked with developers and UX team on internal presentations of Subscriptions (customer paid options), and the interconnection of physical and digital products

• Improved products through user testing data and accessibility improvements

Path
PathPathPathPathPathShapePathPathPathPathShape
ShapeShapeShapePath
Path
Path
Onboarding
Teachable AI - Prompt Filled
Automation
Devices - Empty
Devices
Dashboard
Dashboard

Components are designed to deliver event details for the user at a glance.

safe-family-bundle@2x
Bitmap

Location tracking & protection on the go. A team of live, medically trained security experts are available 24/7.

No matter what life brings, Arlo Safe is there.

ARLO SAFE
Path 7

Arlo – Android Location Tracking
Role: Senior UI Designer

Challenge:
Design new tracking features and UI for Arlo’s Android Location Tracking product.

Solution:
• Built and migrated the Android design system from Sketch to Figma.
• Created a Master Component Library for scalable UI.
• Designed new map views and tracking features with the UX team.
• Incorporated incident types based on stakeholder feedback.
• Collaborated closely with engineers to align UI with Material Design guidelines and technical constraints.

DEVELOPMENT FEEDBACK AND PROTOTYPING
Path 7

Attention to detail between the original UI Specs and the prototypes for Android was necessary to have a cohesive experience.

Working with the Development team and conducting user testing to provide a solid user experience for both Android and iOS.

Arlo Safe Component Library Examples

Property 1=Location Marker DirectionProperty 1=PinProperty 1=Location Marker CenterProperty 1=Location MarkerProperty 1=Person, Property 2=Location Marker-1
Property 1=Person Live Tracking, Property 2=Time DetailProperty 1=Battery LevelProperty 1=Person, Property 2=Time DetailProperty 1=Person, Property 2=Location Marker
Property 1=Battery HalfProperty 1=Battery LowProperty 1=Battery Critical
Path
ShapePath
PathShapeShape
ShapeShapeShape
Shape
Path
Shape
ShapeShape
ShapeShapeShape
PathShapePath
Property 1=Drive Details
PathShapeShape
ShapeShapeShape
Shape
Path
Shape
ShapeShape
ShapeShapeShape
PathShapeShape
ShapeShape
PathShapePath
Path
Path
PathShapeShapePath
ClippedShapeShapeShapePath
ClippedShapeShapeShapePath
ClippedShape
PathShapeShapePath
ClippedShapePathPathPathPathPathPathPathPathPath
Property 1=Location Details EditProperty 1=Time DetailProperty 1=Day Detail
Property 1=Recording Audio
Property 1=Record EventProperty 1=OffendersProperty 1=AED
Property 1=Check inProperty 1=CrimesProperty 1=Places
07.11_841_631_37Device Settings > Light SettingsDevice Settings > Light Settings 21_79

Color Selector designed to quickly identitify individual
family members.

1.5xColor Picker Android
Feed Events
Sensor Events
0:00 AM
Motion
Hallway Sensor
Icons/Glyphs/Motion
0:00 AM
Front Door Opened
Hallway Sensor
Icons/Glyphs/Door
0:00 AM
Front Door Closed
Hallway Sensor
Icons/Glyphs/Door
0:00 AM
Window Opened
Kitchen Window Sensor
Icons/Glyphs/Window
0:00 AM
Window Closed
Kitchen Window Sensor
Icons/Glyphs/Window
Icons/Indicator/Arrows
72
F
0:00 AM
High Temperature
Nursery Sensor
Nursery Sensor
Icons/Indicator/Arrows
72
F
0:00 AM
Low Temperature
Nursery Sensor
72
F
0:00 AM
Normal Temperature
0:00 AM
Too Dry
Baby Camera
Shape
humidity_high_FILL0_wght400_GRAD0_opsz48
0:00 AM
Too Humid
Baby Camera
Shape
humidity_high_FILL0_wght400_GRAD0_opsz48
0:00 AM
No Water Detected
Basement Sensor
Shape
0:00 AM
Water Detected
Basement Sensor
Shape
0:00 AM
Abnormal Air Quality
Baby Camera
Icons/Glyphs/Air Quality
0:00 AM
Very Abnormal Air Quality
Baby Camera
Icons/Glyphs/Air Quality
0:00 AM
Normal Air Quality
Baby Camera
Icons/Glyphs/Air Quality
0:00 AM
Smoke Alarm
Hallway Sensor
Icons/Indicator/Smoke
0:00 AM
CO Alarm
Hallway Sensor
Icons/Indicator/Smoke
0:00 AM
No Alarm
Hallway Sensor
Icons/Indicator/Smoke
Icons/Indicator/ArrowsIcons/Glyphs/Brightness
Kitchen Sensor
0:00 AM
Light Level Increase
Icons/Indicator/ArrowsIcons/Glyphs/Brightness
Kitchen Sensor
0:00 AM
Light Level Decrease
Siren/Panic
0:00 AM
Siren Deactivated
Manual
Icons/Glyphs/Siren
0:00 AM
Siren Activated
Automation
Icons/Glyphs/Siren
0:00 AM
Panic Deactivated
Manual
Icons/Glyphs/Siren
0:00 AM
Panic Activated
Automation
Icons/Glyphs/Siren
Camera Events
0:00 AM
Dining Room Camera
|
0:10
Motion
Images / Essential Kid
0:00 AM
Front Door Camera
|
0:10
Person
Images / Doorbell Delivery
0:00 AM
Driveway Camera
|
0:10
Vehicle
Images / Pro Driveway Car
0:00 AM
Living Room Camera
|
0:10
Animal
Images / Essential Cat
0:00 AM
Front Door Camera
|
0:10
Package
Images / Outdoor Delivery
0:00 AM
Front Door Camera
|
0:10
Audio
Images / Outdoor Delivery
12:00 PM
Person
Front Door Camera
|
0:10
Images / Doorbell Delivery
9:41 AM
Kitchen Camera
|
0:10
Fire
Images / Fire
9:41 AM
Driveway Camera
|
0:10
Gunshot
Images / Pro Driveway Car
9:41 AM
Backyard Camera
|
0:10
Glass Break
Images / Ultra Backyard
9:41 AM
Living Room Camera
|
0:10
Scream
Images / Essential Cat
9:41 AM
Porch Camera
|
0:10
Dog Bark
Images / Outdoor Delivery
Enable and Disable events for any automation type.
0:00 AM
Shortcut Activated
[Shortcut Name], [Trigger]
Icons/Glyphs/Mode
0:00 AM
Shortcut Activated
[Shortcut Name], [Trigger]
Icons/Glyphs/Mode
0:00 AM
Shortcut Failed
[Shortcut Name], [Trigger]
Icons/Glyphs/Mode
Trigger can be a persons name, schedule, arrive/leave, general automation, or mode.Routine Events
12:00 PM
Arm Away Activated
Icons/Mode
12:00 PM
Arm Home Activated
Icons/Mode
12:00 PM
Standby Activated
Icons/Mode
12:00 PM
Fire Responders Requested
Fire-Glyph
12:00 PM
Police Responders Requested
Police-Glyph
12:00 PM
Medical Responders Requested
Medical-Glyph
0:00 AM
Schedule Activated
Good Night
Icons/Glyphs/Schedule
0:00 AM
Arrive Activated
[Arrive Name], Mark Arrived
Location Glyph
0:00 AM
Leave Activated
[Arrive Name], Everyone Left
Location Glyph
0:00 AM
Automation Activated
When Front Door Unlocks
Icons/Glyphs/Automations
0:00 AM
Schedule Disabled
Good Night
Icons/Glyphs/Schedule
0:00 AM
Schedule Enabled
Good Night
Icons/Glyphs/Schedule

Example of components and icon indicators for all Camera, Routine, Sensor, and Thermostat events used in the Feed screen.

FeedEvent TypesFeed - Empty
CNET Editor's Choice
September 2024
Bitmap
contact
Object
Eye-Signal-Eye 1