ARLO SECURITY
Juan 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.

Bitmap
Bitmap
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
Title Copy 86Path 2 Copy 7Title Copy 89Path 2 Copy 10Dashboard WidgetDashboard Widget-1Dashboard Widget-2Dashboard Widget-3Dashboard Widget-4Dashboard Widget-5Dashboard Widget-6Dashboard Widget-7Dashboard Widget-8Dashboard Widget-9Dashboard Widget-10Dashboard Widget-11Dashboard Widget-12Dashboard Widget-13Dashboard Widget-14Dashboard Widget-15Dashboard Widget-16Dashboard Widget-17Dashboard Widget-18Dashboard Widget-19Dashboard Widget-20Dashboard Widget-21Dashboard Widget-22Dashboard Widget-23Dashboard Widget-24Dashboard Widget-25Dashboard Widget-26Dashboard Widget-27Dashboard Widget-28Dashboard Widget-29Dashboard Widget-30Dashboard Widget-31Dashboard Widget-32Dashboard Widget-33Dashboard Widget-34Dashboard Widget-35Dashboard Widget-36Dashboard Widget-37Dashboard Widget-38RectangleDashboard Widget-39Tap to see the DevNumbering Copy 28Numbering Copy 29Numbering Copy 26Numbering Copy 27OffOffTap sets the devicTap and hold devicTap for Device Det CopyTap_ Device Detail VTitle Copy 94Only doorbellScreenshot 2025-04-27 at 9.44.39PM
Path
PathPathPathPathPathShapePathPathPathPathShape
ShapeShapeShapePath
Path
Path
PathPathPathShape
ShapeShapePath
Shape
ShapePathShapeShapePathPathPathPathPathPathShapePathPath
ShapeShapeShape
Shape
Shape
Path
Shape
Shape
Shape
Shape
Shape
Shape
Shape
Shape
Path
Shape
Shape
Shape
Shape
Shape
Shape
Path
Path
Path
Path
Shape
Shape
Shape
Shape
ShapePath
Shape
PathShapeShape
ShapePath
Path
Path
Path
ShapeShapeShapePathPath
Shape
ShapeShapeShapeShapePathPathShape
PathPathShapePathShapePathShapePathShapePathShape
Path
ShapeShape
ShapeShape
ShapeShape
ShapeShape
ShapeShapePathPath
Shape
PathShapePath
Path
PathPath
ShapeShapeShapeShape
ShapeShape
ShapeShapeShape
ShapeShapeShapePathPath
Shape
PathShapePath
Path
PathPath
ShapeShapeShapeShapePathPathShape
PathPathShapePathShapePathShapePathShapePathShape
Path
Shape
ShapeShapeShapeShape
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.

UX Screen GroupFeed Event-50Feed Event-49Feed Event-48Feed Event-47Feed Event-46Feed Event-45Feed Event-44Feed Event-43Feed Event-42Feed Event-41Feed Event-40Feed Event-39Routine EventsFeed Event-38Feed Event-37Feed Event-36Enable and Disable events for any automation type.Feed Event-35Feed Event-34Feed Event-33Feed Event-32Feed Event-31Feed Event-30Feed Event-29Feed Event-28Feed Event-27Feed Event-26Feed Event-25Feed Event-24Feed Event-23Feed Event-22Feed Event-21Feed Event-20leave, general automation, or mode.PanicFeed Event-19Feed Event-18Feed Event-17Feed Event-16Feed Event-15Feed Event-14Feed Event-13Feed Event-12Feed Event-11Feed Event-10Feed Event-9Feed Event-8Feed Event-7Feed Event-6Feed Event-5Feed Event-4Feed Event-3Feed Event-2Feed Event-1Feed EventSensor EventsCamera Events

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
Property 1=CollapsedProperty 1=Default
Property 1=Drive Details
Property 1=Full
Property 1=Location Marker DirectionProperty 1=PinProperty 1=Location Marker CenterProperty 1=Location MarkerProperty 1=Person, Property 2=Location Marker-1
Color Picker
PathShapeShapePath
Clipped
ShapeShapeShapePath
Clipped
ShapeShapeShapePath
Clipped
Shape
PathShapeShapePath
Clipped
ShapePathPathPathPathPathPathPathPathPath
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
MapPathShape
ShapeShape
PathPathShape
PathShapeShapePathPathShape
ShapePathPathShape
Path
Shape
Shape
PathShape
Shape
Path
Path
Shape
PathPathShape
ShapeShape
ShapeShape
PathShapeShape
Shape
Path
1_84
PathPath
Clipped
MapMedian Rent 2
Shape
Shape
PathShape
Shape
Path
Path
Shape
PathPathShape
ShapeShape
ShapeShape
PathShapeShape
Path
Path
Path
Path
ShapeShapeShape
PathPathShape
PathShapeShapePathPathShape
ShapePathPathShape
Path
ShapePathPathPathPathPath
PathPath
Clipped
Path
Shape
PathPathShape
PathShapeShapePathPathShape
ShapePathPathShape
Path
Shape
ShapePathShapeShape
PathShape
Shape
Path
Path
Shape
PathPathShape
Shape
ShapeShape
PathShapeShape
PathPathShapePathPathShapePathPathPathShape
PathPath
ShapeShapeShapeShape
Shape
PathPath
Shape
ShapePathShapePathPathShape
Oval
Path
Shape
Shape
Shape
PathPath
Shape
ShapePathShapePathPathShape
Oval
Path
Shape
Shape
Shape
Color Picker Android

