Beep

DEVELOPMENT / UX/UI DESIGN / GRAPHIC DESIGN / BRANDING

Beep

Beep is an AI-powered safety app designed to enhance personal security by providing real-time crime heat maps based on data from the Vancouver Police Department. The app features AI-guided safe route navigation, emergency alerts, loud alarms, and safe zone recommendations, ensuring users feel secure navigating urban environments. With seamless location sharing and instant emergency contact features, Beep sets a new standard in personal safety through innovative technology and local collaboration.

Product Designer

Project Manager

Front-end Developer

Sept–Dec 2024

Hidden Image
Front Image
[Hover to Reveal]

[01] The Problem Space

In a city like Vancouver, safety is a real part of how people move through public space, especially at night. While the city is often viewed as highly livable, public safety is not experienced the same way by everyone, or in every part of the city. The City of Vancouver reports that only 65% of adults agreed or strongly agreed that they felt safe walking alone in their neighbourhood at night. This finding would indicate that nearly half the population feels unsafe doing so. This tension becomes more relevant in and around downtown Vancouver. Foot traffic is dense, routes shift quickly, and decisions are often made in real time. Vancouver’s Downtown Public Space and Public Life work notes that people generally feel safe downtown. However, location and season affect how safe they feel, and that more can be done to improve the feeling of safety in public space.

Statistic 1Statistic 2Statistic 3

This matters because most navigation tools are built around speed and efficiency, while most safety tools focus on response after a threat has already escalated. In downtown Vancouver, where movement is dense and route decisions happen quickly, that gap becomes more visible. The Vancouver Police Department’s 2024 Q2 report showed that District 1, which covers the downtown peninsula, was the only patrol district with a year-to-date increase in violent crime.

Beep introduction

[02] Understanding the Landscape

To understand how existing personal safety apps support users, I compared four competitors across their core safety features. The goal was to identify what the market already does well and where there was still room for Beep to offer a more proactive safety experience.

Table 1. Feature Comparison

Table 1. Feature Comparison

The comparison showed that most existing apps are strongest in emergency response, offering tools such as SOS alerts, live tracking, and evidence capture once a user already feels unsafe. Fewer products focus on helping users assess risk earlier through route guidance, area safety scoring, or real-time visibility that can support safer decisions before an incident happens.

To better understand this gap, I then looked beyond feature lists and examined what each competitor does well, where each one falls short, and what those gaps revealed as opportunities for Beep

Table 2. Market Gaps and Opportunity for Beep

Table 2. Market Gaps and Opportunity for Beep

This analysis helped position Beep not as another emergency response app, but as a prevention-first tool designed to help users understand risk earlier and make safer route decisions with more confidence.

[03] Turning Insight Into Product

Research findings helped shape who Beep was designed for, what principles guided the experience, and how the core journey should work. Together, these decisions established the foundation for the product’s structure and direction.

Beep core values
Persona 1
Persona 2

User personas

Beep user flow

[04] Visual System

A visual system was established early to define how Beep should look, feel, and communicate across the product. The goal was to create a direction that felt clear, reliable, and easy to navigate in a safety-focused context.

Beep styleguide 1
Beep typographyBeep typography

[05] Visual System

A visual system was established early to define how Beep should look, feel, and communicate across the product. The goal was to create a direction that felt clear, reliable, and easy to navigate in a safety-focused context.

Beep Lo-fi Wireframes
Beep Hi-fi Wireframes
Beep mockups
Beep Final Interface

[06] Beyond the App

Beep was not limited to the mobile interface alone. To extend the product beyond the app itself, supporting touchpoints were developed across web, social, and print, creating a more cohesive identity and a clearer way to communicate the concept across different contexts.

Beep Landing Page
Beep Instagram Page
Beep business cards
Brochure Front
Brochure Back

[07] Outcome & Reflection

D3/FSWD

D3 / FSWD Annual Student Design & Technology Showcase

We presented Beep at the D3 / FSWD Annual Student Design & Technology Showcase on December 6, 2024, an event centered on innovative digital solutions that address real-world challenges through artificial intelligence, with a focus on supporting underrepresented and underserved communities. The project was awarded third place, marking Beep as one of the standout concepts presented at the showcase. For us, it was an opportunity to present a project grounded in a problem that felt immediate, relevant, and deeply human.

From a very early stage, the project came with real challenges. We ran into issues with AI training, production constraints, and timing, especially as the showcase drew closer. Going into the project, I expected to learn more about working closely with developers on a larger-scale product. What I did not expect was how much I would learn about taking decisive action, carrying a project through multiple iterations, and pushing it toward a more complete and marketable outcome under pressure. More than anything, the process taught me how to respond when things do not go as planned, how to keep moving when deadlines tighten, and how to work through complexity within a diverse team setting. That experience was demanding, but it was also one of the most valuable parts of the project.

Beep team

The Beep team

As Beep developed, one thing became increasingly clear to our team. Safety is not a distant or abstract concern. It shapes everyday decisions in immediate and often deeply personal ways. As a predominantly women-led team, many of us shared similar experiences and concerns around personal safety, particularly in public spaces. That perspective gave the project a strong and honest starting point. At the same time, as the idea evolved into a product, it became clear that Beep should speak to something broader. While those concerns helped shape its foundation, the purpose of Beep extends beyond any one group. It is built for anyone who values safety and believes that feeling secure should not be treated as a privilege, but as something everyone deserves.

Beyond the project itself, we hoped Beep would represent more than a functional application. It became a way of asking how technology might be directed more intentionally toward everyday challenges that are often normalized, overlooked, or left to individuals to manage on their own. For me, the project reinforced the idea that digital products can do more than provide utility. At their best, they can respond to lived realities with clarity, care, and purpose. That belief continues to shape the kind of work I want to create.

Beep team

D3 / FSWD Annual Student Design & Technology Showcase

I would especially like to thank my teammate Jumi Pham, who worked closely with me across both the design and marketing sides of the project. Her collaboration, support, and sense of humor made the process lighter even during the most difficult moments. I am also deeply grateful to the entire Beep team and to the BCIT professors in my program for making this project such a meaningful part of my early professional growth.

Beep team