ARLO SECURITY
Juan M Montes
safe-family-bundle@2x
Bitmap

No matter what life brings, Arlo Safe is there.

ARLO SAFE
Path

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.

Goal:
Lead the visual design and system development for Arlo’s Android-based Location Tracking product. The goal was to create a cohesive design system while introducing new tracking features, scalable map interfaces, and incident reporting functionality to seamlessly aligned with the broader product ecosystem.

Role: Senior UI Designer
Focus: Design System & Visual Identity

Approach:

Migrated the existing design foundation from Sketch to Figma to enable stronger collaboration, version control, and scalability.
Built a modular Android component library optimized for performance, reusability, and alignment with Material Design standards.
Worked closely with UX to design intuitive map views, device tracking interactions, and incident management flows.
Partnered with engineering to navigate platform constraints, motion behaviors, and development requirements.

Arlo Safe Component Library Examples

Property 1=Location Marker DirectionProperty 1=PinProperty 1=Location Marker CenterProperty 1=Location Marker
Ellipse 59
A
Ellipse 59
A
Icons/Glyphs/Schedule
20 min ago
B
Live
Tracking
A
Icons/Indicator/Battery/Half
39%
Ellipse 59
A
Icons/Glyphs/Schedule
20 min ago
Ellipse 59
A
Property 1=Battery HalfProperty 1=Battery LowProperty 1=Battery Critical
My Family
Icons/Topbar Glyphs
Me
Status
A
Brian
Live
Tracking
A
Icons/Indicator/Battery/Half
39%
Kim
Check-in
Only
K
Christop..
Offline
C
My Family
Icons/Topbar Glyphs
EVENT RAILLocation Markers

65 Squire Hill Road, Springfield, USA

9:30 AM

1234 Elm Street, Springfield, USA

10:00 AM
Drive details:
10 miles distance
Top Speed
80 m/h
Me
Status
A
Brian
Live
Tracking
A
Icons/Indicator/Battery/Half
39%
Kim
Check-in
Only
K
Christop..
Offline
C
Terry
Invite
Pending
T
Add
Icons / Arrow / Left
My Family
Icons/Topbar Glyphs
Path
Path
9:29 PM
Today
EVENT RAILEVENT CIRCLEMAP FPO
65 Squire Hill Road
Arrived at Home
9:29 PM
Today
EVENT RAILEVENT CIRCLEMAP FPO
3725 Irvine Center Drive
Left Office
9:29 PM
Today
EVENT RAILEVENT CIRCLEMAP FPO
85 Brookstone Street
Checked-in
ICON HEART
9:29 PM
Today
EVENT RAILEVENT CIRCLEMAP FPO
567 South Indian Way
Recent Location
History
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
APP DESIGN
Path

Design Challenges:

Translating complex geolocation data into an interface that balances clarity, usability, and real-time updates.
Building a system flexible enough to support new features without introducing visual debt.
Maintaining alignment with Android’s Material Design guidelines while preserving the brand’s visual identity.

Solutions:

Created a scalable component system, including map UI patterns, location markers, event indicators, and incident reporting modules.
Designed responsive map views that display real-time location data, movement trails, and incident types, supported by clear hierarchies and intuitive controls.
Collaborated with engineering to refine handoff processes, ensuring that UI specifications translated accurately to functional prototypes.
Ran iterative reviews informed by user testing to refine layout decisions, edge-case behaviors, and interaction models for both Android and iOS parity.

07.11_841_631_37Device Settings > Light SettingsDevice Settings > Light Settings1_79

Color Selector designed to quickly identitify individual
family members.

1.5xColor Picker Android
OUTCOME
Path


Delivered a fully operational design system tailored for Android, now adopted across the product’s location-based services.
Supported the launch of new tracking and incident management features with improved accuracy, usability, and visual cohesion.
Enhanced cross-team workflows by improving documentation standards and design-development alignment.
Strengthened the customer experience by reducing interface complexity while supporting real-time, high-stakes tracking functionality.

Key Contributions:

Design Systems
- Android-first, map-based UI, scalable components
Visual Design - Location tracking, map interactions, and event visualization
UX Collaboration - Incident flows, tracking features, and system feedback loops
Development Partnership - Refined UI specs, prototyping accuracy, and responsive handoffs

CNET Editor's Choice
September 2024
Bitmap
ARLO SECURE
Path

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.

Role: Senior UI Designer
Focus: Design System & Visual Identity

Goal:

Design a scalable UI system and visual language to support Arlo’s new generation of home security products, including AI-driven features, real-time monitoring, and subscription services. The goal was to unify design across Android and iOS while translating the brand identity into intuitive product experiences.

Approach:

Built the foundational UI library in Sketch, then migrated and expanded the system in Figma to support broader collaboration and documentation.
Developed a flexible component system tailored for Android (Material Design) and iOS while preserving brand consistency.
Created design solutions for complex features, including device interconnectivity, real-time location tracking, emergency response, and subscription flows.
Conducted accessibility audits and refined components to meet WCAG standards.

