Kangaroo

Home Security App

Responsibilities

Mobile, Research, UI/UX, Visual, Illustration

Role

Senior Product Designer

Duration

4 Weeks

Tools

Figma, Sketch, Adobe

Kangaroo

Home Security App

Responsibilities

Mobile, Research, UI/UX, Visual, Illustration

Role

Senior Product Designer

Duration

4 Weeks

Tools

Figma, Sketch, Adobe

Kangaroo

Home Security App

Responsibilities

Product, research, IA, UI/UX, visual

Role

Senior Product Designer

Duration

4 Weeks

Tools

Figma, Sketch, Adobe

Overview

Overview

Overview

This case study highlights how I led the inception of the Kangaroo mobile app. As the Founding Designer, I worked directly with the co-founders on product strategy and led the design vision of the Kangaroo mobile app.

This case study highlights how I led the inception of the Kangaroo mobile app. As the Founding Designer, I worked directly with the co-founders on product strategy and led the design vision of the Kangaroo mobile app.

This case study highlights how I led the inception of the Kangaroo mobile app. As the Founding Designer, I worked directly with the co-founders on product strategy and led the design vision of the Kangaroo mobile app.

What is Kangaroo?

What is Kangaroo?

What does the Kangaroo mobile app do?

What does the Kangaroo mobile app do?

What was the objective of this project?

What was the objective of this project?

DISCOVER

DISCOVER

DISCOVER

Understanding Pain Points

Understanding Pain Points

Understanding Pain Points

Collaborating with the co-founders, I set out to uncover the pain points within the home security landscape. My goal was to gather valuable insights to shape Kangaroo's design strategy. I began by analyzing competitor offerings, including product costs, customer feedback, website and mobile app experiences, and more.

Key Takeaway:
Kangaroo’s design strategy should prioritize delivering an affordable and user-friendly home security experience. Competitors often face challenges related to high product costs and complex setup process, and the design strategy lied in alleviating these pain points.

Collaborating with the co-founders, I set out to uncover the pain points within the home security landscape. My goal was to gather valuable insights to shape Kangaroo's design strategy. I began by analyzing competitor offerings, including product costs, customer feedback, website and mobile app experiences, and more.

Key Takeaway:
Kangaroo’s design strategy should prioritize delivering an affordable and user-friendly home security experience. Competitors often face challenges related to high product costs and complex setup process, and the design strategy lied in alleviating these pain points.

Collaborating with the co-founders, I set out to uncover the pain points within the home security landscape. My goal was to gather valuable insights to shape Kangaroo's design strategy. I began by analyzing competitor offerings, including product costs, customer feedback, website and mobile app experiences, and more.

Key Takeaway:
Kangaroo’s design strategy should prioritize delivering an affordable and user-friendly home security experience. Competitors often face challenges related to high product costs and complex setup process, and the design strategy lied in alleviating these pain points.

DEFINE

DEFINE

DEFINE

Positioning

Positioning

Positioning

To alleviate the pain points of affordability and user experience, Kangaroo’s unique positioning lies in offering home security that are affordable, simple, and accessible to the underserved mass market.

This emphasis on simplicity and accessibility to the mass market greatly influenced my design strategy for the Kangaroo mobile app, prioritizing user-friendly experience and visual language to align with the brand’s core values and reach a broad user base.

To alleviate the pain points of affordability and user experience, Kangaroo’s unique positioning lies in offering home security that are affordable, simple, and accessible to the underserved mass market.

This emphasis on simplicity and accessibility to the mass market greatly influenced my design strategy for the Kangaroo mobile app, prioritizing user-friendly experience and visual language to align with the brand’s core values and reach a broad user base.

To alleviate the pain points of affordability and user experience, Kangaroo’s unique positioning lies in offering home security that are affordable, simple, and accessible to the underserved mass market.

This emphasis on simplicity and accessibility to the mass market greatly influenced my design strategy for the Kangaroo mobile app, prioritizing user-friendly experience and visual language to align with the brand’s core values and reach a broad user base.

DEFINE

DEFINE

DEFINE

Target Audience

Target Audience

Target Audience

Within the underserved mass market, Kangaroo’s primary target audience is a diverse and young hardworking class dedicated to their homes and families:

Providers
• Age: 25-44
• Location: Urban and rural areas
• Income: $40K - $70K
• Seek budget-friendly, trustworthy tech
• Prioritize practicality, and opt for DIY cost-saving measures

