Outsmarting the Phishy Web

← Back to Projects

Project PhURL

A Web Platform That Detects Phishing URLs with AI - and Teaches You to Spot Them

Project PhURL - AI phishing-URL detection platform cover
Role
UI/UX Engineer
Full-Stack Dev
Type
Design Β· Dev
Machine Learning
Tools
Figma Β· React
Django Β· Python
Model
LightGBM
96.6% Accuracy
Platform
Web
Responsive

Phishing doesn't break in - it tricks its way in, one convincing link at a time. PhURL is an end-to-end project that pairs a trained machine-learning model with a calm, educational interface, so anyone can paste a link, get an instant verdict, and actually learn why it's risky. The guiding mantra throughout: if it looks phishy, it probably is.

01 --The Problem

Context & The Problem

Phishing attacks evolve faster than most people can keep up with - a fresh malicious domain, a lookalike login page, a shortened link in a message. Many existing tools either block silently in the background or flash a cryptic warning, but they rarely help a person understand why a link is dangerous. The result is a population that stays one careless click away from compromise.

"Phishing attacks are evolving rapidly… existing solutions often lack adaptability and fail to educate users effectively."

🎯

Problem Statement

People need a fast, trustworthy way to check whether a URL is safe - and just as importantly, to learn the cues of a phishing attempt so they can protect themselves next time.

🏁

The Goal

Build an accurate ML model for phishing detection, wrap it in an intuitive interface, teach users about phishing through real resources, and keep the whole system scalable, adaptable and secure.

πŸ‘₯

Target Audience

Everyday individuals and organisations who want phishing protection plus genuine cybersecurity awareness - regardless of their technical background.

02 --Discovery & Research

Discovery & Research

Research ran on two tracks at once: understanding what users actually need from a URL checker, and understanding the data and models that could power it. The two informed each other - a model is only useful if people trust and understand its output.

Detect-Only Tools vs. PhURL's Opportunity

βœ• Where Existing Tools Fall Short
  • Block or flag links without explaining the risk
  • Static rule-sets that struggle to adapt to new tactics
  • No learning layer - users never get more phishing-aware
βœ“ PhURL's Opportunity
  • An ML model that learns patterns from real URL data
  • A clear, instant verdict anyone can read at a glance
  • A built-in learning hub that turns a scan into a lesson

Who We Designed For

πŸ§‘β€πŸ’»
The Everyday User
Primary - Non-technical Β· Cautious
Mobile-firstWants reassuranceNo jargon

"I got a weird link in a message - can I just paste it somewhere and be told if it's safe?"

πŸ›‘οΈ
The IT / Org Lead
Secondary - Security-conscious
Risk-awareNeeds reliabilityScalability

"I want a dependable check my whole team can use, with low false positives."

πŸŽ“
The Learner
Tertiary - Student / Curious
Wants to understandVisual learnerEngaged

"Don't just tell me it's phishing - show me what made it phishing."

Cross-Persona Insights

Primary Goal
Core Frustration
Design Insight
πŸ§‘β€πŸ’» Everyday User
Quickly know if a single link is safe.
Security tools feel technical and intimidating.
One big input, one plain-language verdict, zero setup.
πŸ›‘οΈ IT / Org Lead
A reliable check with few false alarms.
Inaccurate tools erode trust fast.
Prioritise model accuracy and a scalable API.
πŸŽ“ Learner
Understand the "why" behind a verdict.
Tools give a verdict but no explanation.
Pair every result with an educational learning hub.
03 --The Model

The AI & ML Engine

At the heart of PhURL is a supervised classifier trained to tell malicious URLs from safe ones. The pipeline takes a raw link, engineers a set of numeric features from it, scales the data, and runs it through a trained model that returns a confident verdict.

Detection Pipeline

πŸ”—
URL Input
🧬
Feature Extraction
πŸ€–
LightGBM Model
πŸ›‘οΈ
Safe / Phishing Verdict

Model Selection

Three gradient-boosting and ensemble classifiers were trained and benchmarked on the same dataset. The Light GBM Classifier came out ahead on both accuracy and false-positive/negative balance, so it became the model shipped to production.