Color Selector designed to quickly identitify individual
family members.

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

©2025 JUAN MONTES THE FUTUREBONES
LOS ANGELES CA

contact
illustration
design stories

©2025 JUAN MONTES THE FUTUREBONES
LOS ANGELES CA

ARLO SECURITY
Juan Montes
contact
design stories

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
BitmapBitmap
Title Copy 86Path 2 Copy 7Title Copy 89Path 2 Copy 10Dashboard WidgetDashboard Widget-1Dashboard Widget-2Dashboard Widget-3Dashboard Widget-4Dashboard Widget-5Dashboard Widget-6Dashboard Widget-7Dashboard Widget-8Dashboard Widget-9Dashboard Widget-10Dashboard Widget-11Dashboard Widget-12Dashboard Widget-13Dashboard Widget-14Dashboard Widget-15Dashboard Widget-16Dashboard Widget-17Dashboard Widget-18Dashboard Widget-19Dashboard Widget-20Dashboard Widget-21Dashboard Widget-22Dashboard Widget-23Dashboard Widget-24Dashboard Widget-25Dashboard Widget-26Dashboard Widget-27Dashboard Widget-28Dashboard Widget-29Dashboard Widget-30Dashboard Widget-31Dashboard Widget-32Dashboard Widget-33Dashboard Widget-34Dashboard Widget-35Dashboard Widget-36Dashboard Widget-37Dashboard Widget-38RectangleDashboard Widget-39Tap to see the DevNumbering Copy 28Numbering Copy 29Numbering Copy 26Numbering Copy 27OffOffTap sets the devicTap and hold devicTap for Device Det CopyTap_ Device Detail VTitle Copy 94Only doorbellScreenshot 2025-04-27 at 9.44.39PM
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
PathPathPathShape
ShapeShapePath
Shape
ShapePathShapeShapePathPathPathPathPathPathShapePathPath
ShapeShapeShape
Shape
Shape
Path
Shape
Shape
Shape
Shape
Shape
Shape
Shape
Shape
Path
Shape
Shape
Shape
Shape
Shape
Shape
Path
Path
Path
Path
Shape
Shape
Shape
Shape
ShapePath
Shape
PathShapeShape
ShapePath
Path
Path
Automation
Path
ShapeShapeShapePathPath
Shape
ShapeShapeShapeShapePathPathShape
PathPathShapePathShapePathShapePathShapePathShape
Devices
Path
ShapeShape
ShapeShape
ShapeShape
ShapeShape
ShapeShapePathPath
Shape
PathShapePath
Path
PathPath
ShapeShapeShapeShape
ShapeShape
ShapeShapeShape
ShapeShapeShapePathPath
Shape
PathShapePath
Path
PathPath
ShapeShapeShapeShapePathPathShape
PathPathShapePathShapePathShapePathShapePathShape
Path
Shape
ShapeShapeShapeShape
Dashboard

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