Within the underserved mass market, Kangaroo’s primary target audience is a diverse and young hardworking class dedicated to their homes and families:

Providers
• Age: 25-44
• Location: Urban and rural areas
• Income: $40K - $70K
• Seek budget-friendly, trustworthy tech
• Prioritize practicality, and opt for DIY cost-saving measures

Within the underserved mass market, Kangaroo’s primary target audience is a diverse and young hardworking class dedicated to their homes and families:

Providers
• Age: 25-44
• Location: Urban and rural areas
• Income: $40K - $70K
• Seek budget-friendly, trustworthy tech
• Prioritize practicality, and opt for DIY cost-saving measures

KANGAROO STRATEGY

KANGAROO STRATEGY

KANGAROO STRATEGY

Taking Fear Out of Home Security

Taking Fear Out of Home Security

Taking Fear Out of Home Security

• Difficult to setup
• Intimidating to use
• Expensive
• Hardwiring required
• Contract-based
• Cancellation penalty

• Difficult to setup
• Intimidating to use
• Expensive
• Hardwiring required
• Contract-based
• Cancellation penalty

• Difficult to setup
• Intimidating to use
• Expensive
• Hardwiring required
• Contract-based
• Cancellation penalty

• Easy to setup
• Delightful to use
• Low-cost
• DIY
• No contract
• Cancel anytime

• Easy to setup
• Delightful to use
• Low-cost
• DIY
• No contract
• Cancel anytime

• Easy to setup
• Delightful to use
• Low-cost
• DIY
• No contract
• Cancel anytime

DESIGN

DESIGN

DESIGN

Device Setup Process

Device Setup Process

Device Setup Process

With our design strategy as a guide, I focused on streamlining the device setup process. Given Kangaroo’s diverse range of smart devices to be released, including sensors, doorbells, cameras, and sirens, the primary challenge was ensuring a consistent setup process across all these different devices.

To tackle this, I took a modular approach to the user flow, dividing it into distinct groups of steps that would be consistently applicable to all devices.

My goal with this approach was to help users set up correctly without friction and make the setup steps learnable and reusable for other devices.

With our design strategy as a guide, I focused on streamlining the device setup process. Given Kangaroo’s diverse range of smart devices to be released, including sensors, doorbells, cameras, and sirens, the primary challenge was ensuring a consistent setup process across all these different devices.

To tackle this, I took a modular approach to the user flow, dividing it into distinct groups of steps that would be consistently applicable to all devices.

My goal with this approach was to help users set up correctly without friction and make the setup steps learnable and reusable for other devices.

With our design strategy as a guide, I focused on streamlining the device setup process. Given Kangaroo’s diverse range of smart devices to be released, including sensors, doorbells, cameras, and sirens, the primary challenge was ensuring a consistent setup process across all these different devices.

To tackle this, I took a modular approach to the user flow, dividing it into distinct groups of steps that would be consistently applicable to all devices.

My goal with this approach was to help users set up correctly without friction and make the setup steps learnable and reusable for other devices.

As an example, here’s the setup process for the Kangaroo Motion Sensor:

As an example, here’s the setup process for the Kangaroo Motion Sensor:

As an example, here’s the setup process for the Kangaroo Motion Sensor:

DESIGN

DESIGN

DESIGN

Onboarding Screens

Onboarding Screens

Onboarding Screens

I also crafted an onboarding experience that aligned with Kangaroo’s vision. The approach here was to let the users take it slow with digestible steps.

I also crafted an onboarding experience that aligned with Kangaroo’s vision. The approach here was to let the users take it slow with digestible steps.

I also crafted an onboarding experience that aligned with Kangaroo’s vision. The approach here was to let the users take it slow with digestible steps.

DESIGN

DESIGN

DESIGN

Signature Moment

Signature Moment

Signature Moment

I first learned about the signature moment idea in the book Microinteractions by Dan Saffer, “Signature Moments build customer loyalty and increase adoption.” An example he used was the early Instagram (+) button at the bottom of the screen to create a new post.

This idea piqued my interest and when I had the opportunity to design the microinteraction of arming and disarming your home on the Kangaroo mobile app. My goal here was to create a memorable experience that brings peace of mind to the users.

I first learned about the signature moment idea in the book Microinteractions by Dan Saffer, “Signature Moments build customer loyalty and increase adoption.” An example he used was the early Instagram (+) button at the bottom of the screen to create a new post.

