The network for creativity
Join 1.25M professional creatives like you
Connect with clients, get discovered, and run your business 100% commission-free
Creatives on Contra have earned over $150M and we are just getting started
Back to feedPost
🔥 CASE 404🔥 — Digital Forensics System
Full-Stack Detective Game & Interactive Web Application
CASE 404 is an interactive detective mystery that transforms a traditional web dashboard into an immersive digital investigation experience.
Players investigate the mysterious disappearance of a forensic analyst by examining suspects, uncovering hidden evidence, analyzing digital communications, and solving logic-based puzzles.
The Experience
Interactive Investigation Dashboard — A polished, dark-themed interface inspired by professional forensic software.
Suspect Database — Searchable profiles featuring detailed backgrounds, motives, and conflicting alibis.
Evidence Board — Draggable evidence cards with visual connections between clues.
Digital Communications — Realistic phone conversations, email records, and police interviews.
Forensic Puzzles — Three interactive challenges that unlock additional evidence.
Multiple Endings — Investigation outcomes determined by the player's conclusions and collected evidence.
Persistent Progress — Automatic browser-based saving of notes, discoveries, and completed puzzles.
Behind the Technology
Built entirely with HTML, CSS, and vanilla JavaScript, supported by Cloudflare Workers and a real Cloudflare D1 (SQLite) database.
The project includes a serverless REST API, relational database architecture, responsive UI/UX design, and browser-based state management.
The Result
A fully deployed, interactive full-stack application combining software engineering, creative storytelling, and immersive interface design.
The evidence board sounds fun.
The network for creativity
Join 1.25M professional creatives like you
Connect with clients, get discovered, and run your business 100% commission-free
Creatives on Contra have earned over $150M and we are just getting started
Related posts
Live on Play Store. We made the launch video.
Motion design to show the screens, plus a short explainer so you get what the app does in a few seconds.
Kept it simple on purpose. Screens only move where it helps you follow the product.
Watch it with zero context and tell me what you'd cut.
Amazing
Your body is ready for sleep. But is your mind ready to switch off?
That’s the moment Elivara is designed for.
Instead of another endless scroll, imagine opening an experience that makes slowing down feel natural.
Because better rest starts with how you end your day.
Would you trade 20 more minutes of scrolling for 20 minutes of peace?
#SleepApp #UIUXDesign #ProductDesign #WebDesign #MotionDesign
Great UX understands the user's state of mind, not just what they want to click.
Tendee - Dating App UI UX Design
A mobile app UI design showcase focused on discovery, profiles, matching and conversation.
The visual challenge was to bring profile content, interest tags, primary actions and messaging into a consistent mobile experience. The design uses a soft lavender and coral palette, clear typography, rounded cards and recognizable navigation.
The selected mockup presents a profile discovery screen, detailed profile information, chat, onboarding and sign-in views. These screens demonstrate visual hierarchy, consistent interface styling and attention to mobile interactions.
Personal portfolio showcase. Project cost is an illustrative quote for comparable design work, not a past client payment. The date marks this showcase's preparation in October 2026; duration is an estimated production timeframe.
Love the colors!