Dashboard WidgetDashboard WidgetDashboard WidgetDashboard WidgetDashboard WidgetDashboard WidgetDashboard WidgetDashboard WidgetDashboard WidgetDashboard WidgetDashboard WidgetDashboard WidgetDashboard WidgetDashboard WidgetDashboard WidgetDashboard WidgetDashboard WidgetDashboard WidgetDashboard WidgetDashboard WidgetDashboard WidgetDashboard WidgetDashboard WidgetDashboard WidgetDashboard WidgetDashboard WidgetDashboard WidgetDashboard WidgetDashboard WidgetDashboard WidgetDashboard WidgetDashboard WidgetDashboard WidgetDashboard WidgetDashboard WidgetRectangleDashboard WidgetTap 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/OffDashboard WidgetDashboard WidgetDashboard WidgetCamera Widget/Doorbell SmallDashboard WidgetTap for Device Det CopyTitle Copy 86Path 2 Copy 7Only doorbell
APP DESIGN
Path

Design Challenges:

Balancing Material Design constraints with the brand’s visual language.
Building for a diverse ecosystem of physical devices, mobile apps, and AI-driven automation.
Creating a visual system that could scale with evolving products and cross-platform needs.

Solutions:

Developed a modular Android design system centered around a Master Component Library, semantic color systems, and adaptive UI patterns.
Designed a real-time dashboard that displays device status, live camera feeds, schedules, and emergency controls—integrating AI-driven automation seamlessly into the user flow.
Led the visual design for subscription models, balancing clarity, upsell opportunities, and seamless onboarding.
Partnered with engineering to refine motion behaviors, edge cases, and platform-specific nuances.
Integrated feedback from user testing to refine flows, reduce friction, and improve accessibility.

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

Background
Content
Group 25Group 26
battery
cellular
wifi
12:30
Card BGAndroid Bottom Bar

The LED indicator light will continue to blink blue and amber while the device is updating.

Smith Home
The device is updating…

Please wait while the device updates to the latest firmware version. This could take several minutes.

Icons/Topbar Glyphs
Arlo Gen5 BS-Front Ortho.6550 copy
x / Progress Bar
Android Bottom Bar

What do you want to do?

Remind me when I leave my backyard gate open.

Your backyard gate was left open. Would you like to be notified when it is open if no one is in the backyard?

status bar bg
12:30
batterycellular
boundsShape
Icons/Topbar Glyphs
Teachable AI
Icons/Topbar GlyphsIcons/Topbar Glyphs
Brand / Logo / Security AI

Use AI to make your home smarter and more secure. Choose from a list generated through insights, or customize your own automation.

element /  navbar
q
w
e
r
t
y
u
i
o
p
a
s
d
f
g
h
j
k
l
Shift key
x
c
v
b
n
m
Backspace
?123
,
Fill 1Fill 3
language_24px
space
.
keyboard_return_24px

Add Devices for Peace of Mind

Stay connected to your home from anywhere with live video and audio and receive instant alerts on your phone when motion is detected with Arlo Cameras.

Add a Device
image 1
status bar bg
12:30
batterycellular
boundsShape
Icons/Topbar Glyphs
Smith Home
Icons/Topbar Glyphs
Icons/Topbar GlyphsIcons/Topbar Glyphs
Android Bottom Bar
Feed
x / Feed
Dashboard
x / Dashboard
Emergency
x / Emergency
Devices
x / Devices
Routines
x / Routines
Dashboard
Feed Events
Sensor EventsFeed EventFeed EventFeed EventFeed EventFeed EventFeed EventFeed EventFeed EventFeed EventFeed EventFeed EventFeed EventFeed EventFeed EventFeed EventFeed EventFeed EventFeed EventFeed EventFeed EventSiren/PanicFeed EventFeed EventFeed EventFeed EventCamera EventsFeed EventFeed EventFeed EventFeed EventFeed EventFeed EventFeed EventFeed EventFeed EventFeed EventFeed EventFeed EventEnable and Disable events for any automation type.Feed EventFeed EventFeed EventTrigger can be a persons name, schedule, arrive/leave, general automation, or mode.Routine EventsFeed EventFeed EventFeed EventFeed EventFeed EventFeed EventFeed EventFeed EventFeed EventFeed EventFeed EventFeed Event

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

FeedEvent TypesFeed - Empty

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

OUTCOME
Path

Delivered a fully documented, scalable design system adopted across Android and iOS.
Supported successful launches of AI-powered features, location tracking, and multi-device control.
Improved cross-team collaboration by streamlining handoff processes and establishing clearer UI/UX standards.
Enhanced product accessibility and improved consistency across customer touchpoints.

Key Contributions:

Design Systems
- Android, iOS, and multi-device ecosystems.
Visual Identity - Scaled product UI while preserving brand integrity
UX Collaboration - Subscription flows, onboarding, and real-time dashboards.
Accessibility - WCAG audits, testing, and refinement.

BitmapBitmap

Smarter security, trusted by millions.

CONTACT
Circle-of-Sound 1
Eye-Signal-Eye 1
ARLO SECURITY
Juan M Montes
safe-family-bundle@2x
Bitmap

