SheepGuard cover image
05

SheepGuard

UI / UX Design

Scam Detection App

Concept Project

Overview

Scam detection app inspired by “Wolf in Sheep’s Clothing”.

SheepGuard is a mobile concept that helps users quickly judge whether a call or message is safe, suspicious, or manipulative. Instead of relying on dense security language, the experience translates scam detection into a more intuitive visual story.

The project turns the fable of “the wolf in sheep’s clothing” into a product metaphor: harmless appearances can hide danger, and interface feedback should make that risk instantly legible.

SheepGuard concept inspiration slide

Concept

Using a familiar fable to frame digital risk.

The opening narrative builds directly from the fable and reframes it in a modern context: today’s scams often arrive disguised as banks, schools, shipping notices, or friendly strangers.

That metaphor becomes the core product logic. Safe interactions stay “sheep-like,” while scam patterns trigger a visual reveal that exposes the wolf underneath.

Problem

Scams are increasingly hidden, polished, and difficult to judge under pressure.

Students and everyday users often receive fake banking messages, suspicious delivery links, or unknown calls that feel urgent. In those moments, users need a fast signal they can trust rather than a long explanation they have to decode.

Role

UX / UI Design

Format

Concept App

Focus

Scam Detection

Outcome

Prototype + Testing

SheepGuard problem definition slide
SheepGuard target audience slide

Principle 01

Clarity before complexity.

Every result should answer the user’s immediate question first: is this safe, suspicious, or dangerous?

Principle 02

Emotion as signal.

The sheep-to-wolf metaphor turns hidden danger into a visual response users can feel without reading paragraphs.

Principle 03

Learning through use.

The app does not only warn users in the moment; it gradually teaches them how scam patterns work.

SheepGuard user journey map and persona

Audience + Journey

Designed for people who need immediate clarity, not cybersecurity expertise.

The journey map focused on a college student who frequently receives unfamiliar calls and suspicious texts, worries about making mistakes, and depends on strong visual cues to decide quickly.

  • Instant trust signals reduce hesitation during high-stress moments.
  • Short explanations make scam logic digestible instead of overwhelming.
  • One-tap actions such as block, report, and learn more keep users moving.

Visual Metaphor

The sheep and wolf system turns hidden intent into an immediate emotional read.

Rather than presenting only a score or warning badge, SheepGuard uses metaphor as interaction feedback. The sheep represents safety and calm; the wolf reveal dramatizes deception and risk the moment suspicious behavior is detected.

SheepGuard concept overview with sheep and wolf metaphor
SheepGuard typography system
SheepGuard color system
SheepGuard component system
SheepGuard user flow diagram

Flow

A simple structure connects scanning, call detection, education, and practice.

The app flow centers on four entry points: scan suspicious messages, detect scam calls, practice inside a simulation game, and learn common scam patterns through quick educational modules.

This makes the concept feel protective in the short term while also helping users build longer-term scam literacy.

Feature 01

Scan Message

Users can paste suspicious content or upload a screenshot, then receive a result that balances immediate feedback with a short explanation.

Feature 02

AI Call Detector

A configurable protection level controls how proactive the app becomes when unfamiliar callers or risky patterns appear.

Feature 03

Learn + Simulate

Educational modules and practice interactions help users build pattern recognition instead of depending on alerts forever.

Prototype

From onboarding to detection, every screen was designed to feel calm first, then decisive.

SheepGuard landing screen
SheepGuard landing page and logo application
SheepGuard onboarding sequence and AI protection setup
SheepGuard home page and scan message workflow
SheepGuard home page overview
SheepGuard AI call detector interface
SheepGuard AI call detector safe state

Interaction Logic

Protection levels let the user decide how assertive the system should feel.

Rather than forcing a single behavior, the app introduces adjustable AI control so users can choose between light assistance and stronger intervention. That makes the concept feel more respectful, especially for people with different risk tolerance levels.

Warning State

The most important interaction was the “wolf reveal” moment.

This sequence turns a vague suspicion into a visible alert. The escalation from sheep to wolf makes the warning memorable and gives the user a clear emotional signal before they even read the detailed reason list.

SheepGuard wolf reveal warning interaction
SheepGuard simulation game and learning screens
SheepGuard transition into testing and refinement

Before Final Prototype

Testing clarified what worked, but also revealed where the visual storytelling still needed more force.

That led the project into a final refinement round focused on stronger hierarchy, larger core icons, and a warning state with more urgency.

SheepGuard usability testing with classmates

Usability Test

I tested the concept with classmates to see whether the metaphor actually worked under pressure.

The main finding was strong but nuanced: people immediately understood the sheep / wolf logic and leaned on color plus animation to make quick decisions, but some screens still needed stronger hierarchy and bolder icon treatment.

Testing Summary

The concept successfully communicates the metaphor of hidden danger.

Users clearly understood the sheep / wolf visual system and relied on color plus animation to make decisions. The biggest opportunities were simplifying onboarding, enlarging key icons and actions, and making the high-risk state feel more urgent.

Insight 1

Important text was not visually prominent enough.

Some explanatory copy and decision cues competed for attention, which slowed down action during stress-heavy scenarios such as suspicious calls.

Insight 2

The wolf visual needed to feel more intimidating.

Because the wolf represents the danger inside the core metaphor, increasing visual intensity helped the warning feel more urgent and easier to trust.

Insight 3

Core metaphor icons should carry more weight.

The safe / suspicious / wolf icons were central to user understanding, so enlarging them improved legibility and made results easier to scan at a glance.

SheepGuard key insight one slide
SheepGuard key insight two slide
SheepGuard key insight three slide

Final Refinement

The final direction pushed the product toward stronger contrast, quicker comprehension, and a more convincing sense of danger.

After testing, I refined the information hierarchy, enlarged the metaphor icons, and made the alert experience more decisive so the product could communicate risk faster without becoming visually chaotic.

SheepGuard transition into final design slide
SheepGuard final design transition

Reflection

SheepGuard showed me how metaphor can make digital safety feel legible, humane, and memorable.

This project was less about building a fully technical security tool and more about designing the emotional layer around trust, doubt, and decision-making. The final direction balances softness with urgency so users can feel guided instead of frightened, while still knowing when to act fast.

More Projects

See all works