This idea piqued my interest and when I had the opportunity to design the microinteraction of arming and disarming your home on the Kangaroo mobile app. My goal here was to create a memorable experience that brings peace of mind to the users.

I first learned about the signature moment idea in the book Microinteractions by Dan Saffer, “Signature Moments build customer loyalty and increase adoption.” An example he used was the early Instagram (+) button at the bottom of the screen to create a new post.

This idea piqued my interest and when I had the opportunity to design the microinteraction of arming and disarming your home on the Kangaroo mobile app. My goal here was to create a memorable experience that brings peace of mind to the users.

Inspired by “Beauty and the Beast” and “Harry Potter”, I came up with the concept of a protective dome encapsulating a house to symbolize your home is armed.

Inspired by “Beauty and the Beast” and “Harry Potter”, I came up with the concept of a protective dome encapsulating a house to symbolize your home is armed.

Inspired by “Beauty and the Beast” and “Harry Potter”, I came up with the concept of a protective dome encapsulating a house to symbolize your home is armed.

I decided to take it one step further by creating these house illustrations to customize your home, this level of personalization helped set the Kangaroo mobile app experience apart of its competitors.

I decided to take it one step further by creating these house illustrations to customize your home, this level of personalization helped set the Kangaroo mobile app experience apart of its competitors.

I decided to take it one step further by creating these house illustrations to customize your home, this level of personalization helped set the Kangaroo mobile app experience apart of its competitors.

DESIGN

DESIGN

DESIGN

UI Library

UI Library

UI Library

Another exciting aspect of being the Founding Designer was the freedom to define and build our UI library, including typography, colors, components, etc.

Another exciting aspect of being the Founding Designer was the freedom to define and build our UI library, including typography, colors, components, etc.

Another exciting aspect of being the Founding Designer was the freedom to define and build our UI library, including typography, colors, components, etc.

RESULT

RESULT

RESULT

Device Setup

Device Setup

Device Setup

Digestible steps were successful in moving users along quickly, and the illustrations helped reduce perceived complexity during mounting.

Next Steps: Test out mounting instructions using animation, video, or AR. Better preparation before setup, such as WiFi and password.

Digestible steps were successful in moving users along quickly, and the illustrations helped reduce perceived complexity during mounting.

Next Steps: Test out mounting instructions using animation, video, or AR. Better preparation before setup, such as WiFi and password.

Digestible steps were successful in moving users along quickly, and the illustrations helped reduce perceived complexity during mounting.

Next Steps: Test out mounting instructions using animation, video, or AR. Better preparation before setup, such as WiFi and password.

Success Rate

Success Rate

Success Rate

99%

99%

99%

Setup Time

Setup Time

Setup Time

4-7min

4-7min

4-7min

Setup Quality

Setup Quality

Setup Quality

89%

89%

89%

RESULT

RESULT

RESULT

Signature Moment

Signature Moment

Signature Moment

Interaction feedback is a successful mechanism to deliver product personality.

Next Steps: Discover opportunities to create more signature moments. Utilize other feedback methods such as haptics and audio. Maintain motion design consistency across the app.

Interaction feedback is a successful mechanism to deliver product personality.

Next Steps: Discover opportunities to create more signature moments. Utilize other feedback methods such as haptics and audio. Maintain motion design consistency across the app.

Interaction feedback is a successful mechanism to deliver product personality.

Next Steps: Discover opportunities to create more signature moments. Utilize other feedback methods such as haptics and audio. Maintain motion design consistency across the app.

Engagement Rate

Engagement Rate

Engagement Rate

61%

61%

61%

Feedback

Feedback

Feedback

Positive

Positive

Positive

RESULT

RESULT

RESULT

App Ratings

App Ratings

App Ratings

The Kangaroo app had overall good ratings on both iOS and Android. However, because of the many discrepancies among different Android phones, there were issues with pairing, connection stability, and UI consistency.

The Kangaroo app had overall good ratings on both iOS and Android. However, because of the many discrepancies among different Android phones, there were issues with pairing, connection stability, and UI consistency.

The Kangaroo app had overall good ratings on both iOS and Android. However, because of the many discrepancies among different Android phones, there were issues with pairing, connection stability, and UI consistency.

iOS (2018)

iOS (2018)

iOS (2018)

4.6

4.6

4.6

Android (2018)

Android (2018)

Android (2018)

3.9

3.9

3.9