No matter what life brings, Arlo Safe is there.

ARLO SAFE
Path

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.

Goal:
Lead the visual design and system development for Arlo’s Android-based Location Tracking product. The goal was to create a cohesive design system while introducing new tracking features, scalable map interfaces, and incident reporting functionality to seamlessly aligned with the broader product ecosystem.

Role: Senior UI Designer
Focus: Design System & Visual Identity

Approach:

Migrated the existing design foundation from Sketch to Figma to enable stronger collaboration, version control, and scalability.
Built a modular Android component library optimized for performance, reusability, and alignment with Material Design standards.
Worked closely with UX to design intuitive map views, device tracking interactions, and incident management flows.
Partnered with engineering to navigate platform constraints, motion behaviors, and development requirements.

Arlo Safe Component Library Examples

Property 1=Location Marker DirectionProperty 1=PinProperty 1=Location Marker CenterProperty 1=Location Marker
Ellipse 59
A
Ellipse 59
A
Icons/Glyphs/Schedule
20 min ago
B
Live
Tracking
A
Icons/Indicator/Battery/Half
39%
Ellipse 59
A
Icons/Glyphs/Schedule
20 min ago
Ellipse 59
A
Property 1=Battery HalfProperty 1=Battery LowProperty 1=Battery Critical
My Family
Icons/Topbar Glyphs
Me
Status
A
Brian
Live
Tracking
A
Icons/Indicator/Battery/Half
39%
Kim
Check-in
Only
K
Christop..
Offline
C
My Family
Icons/Topbar Glyphs
EVENT RAILLocation Markers

65 Squire Hill Road, Springfield, USA

9:30 AM

1234 Elm Street, Springfield, USA

10:00 AM
Drive details:
10 miles distance
Top Speed
80 m/h
Me
Status
A
Brian
Live
Tracking
A
Icons/Indicator/Battery/Half
39%
Kim
Check-in
Only
K
Christop..
Offline
C
Terry
Invite
Pending
T
Add
Icons / Arrow / Left
My Family
Icons/Topbar Glyphs
Path
Path
9:29 PM
Today
EVENT RAILEVENT CIRCLEMAP FPO
65 Squire Hill Road
Arrived at Home
9:29 PM
Today
EVENT RAILEVENT CIRCLEMAP FPO
3725 Irvine Center Drive
Left Office
9:29 PM
Today
EVENT RAILEVENT CIRCLEMAP FPO
85 Brookstone Street
Checked-in
ICON HEART
9:29 PM
Today
EVENT RAILEVENT CIRCLEMAP FPO
567 South Indian Way
Recent Location
History
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
APP DESIGN
Path

Design Challenges:

Translating complex geolocation data into an interface that balances clarity, usability, and real-time updates.
Building a system flexible enough to support new features without introducing visual debt.
Maintaining alignment with Android’s Material Design guidelines while preserving the brand’s visual identity.

Solutions:

Created a scalable component system, including map UI patterns, location markers, event indicators, and incident reporting modules.
Designed responsive map views that display real-time location data, movement trails, and incident types, supported by clear hierarchies and intuitive controls.
Collaborated with engineering to refine handoff processes, ensuring that UI specifications translated accurately to functional prototypes.
Ran iterative reviews informed by user testing to refine layout decisions, edge-case behaviors, and interaction models for both Android and iOS parity.

07.11_841_631_37Device Settings > Light SettingsDevice Settings > Light Settings1_79

Color Selector designed to quickly identitify individual
family members.

1.5xColor Picker Android
OUTCOME
Path


Delivered a fully operational design system tailored for Android, now adopted across the product’s location-based services.
Supported the launch of new tracking and incident management features with improved accuracy, usability, and visual cohesion.
Enhanced cross-team workflows by improving documentation standards and design-development alignment.
Strengthened the customer experience by reducing interface complexity while supporting real-time, high-stakes tracking functionality.

Key Contributions:

Design Systems
- Android-first, map-based UI, scalable components
Visual Design - Location tracking, map interactions, and event visualization
UX Collaboration - Incident flows, tracking features, and system feedback loops
Development Partnership - Refined UI specs, prototyping accuracy, and responsive handoffs

CNET Editor's Choice
September 2024
Bitmap
ARLO SECURE
Path

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.

Role: Senior UI Designer
Focus: Design System & Visual Identity

Goal:

Design a scalable UI system and visual language to support Arlo’s new generation of home security products, including AI-driven features, real-time monitoring, and subscription services. The goal was to unify design across Android and iOS while translating the brand identity into intuitive product experiences.

Approach:

Built the foundational UI library in Sketch, then migrated and expanded the system in Figma to support broader collaboration and documentation.
Developed a flexible component system tailored for Android (Material Design) and iOS while preserving brand consistency.
Created design solutions for complex features, including device interconnectivity, real-time location tracking, emergency response, and subscription flows.
Conducted accessibility audits and refined components to meet WCAG standards.