πŸ₯‡

Light GBM Β· Chosen

The best performer at 96.6% accuracy with low false positives and negatives. Serialised to a .joblib file and loaded by the backend at inference time.

🌲

Random Forest

A strong ensemble baseline - reliable, but edged out on accuracy and speed for this feature set.

⚑

XGBoost

Competitive gradient boosting that performed well, but didn't beat Light GBM's balance on this data.

πŸ“Š

The model was trained on a public Kaggle dataset (by Manu Siddhartha) spanning phishing, malware, defacement and safe URLs. Heavy preprocessing, feature engineering and data scaling were needed to squeeze reliable signal out of messy, real-world links.

04 --The Interface

UI & Visual Design

A security tool only works if people aren't scared of it. The interface was designed in Figma around three priorities - simplicity (a clean, minimal layout that never overwhelms), accessibility (clear navigation and readable type for all levels), and engagement (interactive checks and learning content that invite exploration).

Montserrat
RegularItalicMediumSemi BoldBoldExtra Bold
Color

PhURL's palette - a vivid purple and electric lime over a deep purple-black, with red reserved for danger and grey for neutral UI.

#FFFFFF
255, 255, 255
#8FFF00
143, 255, 0
#704BFF
112, 75, 255
#11072D
17, 7, 45
#AFAFAF
175, 175, 175
#FF0000
255, 0, 0

Core Interface Components

πŸ”Ž

URL Scanner

One-field input Β· Real-time check Β· Clear verdict

πŸ“š

Learning Hub

Articles Β· Infographics Β· Videos

πŸ“Š

Results Dashboard

Verdict Β· Confidence Β· Guidance

πŸ’¬

Feedback & Errors

Friendly states Β· Recovery guidance

High-Fidelity Screens

The screens below show the core PhURL experience - from the scan input to the safe/phishing result and the learning content that backs it up. Click any screen to view it in high resolution.

05 --The Build

Development & Deployment

PhURL is a full-stack build: a React front end talking to a Django back end that wraps the trained model behind a clean API. Development followed a hybrid of Agile, Scrum and Waterfall - structured enough to plan the ML work, flexible enough to iterate on the UI from user feedback.

βš›οΈ

Frontend

Built in React + JavaScript - an interactive dashboard and a real-time URL verification tool that calls the backend and renders the verdict instantly.

🐍

Backend

A Django service in an MVC structure exposing API endpoints for URL verification, with the Light GBM classifier loaded for inference.

🧠

ML Integration

The trained model is serialised to joblib and called per request - feature-engineering the URL, scaling, then classifying it as safe or malicious.

☁️

Deployment

Packaged for Heroku (Procfile, runtime & requirements) for easy, scalable hosting of the Django app and model together.

πŸ§ͺ

Quality came from real testing: User Acceptance Testing with university students plus cross-browser checks on Chrome, Brave, Firefox and Opera Mini - each round feeding fixes back into the UI/UX.

Explore the engineering behind it:Backend & API repo β†—Β Β·Β Heroku deployment repo β†—

06 --Results & Reflection

Outcome & Impact

Key Outcomes

0
Detection accuracy with the Light GBM model
0
Cross-browser verified - Chrome, Brave, Firefox, Opera Mini

"PhURL successfully addresses the growing threat of phishing by combining advanced machine learning with user education - its intuitive design, high accuracy and scalability make it valuable for individuals and organisations alike."

πŸ“ˆ Outcome

A reliable detector (96.6% accuracy, low false positives) wrapped in an interface that testers praised for its design and educational resources - and confirmed working across major browsers.

πŸ§— Challenges

Dataset limitations meant extensive preprocessing; tuning the model was a constant balance between accuracy and minimising false positives/negatives; and interface warnings had to be reworked from user feedback.

πŸ’‘ What I Learned

A hybrid methodology balanced flexibility with structure, and continuous user feedback was crucial to refining usability. Above all: adaptability is essential against evolving phishing tactics.

πŸš€ Next Steps

On-screen warnings as users browse, deeper detection capabilities, and a mobile app to put PhURL's protection in more hands.