SEJIN KIM

About

LinkedIn

Contact

SEJIN KIM

Usertool
Spatial Analysis Setup Tool

50% Faster Installation by Integrating 3 Tools into 1 Platform

Team

1 Product Manager

1 Product Designer

2 Frontend

1 Backend

My Role

UI/UX Design

UX Research

Wireframe

User flow

Prototyping

Timeline

dddd

Impact

Reduced installation time by over 50%

Team

1 Product Manager

1 Product Designer

2 Frontend

1 Backend

My Role

UI/UX Design

UX Research

Wireframe

User flow

Prototyping

Timeline

dddd

Impact

Reduced installation time by over 50%

Overview

Simplifying Security Camera Configuration by Integrating Tools

Deeping Source is an AI startup that provides a security camera–based spatial analysis service, helping clients monitor human flow and dwell time using their existing camera footage.

Before any analysis could be performed, users had to manually register each camera’s position, angle, and detection zones. To do this, three separate configuration tools were required. For installation technicians—the primary users—these tools were confusing, fragmented, and time-consuming.

As a Product Designer, I led the creation of a single, easy-to-use tool that streamlined the process and reduced installation time by over 50%.

Overview

Simplifying Security Camera Configuration by Integrating Tools

Deeping Source is an AI startup that provides a security camera–based spatial analysis service, helping clients monitor human flow and dwell time using their existing camera footage.

Before any analysis could be performed, users had to manually register each camera’s position, angle, and detection zones. To do this, three separate configuration tools were required. For installation technicians—the primary users—these tools were confusing, fragmented, and time-consuming.

As a Product Designer, I led the creation of a single, easy-to-use tool that streamlined the process and reduced installation time by over 50%.

Understand Tools

A spatial analysis setup tool

Usertool is a spatial analysis setup tool that uses clients’ security cameras. Users can select the appropriate cameras and define the areas they want to analyze.

The initial version of Usertool was split into three separate functions—mainly to meet the R&D needs of the development team:

1) Drawing analysis lines,
2) Drawing analysis areas, and
3) Tagging key landmarks on both camera footage and store floor plans.

Tool 1

Drawing analysis lines

Tool 2

Drawing analysis areas

Tool 3

Landmark tagging

Users draw a line to track how many people cross it.

Tool 1

Drawing analysis lines

Tool 2

Drawing analysis areas

Tool 3

Landmark tagging

Users draw a line to track how many people cross it.

Tool 1

Drawing analysis lines

Tool 2

Drawing analysis areas

Tool 3

Landmark tagging

Users draw a line to track how many people cross it.

Understand Users

Installation Technicians with Heavy Responsibilities

The primary users of Usertool were installation technicians responsible for:

1) Visiting client sites in person,
2) Obtaining security camera data, such as network addresses and footage,
3) Selecting appropriate cameras to ensure adequate coverage of the store location and,
4) Defining what and where to analyze on-site

Likewise, they carried significant responsibility, yet the complicated technology and disjointed setup process often left them frustrated.

Define Problems

Prioritizing UX Issues in Disconnected Tools

Since the tools were separated and each had noticeable UX issues, we needed to prioritize the problems. I conducted a heuristic evaluation with my team and identified three key issues:

Heuristic Evaluation

Problem 1

Three fragmented tools, frustrated users

Three separate tools left users uncertain about what to do and led to repetitive tasks.

Problem 2

Non–user-friendly calibration process

The most frustrating step was the camera calibration step, as users struggled to know whether they had done it correctly.

Problem 3

Lack of clear guide

Due to lack of clear guide, users were unsure of what to do.

Design approach

How might we unify the tools to provide a seamless, guided setup experience?

Design approach

How might we unify the tools to provide a seamless, guided setup experience?

Design approach

How might we unify the tools to provide a seamless, guided setup experience?

Problem 1

Three fragmented tools, frustrated users

Problem

Initial Solution

User Testing

Fragmented Tools Caused Repetitive Tasks and User Confusion

Users had to repeat similar steps because the process was split, with tasks like “Register cameras” and “Save as JSON” duplicated across them (see image below). The inconsistent user experience also left many unsure of where they were in the process and what to do next.