Dashboard WidgetDashboard WidgetDashboard WidgetDashboard WidgetDashboard WidgetDashboard WidgetDashboard WidgetDashboard WidgetDashboard WidgetDashboard WidgetDashboard WidgetDashboard WidgetDashboard WidgetDashboard WidgetDashboard WidgetDashboard WidgetDashboard WidgetDashboard WidgetDashboard WidgetDashboard WidgetDashboard WidgetDashboard WidgetDashboard WidgetDashboard WidgetDashboard WidgetDashboard WidgetDashboard WidgetDashboard WidgetDashboard WidgetDashboard WidgetDashboard WidgetDashboard WidgetDashboard WidgetDashboard WidgetDashboard WidgetRectangleDashboard WidgetTap 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/OffDashboard WidgetDashboard WidgetDashboard WidgetCamera Widget/Doorbell SmallDashboard WidgetTap for Device Det CopyTitle Copy 86Path 2 Copy 7Only doorbell
APP DESIGN
Path

Design Challenges:

Balancing Material Design constraints with the brand’s visual language.
Building for a diverse ecosystem of physical devices, mobile apps, and AI-driven automation.
Creating a visual system that could scale with evolving products and cross-platform needs.

Solutions:

Developed a modular Android design system centered around a Master Component Library, semantic color systems, and adaptive UI patterns.
Designed a real-time dashboard that displays device status, live camera feeds, schedules, and emergency controls—integrating AI-driven automation seamlessly into the user flow.
Led the visual design for subscription models, balancing clarity, upsell opportunities, and seamless onboarding.
Partnered with engineering to refine motion behaviors, edge cases, and platform-specific nuances.
Integrated feedback from user testing to refine flows, reduce friction, and improve accessibility.

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

Background
Content
Group 25Group 26
battery
cellular
wifi
12:30
Card BGAndroid Bottom Bar

The LED indicator light will continue to blink blue and amber while the device is updating.

Smith Home
The device is updating…

Please wait while the device updates to the latest firmware version. This could take several minutes.

Icons/Topbar Glyphs
Arlo Gen5 BS-Front Ortho.6550 copy
x / Progress Bar
Android Bottom Bar

What do you want to do?

Remind me when I leave my backyard gate open.

Your backyard gate was left open. Would you like to be notified when it is open if no one is in the backyard?

status bar bg
12:30
batterycellular
boundsShape
Icons/Topbar Glyphs
Teachable AI
Icons/Topbar GlyphsIcons/Topbar Glyphs
Brand / Logo / Security AI

Use AI to make your home smarter and more secure. Choose from a list generated through insights, or customize your own automation.

element /  navbar
q
w
e
r
t
y
u
i
o
p
a
s
d
f
g
h
j
k
l
Shift key
x
c
v
b
n
m
Backspace
?123
,
Fill 1Fill 3
language_24px
space
.
keyboard_return_24px

Add Devices for Peace of Mind

Stay connected to your home from anywhere with live video and audio and receive instant alerts on your phone when motion is detected with Arlo Cameras.

Add a Device
image 1
status bar bg
12:30
batterycellular
boundsShape
Icons/Topbar Glyphs
Smith Home
Icons/Topbar Glyphs
Icons/Topbar GlyphsIcons/Topbar Glyphs
Android Bottom Bar
Feed
x / Feed
Dashboard
x / Dashboard
Emergency
x / Emergency
Devices
x / Devices
Routines
x / Routines
Dashboard
Feed Events
Sensor EventsFeed EventFeed EventFeed EventFeed EventFeed EventFeed EventFeed EventFeed EventFeed EventFeed EventFeed EventFeed EventFeed EventFeed EventFeed EventFeed EventFeed EventFeed EventFeed EventFeed EventSiren/PanicFeed EventFeed EventFeed EventFeed EventCamera EventsFeed EventFeed EventFeed EventFeed EventFeed EventFeed EventFeed EventFeed EventFeed EventFeed EventFeed EventFeed EventEnable and Disable events for any automation type.Feed EventFeed EventFeed EventTrigger can be a persons name, schedule, arrive/leave, general automation, or mode.Routine EventsFeed EventFeed EventFeed EventFeed EventFeed EventFeed EventFeed EventFeed EventFeed EventFeed EventFeed EventFeed Event

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

FeedEvent TypesFeed - Empty

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

OUTCOME
Path

Delivered a fully documented, scalable design system adopted across Android and iOS.
Supported successful launches of AI-powered features, location tracking, and multi-device control.
Improved cross-team collaboration by streamlining handoff processes and establishing clearer UI/UX standards.
Enhanced product accessibility and improved consistency across customer touchpoints.

Key Contributions:

Design Systems
- Android, iOS, and multi-device ecosystems.
Visual Identity - Scaled product UI while preserving brand integrity
UX Collaboration - Subscription flows, onboarding, and real-time dashboards.
Accessibility - WCAG audits, testing, and refinement.

BitmapBitmap

Smarter security, trusted by millions.

CONTACT
Circle-of-Sound 1
Eye-Signal-Eye 1
ARLO SECURITY
Juan M Montes
BitmapBitmap