Bitmap
safe-family-bundle@2x

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
Property 1=CollapsedProperty 1=DefaultProperty 1=Drive DetailsProperty 1=Full
Color Picker
PathShapeShapePath
Clipped
ShapeShapeShapePath
Clipped
ShapeShapeShapePath
Clipped
Shape
PathShapeShapePath
Clipped
ShapePathPathPathPathPathPathPathPathPath
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
MapPathShape
ShapeShape
PathPathShape
PathShapeShapePathPathShape
ShapePathPathShape
Path
Shape
Shape
PathShape
Shape
Path
Path
Shape
PathPathShape
ShapeShape
ShapeShape
PathShapeShape
Shape
Path
1_84
PathPath
Clipped
MapMedian Rent 2
Shape
Shape
PathShape
Shape
Path
Path
Shape
PathPathShape
ShapeShape
ShapeShape
PathShapeShape
Path
Path
Path
Path
ShapeShapeShape
PathPathShape
PathShapeShapePathPathShape
ShapePathPathShape
Path
ShapePathPathPathPathPath
PathPath
Clipped
Path
Shape
PathPathShape
PathShapeShapePathPathShape
ShapePathPathShape
Path
Shape
ShapePathShapeShape
PathShape
Shape
Path
Path
Shape
PathPathShape
Shape
ShapeShape
PathShapeShape
PathPathShapePathPathShapePathPathPathShape
PathPath
ShapeShapeShapeShape
Shape
PathPath
Shape
ShapePathShapePathPathShape
Oval
Path
Shape
Shape
Shape
PathPath
Shape
ShapePathShapePathPathShape
Oval
Path
Shape
Shape
Shape
Color Picker Android

Color Selector designed to quickly identitify individual
family members.

UX Screen GroupFeed Event-50Feed Event-49Feed Event-48Feed Event-47Feed Event-46Feed Event-45Feed Event-44Feed Event-43Feed Event-42Feed Event-41Feed Event-40Feed Event-39Routine EventsFeed Event-38Feed Event-37Feed Event-36Enable and Disable events for any automation type.Feed Event-35Feed Event-34Feed Event-33Feed Event-32Feed Event-31Feed Event-30Feed Event-29Feed Event-28Feed Event-27Feed Event-26Feed Event-25Feed Event-24Feed Event-23Feed Event-22Feed Event-21Feed Event-20leave, general automation, or mode.PanicFeed Event-19Feed Event-18Feed Event-17Feed Event-16Feed Event-15Feed Event-14Feed Event-13Feed Event-12Feed Event-11Feed Event-10Feed Event-9Feed Event-8Feed Event-7Feed Event-6Feed Event-5Feed Event-4Feed Event-3Feed Event-2Feed Event-1Feed EventSensor EventsCamera Events

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

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.

Bitmap
safe-family-bundle@2x
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
Property 1=CollapsedProperty 1=Default
Property 1=Drive Details
Property 1=Full
Color Picker
PathShapeShapePath
Clipped
ShapeShapeShapePath
Clipped
ShapeShapeShapePath
Clipped
Shape
PathShapeShapePath
Clipped
ShapePathPathPathPathPathPathPathPathPath
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
PathPathPathShape
ShapeShapePath
Shape
ShapePathShapeShapePathPathPathPathPathPathShapePathPath
ShapeShapeShape
Shape
Shape
Path
Shape
Shape
Shape
Shape
Shape
Shape
Shape
Shape
Path
Shape
Shape
Shape
Shape
Shape
Shape
Path
Path
Path
Path
Shape
Shape
Shape
Shape
ShapePath
Shape
PathShapeShape
ShapePath
Path
Path
Path
ShapeShapeShapePathPath
Shape
ShapeShapeShapeShapePathPathShape
PathPathShapePathShapePathShapePathShapePathShape
Path
ShapeShape
ShapeShape
ShapeShape
ShapeShape
ShapeShapePathPath
Shape
PathShapePath
Path
PathPath
ShapeShapeShapeShape
ShapeShape
ShapeShapeShape
ShapeShapeShapePathPath
Shape
PathShapePath
Path
PathPath
ShapeShapeShapeShapePathPathShape
PathPathShapePathShapePathShapePathShapePathShape
Path
Shape
ShapeShapeShapeShape
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.

UX Screen GroupFeed Event-50Feed Event-49Feed Event-48Feed Event-47Feed Event-46Feed Event-45Feed Event-44Feed Event-43Feed Event-42Feed Event-41Feed Event-40Feed Event-39Routine EventsFeed Event-38Feed Event-37Feed Event-36Enable and Disable events for any automation type.Feed Event-35Feed Event-34Feed Event-33Feed Event-32Feed Event-31Feed Event-30Feed Event-29Feed Event-28Feed Event-27Feed Event-26Feed Event-25Feed Event-24Feed Event-23Feed Event-22Feed Event-21Feed Event-20leave, general automation, or mode.PanicFeed Event-19Feed Event-18Feed Event-17Feed Event-16Feed Event-15Feed Event-14Feed Event-13Feed Event-12Feed Event-11Feed Event-10Feed Event-9Feed Event-8Feed Event-7Feed Event-6Feed Event-5Feed Event-4Feed Event-3Feed Event-2Feed Event-1Feed EventSensor EventsCamera Events

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

