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
65 Squire Hill Road, Springfield, USA
1234 Elm Street, Springfield, USA
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.
Color Selector designed to quickly identitify individual
family members.
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
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.
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.
The LED indicator light will continue to blink blue and amber while the device is updating.
Please wait while the device updates to the latest firmware version. This could take several minutes.
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?
Use AI to make your home smarter and more secure. Choose from a list generated through insights, or customize your own automation.
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.
Example of components and icon indicators for all Camera, Routine, Sensor, and Thermostat events used in the Feed screen.
Components are designed to deliver event details for the user at a glance.
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.
Smarter security, trusted by millions.
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
65 Squire Hill Road, Springfield, USA
1234 Elm Street, Springfield, USA
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.
Color Selector designed to quickly identitify individual
family members.
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
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.
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.
The LED indicator light will continue to blink blue and amber while the device is updating.
Please wait while the device updates to the latest firmware version. This could take several minutes.
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?
Use AI to make your home smarter and more secure. Choose from a list generated through insights, or customize your own automation.
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.
Example of components and icon indicators for all Camera, Routine, Sensor, and Thermostat events used in the Feed screen.
Components are designed to deliver event details for the user at a glance.
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.
Smarter security, trusted by millions.
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.
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.
The LED indicator light will continue to blink blue and amber while the device is updating.
Please wait while the device updates to the latest firmware version. This could take several minutes.
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?
Use AI to make your home smarter and more secure. Choose from a list generated through insights, or customize your own automation.
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.
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.
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.
No matter what life brings, Arlo Safe is there.
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
65 Squire Hill Road, Springfield, USA
1234 Elm Street, Springfield, USA
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.
Color Selector designed to quickly identitify individual
family members.
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
Client - Petnet, Inc., Makers of Petnet SmartFeeder products
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.
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.
The LED indicator light will continue to blink blue and amber while the device is updating.
Please wait while the device updates to the latest firmware version. This could take several minutes.
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?
Use AI to make your home smarter and more secure. Choose from a list generated through insights, or customize your own automation.
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.
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.
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.
No matter what life brings, Arlo Safe is there.
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
65 Squire Hill Road, Springfield, USA
1234 Elm Street, Springfield, USA
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.
Color Selector designed to quickly identitify individual
family members.
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