Smarter security, trusted by millions.

ARLO SECURE
Path

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.

Role: Senior UI Designer
Focus: Design System & Visual Identity

Goal:

Design a scalable UI system and visual language to support Arlo’s new generation of home security products, including AI-driven features, real-time monitoring, and subscription services. The goal was to unify design across Android and iOS while translating the brand identity into intuitive product experiences.

Approach:

Built the foundational UI library in Sketch, then migrated and expanded the system in Figma to support broader collaboration and documentation.
Developed a flexible component system tailored for Android (Material Design) and iOS while preserving brand consistency.
Created design solutions for complex features, including device interconnectivity, real-time location tracking, emergency response, and subscription flows.
Conducted accessibility audits and refined components to meet WCAG standards.

Dashboard WidgetDashboard WidgetDashboard WidgetDashboard WidgetDashboard WidgetDashboard WidgetDashboard WidgetDashboard WidgetDashboard WidgetDashboard WidgetDashboard WidgetDashboard WidgetDashboard WidgetDashboard WidgetDashboard WidgetDashboard WidgetDashboard WidgetDashboard WidgetDashboard WidgetDashboard WidgetDashboard WidgetDashboard WidgetDashboard WidgetDashboard WidgetDashboard WidgetDashboard WidgetDashboard WidgetDashboard WidgetDashboard WidgetDashboard WidgetDashboard WidgetDashboard WidgetDashboard Widget
Images / Doorbell Delivery
Icons/Indicator/Battery
Now
Front Door
x / Video Controls
Dashboard WidgetDashboard WidgetDashboard WidgetDashboard WidgetDashboard WidgetRectangleDashboard WidgetTap 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/OffDashboard WidgetOnly doorbell
Feed Events
Sensor EventsFeed EventFeed EventFeed EventFeed EventFeed EventFeed EventFeed EventFeed EventFeed EventFeed EventFeed EventFeed EventFeed EventFeed EventFeed EventFeed EventFeed EventFeed EventFeed EventFeed EventSiren/PanicFeed EventFeed EventFeed EventFeed EventCamera EventsFeed EventFeed EventFeed EventFeed EventFeed EventFeed EventFeed EventFeed EventFeed EventFeed EventFeed EventFeed EventEnable and Disable events for any automation type.Feed EventFeed EventFeed EventTrigger can be a persons name, schedule, arrive/leave, general automation, or mode.Routine EventsFeed EventFeed EventFeed EventFeed EventFeed EventFeed EventFeed EventFeed EventFeed EventFeed EventFeed EventFeed Event
APP DESIGN
Path

Design Challenges:

Balancing Material Design constraints with the brand’s visual language.
Building for a diverse ecosystem of physical devices, mobile apps, and AI-driven automation.
Creating a visual system that could scale with evolving products and cross-platform needs.

Solutions:

Developed a modular Android design system centered around a Master Component Library, semantic color systems, and adaptive UI patterns.
Designed a real-time dashboard that displays device status, live camera feeds, schedules, and emergency controls—integrating AI-driven automation seamlessly into the user flow.
Led the visual design for subscription models, balancing clarity, upsell opportunities, and seamless onboarding.
Partnered with engineering to refine motion behaviors, edge cases, and platform-specific nuances.
Integrated feedback from user testing to refine flows, reduce friction, and improve accessibility.

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

Background
Content
Group 25Group 26
battery
cellular
wifi
12:30
Card BGAndroid Bottom Bar

The LED indicator light will continue to blink blue and amber while the device is updating.

Smith Home
The device is updating…

Please wait while the device updates to the latest firmware version. This could take several minutes.

Icons/Topbar Glyphs
Arlo Gen5 BS-Front Ortho.6550 copy
x / Progress Bar
Android Bottom Bar

What do you want to do?

Remind me when I leave my backyard gate open.

Your backyard gate was left open. Would you like to be notified when it is open if no one is in the backyard?

status bar bg
12:30
batterycellular
boundsShape
Icons/Topbar Glyphs
Teachable AI
Icons/Topbar GlyphsIcons/Topbar Glyphs
Brand / Logo / Security AI

Use AI to make your home smarter and more secure. Choose from a list generated through insights, or customize your own automation.

element /  navbar
q
w
e
r
t
y
u
i
o
p
a
s
d
f
g
h
j
k
l
Shift key
x
c
v
b
n
m
Backspace
?123
,
Fill 1Fill 3
language_24px
space
.
keyboard_return_24px

Add Devices for Peace of Mind

Stay connected to your home from anywhere with live video and audio and receive instant alerts on your phone when motion is detected with Arlo Cameras.

Add a Device
image 1
status bar bg
12:30
batterycellular
boundsShape
Icons/Topbar Glyphs
Smith Home
Icons/Topbar Glyphs
Icons/Topbar GlyphsIcons/Topbar Glyphs
Android Bottom Bar
Feed
x / Feed
Dashboard
x / Dashboard
Emergency
x / Emergency
Devices
x / Devices
Routines
x / Routines
Dashboard
Dashboard
Devices
Onboarding
Automation

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

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