Title Copy 86Path 2 Copy 7Title Copy 89Path 2 Copy 10Dashboard WidgetDashboard Widget-1Dashboard Widget-2Dashboard Widget-3Dashboard Widget-4Dashboard Widget-5Dashboard Widget-6Dashboard Widget-7Dashboard Widget-8Dashboard Widget-9Dashboard Widget-10Dashboard Widget-11Dashboard Widget-12Dashboard Widget-13Dashboard Widget-14Dashboard Widget-15Dashboard Widget-16Dashboard Widget-17Dashboard Widget-18Dashboard Widget-19Dashboard Widget-20Dashboard Widget-21Dashboard Widget-22Dashboard Widget-23Dashboard Widget-24Dashboard Widget-25Dashboard Widget-26Dashboard Widget-27Dashboard Widget-28Dashboard Widget-29Dashboard Widget-30Dashboard Widget-31Dashboard Widget-32Dashboard Widget-33Dashboard Widget-34Dashboard Widget-35Dashboard Widget-36Dashboard Widget-37Dashboard Widget-38RectangleDashboard Widget-39Tap to see the DevNumbering Copy 28Numbering Copy 29Numbering Copy 26Numbering Copy 27OffOffTap sets the devicTap and hold devicTap for Device Det CopyTap_ Device Detail VTitle Copy 94Only doorbellScreenshot 2025-04-27 at 9.44.39PM
FeedEvent TypesFeed - Empty
MapPathShape
ShapeShape
PathPathShape
PathShapeShapePathPathShape
ShapePathPathShape
Path
Shape
Shape
PathShape
Shape
Path
Path
Shape
PathPathShape
ShapeShape
ShapeShape
PathShapeShape
Shape
Path
1_84
PathPath
Clipped
MapMedian Rent 2
Shape
Shape
PathShape
Shape
Path
Path
Shape
PathPathShape
ShapeShape
ShapeShape
PathShapeShape
Path
Path
Path
Path
ShapeShapeShape
PathPathShape
PathShapeShapePathPathShape
ShapePathPathShape
Path
ShapePathPathPathPathPath
PathPath
Clipped
Path
Shape
PathPathShape
PathShapeShapePathPathShape
ShapePathPathShape
Path
Shape
ShapePathShapeShape
PathShape
Shape
Path
Path
Shape
PathPathShape
Shape
ShapeShape
PathShapeShape
PathPathShapePathPathShapePathPathPathShape
PathPath
ShapeShapeShapeShape
Shape
PathPath
Shape
ShapePathShapePathPathShape
Oval
Path
Shape
Shape
Shape
PathPath
Shape
ShapePathShapePathPathShape
Oval
Path
Shape
Shape
Shape
Color Picker Android

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 Montes

©2025 JUAN MONTES
THE FUTUREBONES
LOS ANGELES CA

Bitmap
Bitmap
contact
illustration
design stories
Message Center
CNET Editor's Choice
September 2024
Bitmap

©2025 JUAN MONTES THE FUTUREBONES
LOS ANGELES CA