Problem

Initial Solution

User Testing

Fragmented Tools Caused Repetitive Tasks and User Confusion

Users had to repeat similar steps because the process was split, with tasks like “Register cameras” and “Save as JSON” duplicated across them (see image below). The inconsistent user experience also left many unsure of where they were in the process and what to do next.

Problem

Initial Solution

User Testing

Fragmented Tools Caused Repetitive Tasks and User Confusion

Users had to repeat similar steps because the process was split, with tasks like “Register cameras” and “Save as JSON” duplicated across them (see image below). The inconsistent user experience also left many unsure of where they were in the process and what to do next.

Final Solution

Unified Tool, Guided Steps, and Re-sequenced Drawing Flow

The final design incorporated three key improvements:

1) A Unified Tool that integrated all configuration steps into a single platform, removing redundancy,
2) A Stepper UI that guided users through each step, showing progress and reducing uncertainty, and
3) A Re-sequenced Drawing Flow that allowed users to draw both lines and areas within the same stage—restructured to align with users’ mental models and prevent backtracking.

Problem 2

Non–User-Friendly Calibration Process

Problem

Initial Solution

Difficult to check if the mapping was correct with the existing verification feature

After mapping CCTV footage to the map, about 140 verification points are shown to represent the camera’s field of view. These points were meant to help users check if the mapping was correct.

However, it was hard to see which part of the map matched the camera view, which made verification difficult even if the mapping was accurate. And if it wasn’t, the scattered points only confused users further.

Problem

Initial Solution

Difficult to check if the mapping was correct with the existing verification feature

After mapping CCTV footage to the map, about 140 verification points are shown to represent the camera’s field of view. These points were meant to help users check if the mapping was correct.

However, it was hard to see which part of the map matched the camera view, which made verification difficult even if the mapping was accurate. And if it wasn’t, the scattered points only confused users further.

Problem

Initial Solution

Difficult to check if the mapping was correct with the existing verification feature

After mapping CCTV footage to the map, about 140 verification points are shown to represent the camera’s field of view. These points were meant to help users check if the mapping was correct.

However, it was hard to see which part of the map matched the camera view, which made verification difficult even if the mapping was accurate. And if it wasn’t, the scattered points only confused users further.

Final Solution

Trajectory Line for Real-Time Verification

Inspired by a coworker, I introduced a Trajectory Line feature: when users moved the mouse over the security camera footage, a line would be drawn in real time on the floor plan.

For example, tracing a straight wall in the footage should produce a straight line on the map. If the line appeared curved or misaligned, it indicated that the mapping points were incorrect.

This made the verification process faster, more accurate, and far more intuitive for both experienced technicians and first-time users.

Problem 3

Lack of Clear Guidance

Problem

Initial Solution

User Testing

Lack of Clear Guidance

In the original setup tools, users often got stuck because there was no clear guidance or hint about what to do next. This caused confusion, delays, and a higher chance of mistakes.

While integrating three separate tools into one (see Scenario 1), making the flow intuitive became a crucial challenge.

Problem

Initial Solution

User Testing

Lack of Clear Guidance

In the original setup tools, users often got stuck because there was no clear guidance or hint about what to do next. This caused confusion, delays, and a higher chance of mistakes.

While integrating three separate tools into one (see Scenario 1), making the flow intuitive became a crucial challenge.

Problem

Initial Solution

User Testing

Lack of Clear Guidance

In the original setup tools, users often got stuck because there was no clear guidance or hint about what to do next. This caused confusion, delays, and a higher chance of mistakes.

While integrating three separate tools into one (see Scenario 1), making the flow intuitive became a crucial challenge.

Final Solution

Relocated Guides and Responsive Layout

I repositioned the guide prompts to the top bar, maximizing the workspace without losing the benefits of guidance. I also introduced a responsive UI that dynamically expands the workspace based on screen size.

Note: Additionally, I created a UX writing table to make it easier to update and refine guide text across multiple languages.

Other works

Nachos

Reduced the working time of the data labeling tool by 25%

© Sejin Kim 2025. All rights reserved.