FeedEvent TypesFeed - Empty
OUTCOME
Path

Delivered a fully documented, scalable design system adopted across Android and iOS.
Supported successful launches of AI-powered features, location tracking, and multi-device control.
Improved cross-team collaboration by streamlining handoff processes and establishing clearer UI/UX standards.
Enhanced product accessibility and improved consistency across customer touchpoints.

Key Contributions:

Design Systems
- Android, iOS, and multi-device ecosystems.
Visual Identity - Scaled product UI while preserving brand integrity
UX Collaboration - Subscription flows, onboarding, and real-time dashboards.
Accessibility - WCAG audits, testing, and refinement.

safe-family-bundle@2x
Bitmap

No matter what life brings, Arlo Safe is there.

ARLO SAFE
Path

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.

Goal:
Lead the visual design and system development for Arlo’s Android-based Location Tracking product. The goal was to create a cohesive design system while introducing new tracking features, scalable map interfaces, and incident reporting functionality to seamlessly aligned with the broader product ecosystem.

Role: Senior UI Designer
Focus: Design System & Visual Identity

Approach:

Migrated the existing design foundation from Sketch to Figma to enable stronger collaboration, version control, and scalability.
Built a modular Android component library optimized for performance, reusability, and alignment with Material Design standards.
Worked closely with UX to design intuitive map views, device tracking interactions, and incident management flows.
Partnered with engineering to navigate platform constraints, motion behaviors, and development requirements.

Arlo Safe Component Library Examples

Ellipse 59
A
Icons/Glyphs/Schedule
20 min ago
B
Live
Tracking
A
Icons/Indicator/Battery/Half
39%
Ellipse 59
A
Icons/Glyphs/Schedule
20 min ago
Ellipse 59
A
Property 1=Battery HalfProperty 1=Battery LowProperty 1=Battery Critical
Property 1=Location Marker DirectionProperty 1=PinProperty 1=Location Marker CenterProperty 1=Location Marker
Ellipse 59
A
My Family
Icons/Topbar Glyphs
Me
Status
A
Brian
Live
Tracking
A
Icons/Indicator/Battery/Half
39%
Kim
Check-in
Only
K
Christop..
Offline
C
My Family
Icons/Topbar Glyphs
EVENT RAILLocation Markers

65 Squire Hill Road, Springfield, USA

9:30 AM

1234 Elm Street, Springfield, USA

10:00 AM
Drive details:
10 miles distance
Top Speed
80 m/h
Me
Status
A
Brian
Live
Tracking
A
Icons/Indicator/Battery/Half
39%
Kim
Check-in
Only
K
Christop..
Offline
C
Terry
Invite
Pending
T
Add
Icons / Arrow / Left
My Family
Icons/Topbar Glyphs
Path
Path
9:29 PM
Today
EVENT RAILEVENT CIRCLEMAP FPO
65 Squire Hill Road
Arrived at Home
9:29 PM
Today
EVENT RAILEVENT CIRCLEMAP FPO
3725 Irvine Center Drive
Left Office
9:29 PM
Today
EVENT RAILEVENT CIRCLEMAP FPO
85 Brookstone Street
Checked-in
ICON HEART
9:29 PM
Today
EVENT RAILEVENT CIRCLEMAP FPO
567 South Indian Way
Recent Location
History
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
APP DESIGN
Path

Design Challenges:

Translating complex geolocation data into an interface that balances clarity, usability, and real-time updates.
Building a system flexible enough to support new features without introducing visual debt.
Maintaining alignment with Android’s Material Design guidelines while preserving the brand’s visual identity.

Solutions:

Created a scalable component system, including map UI patterns, location markers, event indicators, and incident reporting modules.
Designed responsive map views that display real-time location data, movement trails, and incident types, supported by clear hierarchies and intuitive controls.
Collaborated with engineering to refine handoff processes, ensuring that UI specifications translated accurately to functional prototypes.
Ran iterative reviews informed by user testing to refine layout decisions, edge-case behaviors, and interaction models for both Android and iOS parity.

07.11_841_631_371_791.5xColor Picker AndroidDevice Settings > Light SettingsDevice Settings > Light Settings

Color Selector designed to quickly identitify individual
family members.

OUTCOME
Path


Delivered a fully operational design system tailored for Android, now adopted across the product’s location-based services.
Supported the launch of new tracking and incident management features with improved accuracy, usability, and visual cohesion.
Enhanced cross-team workflows by improving documentation standards and design-development alignment.
Strengthened the customer experience by reducing interface complexity while supporting real-time, high-stakes tracking functionality.

Key Contributions:

Design Systems
- Android-first, map-based UI, scalable components
Visual Design - Location tracking, map interactions, and event visualization
UX Collaboration - Incident flows, tracking features, and system feedback loops
Development Partnership - Refined UI specs, prototyping accuracy, and responsive handoffs

CNET Editor's Choice
September 2024
Bitmap

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

CONTACT
Circle-of-Sound 1
Eye-Signal-Eye 1
BitmapBitmap