ARLO SECURITY
Juan Montes
contact
design stories

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
BitmapBitmap
Title Copy 86Path 2 Copy 7Title Copy 89Path 2 Copy 10Dashboard WidgetDashboard Widget-1Dashboard Widget-2Dashboard Widget-3Dashboard Widget-4Dashboard Widget-5Dashboard Widget-6Dashboard Widget-7Dashboard Widget-8Dashboard Widget-9Dashboard Widget-10Dashboard Widget-11Dashboard Widget-12Dashboard Widget-13Dashboard Widget-14Dashboard Widget-15Dashboard Widget-16Dashboard Widget-17Dashboard Widget-18Dashboard Widget-19Dashboard Widget-20Dashboard Widget-21Dashboard Widget-22Dashboard Widget-23Dashboard Widget-24Dashboard Widget-25Dashboard Widget-26Dashboard Widget-27Dashboard Widget-28Dashboard Widget-29Dashboard Widget-30Dashboard Widget-31Dashboard Widget-32Dashboard Widget-33Dashboard Widget-34Dashboard Widget-35Dashboard Widget-36Dashboard Widget-37Dashboard Widget-38RectangleDashboard Widget-39Tap to see the DevNumbering Copy 28Numbering Copy 29Numbering Copy 26Numbering Copy 27OffOffTap sets the devicTap and hold devicTap for Device Det CopyTap_ Device Detail VTitle Copy 94Only doorbellScreenshot 2025-04-27 at 9.44.39PM
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
PathPathPathShape
ShapeShapePath
Shape
ShapePathShapeShapePathPathPathPathPathPathShapePathPath
ShapeShapeShape
Shape
Shape
Path
Shape
Shape
Shape
Shape
Shape
Shape
Shape
Shape
Path
Shape
Shape
Shape
Shape
Shape
Shape
Path
Path
Path
Path
Shape
Shape
Shape
Shape
ShapePath
Shape
PathShapeShape
ShapePath
Path
Path
Automation
Path
ShapeShapeShapePathPath
Shape
ShapeShapeShapeShapePathPathShape
PathPathShapePathShapePathShapePathShapePathShape
Devices
Path
ShapeShape
ShapeShape
ShapeShape
ShapeShape
ShapeShapePathPath
Shape
PathShapePath
Path
PathPath
ShapeShapeShapeShape
ShapeShape
ShapeShapeShape
ShapeShapeShapePathPath
Shape
PathShapePath
Path
PathPath
ShapeShapeShapeShapePathPathShape
PathPathShapePathShapePathShapePathShapePathShape
Path
Shape
ShapeShapeShapeShape
Dashboard

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

Bitmap
safe-family-bundle@2x

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
Property 1=CollapsedProperty 1=DefaultProperty 1=Drive DetailsProperty 1=Full
Color Picker
PathShapeShapePath
Clipped
ShapeShapeShapePath
Clipped
ShapeShapeShapePath
Clipped
Shape
PathShapeShapePath
Clipped
ShapePathPathPathPathPathPathPathPathPath
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
MapPathShape
ShapeShape
PathPathShape
PathShapeShapePathPathShape
ShapePathPathShape
Path
Shape
Shape
PathShape
Shape
Path
Path
Shape
PathPathShape
ShapeShape
ShapeShape
PathShapeShape
Shape
Path
1_84
PathPath
Clipped
MapMedian Rent 2
Shape
Shape
PathShape
Shape
Path
Path
Shape
PathPathShape
ShapeShape
ShapeShape
PathShapeShape
Path
Path
Path
Path
ShapeShapeShape
PathPathShape
PathShapeShapePathPathShape
ShapePathPathShape
Path
ShapePathPathPathPathPath
PathPath
Clipped
Path
Shape
PathPathShape
PathShapeShapePathPathShape
ShapePathPathShape
Path
Shape
ShapePathShapeShape
PathShape
Shape
Path
Path
Shape
PathPathShape
Shape
ShapeShape
PathShapeShape
PathPathShapePathPathShapePathPathPathShape
PathPath
ShapeShapeShapeShape
Shape
PathPath
Shape
ShapePathShapePathPathShape
Oval
Path
Shape
Shape
Shape
PathPath
Shape
ShapePathShapePathPathShape
Oval
Path
Shape
Shape
Shape
Color Picker Android

Color Selector designed to quickly identitify individual
family members.

UX Screen GroupFeed Event-50Feed Event-49Feed Event-48Feed Event-47Feed Event-46Feed Event-45Feed Event-44Feed Event-43Feed Event-42Feed Event-41Feed Event-40Feed Event-39Routine EventsFeed Event-38Feed Event-37Feed Event-36Enable and Disable events for any automation type.Feed Event-35Feed Event-34Feed Event-33Feed Event-32Feed Event-31Feed Event-30Feed Event-29Feed Event-28Feed Event-27Feed Event-26Feed Event-25Feed Event-24Feed Event-23Feed Event-22Feed Event-21Feed Event-20leave, general automation, or mode.PanicFeed Event-19Feed Event-18Feed Event-17Feed Event-16Feed Event-15Feed Event-14Feed Event-13Feed Event-12Feed Event-11Feed Event-10Feed Event-9Feed Event-8Feed Event-7Feed Event-6Feed Event-5Feed Event-4Feed Event-3Feed Event-2Feed Event-1Feed EventSensor EventsCamera Events

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