Smarter security, trusted by millions.

ARLO SECURE
Path

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.

Role: Senior UI Designer
Focus: Design System & Visual Identity

Goal:

Design a scalable UI system and visual language to support Arlo’s new generation of home security products, including AI-driven features, real-time monitoring, and subscription services. The goal was to unify design across Android and iOS while translating the brand identity into intuitive product experiences.

Approach:

Built the foundational UI library in Sketch, then migrated and expanded the system in Figma to support broader collaboration and documentation.
Developed a flexible component system tailored for Android (Material Design) and iOS while preserving brand consistency.
Created design solutions for complex features, including device interconnectivity, real-time location tracking, emergency response, and subscription flows.
Conducted accessibility audits and refined components to meet WCAG standards.

Dashboard WidgetDashboard WidgetDashboard WidgetDashboard WidgetDashboard WidgetDashboard WidgetDashboard WidgetDashboard WidgetDashboard WidgetDashboard WidgetDashboard WidgetDashboard WidgetDashboard WidgetDashboard WidgetDashboard WidgetDashboard WidgetDashboard WidgetDashboard WidgetDashboard WidgetDashboard WidgetDashboard WidgetDashboard WidgetDashboard WidgetDashboard WidgetDashboard WidgetDashboard WidgetDashboard WidgetDashboard WidgetDashboard WidgetDashboard WidgetDashboard WidgetDashboard WidgetDashboard Widget
Images / Doorbell Delivery
Icons/Indicator/Battery
Now
Front Door
x / Video Controls
Dashboard WidgetDashboard WidgetDashboard WidgetDashboard WidgetDashboard WidgetRectangleDashboard WidgetTap 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/OffDashboard WidgetOnly doorbell
Feed Events
Sensor EventsFeed EventFeed EventFeed EventFeed EventFeed EventFeed EventFeed EventFeed EventFeed EventFeed EventFeed EventFeed EventFeed EventFeed EventFeed EventFeed EventFeed EventFeed EventFeed EventFeed EventSiren/PanicFeed EventFeed EventFeed EventFeed EventCamera EventsFeed EventFeed EventFeed EventFeed EventFeed EventFeed EventFeed EventFeed EventFeed EventFeed EventFeed EventFeed EventEnable and Disable events for any automation type.Feed EventFeed EventFeed EventTrigger can be a persons name, schedule, arrive/leave, general automation, or mode.Routine EventsFeed EventFeed EventFeed EventFeed EventFeed EventFeed EventFeed EventFeed EventFeed EventFeed EventFeed EventFeed Event
APP DESIGN
Path

Design Challenges:

Balancing Material Design constraints with the brand’s visual language.
Building for a diverse ecosystem of physical devices, mobile apps, and AI-driven automation.
Creating a visual system that could scale with evolving products and cross-platform needs.

Solutions:

Developed a modular Android design system centered around a Master Component Library, semantic color systems, and adaptive UI patterns.
Designed a real-time dashboard that displays device status, live camera feeds, schedules, and emergency controls—integrating AI-driven automation seamlessly into the user flow.
Led the visual design for subscription models, balancing clarity, upsell opportunities, and seamless onboarding.
Partnered with engineering to refine motion behaviors, edge cases, and platform-specific nuances.
Integrated feedback from user testing to refine flows, reduce friction, and improve accessibility.

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

Background
Content
Group 25Group 26
battery
cellular
wifi
12:30
Card BGAndroid Bottom Bar

The LED indicator light will continue to blink blue and amber while the device is updating.

Smith Home
The device is updating…

Please wait while the device updates to the latest firmware version. This could take several minutes.

Icons/Topbar Glyphs
Arlo Gen5 BS-Front Ortho.6550 copy
x / Progress Bar
Android Bottom Bar

What do you want to do?

Remind me when I leave my backyard gate open.

Your backyard gate was left open. Would you like to be notified when it is open if no one is in the backyard?

status bar bg
12:30
batterycellular
boundsShape
Icons/Topbar Glyphs
Teachable AI
Icons/Topbar GlyphsIcons/Topbar Glyphs
Brand / Logo / Security AI

Use AI to make your home smarter and more secure. Choose from a list generated through insights, or customize your own automation.

element /  navbar
q
w
e
r
t
y
u
i
o
p
a
s
d
f
g
h
j
k
l
Shift key
x
c
v
b
n
m
Backspace
?123
,
Fill 1Fill 3
language_24px
space
.
keyboard_return_24px

Add Devices for Peace of Mind

Stay connected to your home from anywhere with live video and audio and receive instant alerts on your phone when motion is detected with Arlo Cameras.

Add a Device
image 1
status bar bg
12:30
batterycellular
boundsShape
Icons/Topbar Glyphs
Smith Home
Icons/Topbar Glyphs
Icons/Topbar GlyphsIcons/Topbar Glyphs
Android Bottom Bar
Feed
x / Feed
Dashboard
x / Dashboard
Emergency
x / Emergency
Devices
x / Devices
Routines
x / Routines
Dashboard
Dashboard
Devices
Onboarding
Automation

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

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

FeedEvent TypesFeed - Empty
OUTCOME
Path

Delivered a fully documented, scalable design system adopted across Android and iOS.
Supported successful launches of AI-powered features, location tracking, and multi-device control.
Improved cross-team collaboration by streamlining handoff processes and establishing clearer UI/UX standards.
Enhanced product accessibility and improved consistency across customer touchpoints.

Key Contributions:

Design Systems
- Android, iOS, and multi-device ecosystems.
Visual Identity - Scaled product UI while preserving brand integrity
UX Collaboration - Subscription flows, onboarding, and real-time dashboards.
Accessibility - WCAG audits, testing, and refinement.

safe-family-bundle@2x
Bitmap

No matter what life brings, Arlo Safe is there.

ARLO SAFE
Path

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.

Goal:
Lead the visual design and system development for Arlo’s Android-based Location Tracking product. The goal was to create a cohesive design system while introducing new tracking features, scalable map interfaces, and incident reporting functionality to seamlessly aligned with the broader product ecosystem.

Role: Senior UI Designer
Focus: Design System & Visual Identity

Approach:

Migrated the existing design foundation from Sketch to Figma to enable stronger collaboration, version control, and scalability.
Built a modular Android component library optimized for performance, reusability, and alignment with Material Design standards.
Worked closely with UX to design intuitive map views, device tracking interactions, and incident management flows.
Partnered with engineering to navigate platform constraints, motion behaviors, and development requirements.

Arlo Safe Component Library Examples

Ellipse 59
A
Icons/Glyphs/Schedule
20 min ago
B
Live
Tracking
A
Icons/Indicator/Battery/Half
39%
Ellipse 59
A
Icons/Glyphs/Schedule
20 min ago
Ellipse 59
A
Property 1=Battery HalfProperty 1=Battery LowProperty 1=Battery Critical
Property 1=Location Marker DirectionProperty 1=PinProperty 1=Location Marker CenterProperty 1=Location Marker
Ellipse 59
A
My Family
Icons/Topbar Glyphs
Me
Status
A
Brian
Live
Tracking
A
Icons/Indicator/Battery/Half
39%
Kim
Check-in
Only
K
Christop..
Offline
C
My Family
Icons/Topbar Glyphs
EVENT RAILLocation Markers

65 Squire Hill Road, Springfield, USA

9:30 AM

1234 Elm Street, Springfield, USA

10:00 AM
Drive details:
10 miles distance
Top Speed
80 m/h
Me
Status
A
Brian
Live
Tracking
A
Icons/Indicator/Battery/Half
39%
Kim
Check-in
Only
K
Christop..
Offline
C
Terry
Invite
Pending
T
Add
Icons / Arrow / Left
My Family
Icons/Topbar Glyphs
Path
Path
9:29 PM
Today
EVENT RAILEVENT CIRCLEMAP FPO
65 Squire Hill Road
Arrived at Home
9:29 PM
Today
EVENT RAILEVENT CIRCLEMAP FPO
3725 Irvine Center Drive
Left Office
9:29 PM
Today
EVENT RAILEVENT CIRCLEMAP FPO
85 Brookstone Street
Checked-in
ICON HEART
9:29 PM
Today
EVENT RAILEVENT CIRCLEMAP FPO
567 South Indian Way
Recent Location
History
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
APP DESIGN
Path

Design Challenges:

Translating complex geolocation data into an interface that balances clarity, usability, and real-time updates.
Building a system flexible enough to support new features without introducing visual debt.
Maintaining alignment with Android’s Material Design guidelines while preserving the brand’s visual identity.

Solutions:

Created a scalable component system, including map UI patterns, location markers, event indicators, and incident reporting modules.
Designed responsive map views that display real-time location data, movement trails, and incident types, supported by clear hierarchies and intuitive controls.
Collaborated with engineering to refine handoff processes, ensuring that UI specifications translated accurately to functional prototypes.
Ran iterative reviews informed by user testing to refine layout decisions, edge-case behaviors, and interaction models for both Android and iOS parity.

07.11_841_631_371_791.5xColor Picker AndroidDevice Settings > Light SettingsDevice Settings > Light Settings

Color Selector designed to quickly identitify individual
family members.

OUTCOME
Path


Delivered a fully operational design system tailored for Android, now adopted across the product’s location-based services.
Supported the launch of new tracking and incident management features with improved accuracy, usability, and visual cohesion.
Enhanced cross-team workflows by improving documentation standards and design-development alignment.
Strengthened the customer experience by reducing interface complexity while supporting real-time, high-stakes tracking functionality.

Key Contributions:

Design Systems
- Android-first, map-based UI, scalable components
Visual Design - Location tracking, map interactions, and event visualization
UX Collaboration - Incident flows, tracking features, and system feedback loops
Development Partnership - Refined UI specs, prototyping accuracy, and responsive handoffs

CNET Editor's Choice
September 2024
Bitmap
ARLO SECURITY
Juan M Montes
CONTACT
Circle-of-Sound 1
Eye-Signal-Eye 1