SentinelStack

Project overview

SentinelStack is a fictional cybersecurity SaaS concept that brings a marketing website and a simulated security workspace into one experience. Its central idea is a clearer route from scattered signals to a finding worth inspecting.

An original SVG radar introduces the product through rotating arcs, a shield and connected signal nodes. Mint and cyan details sit on a near-black canvas, with geometric headings and restrained interface metadata.

My contribution

I developed the idea, shaped the visual design and tested the user experience.

The challenge

Turn a security SaaS concept into a readable product story and an interactive workspace, with clear boundaries between sample data and real security operations.

A working interface around sample data

The workspace offers overview, cloud and identity scenarios. Visitors can switch chart periods, filter findings by severity, expand a finding for context and export a report containing the chosen synthetic dataset. Pricing and a validated local form complete the marketing journey.

Next.js static export, React, TypeScript and Tailwind CSS provide the application foundation. Motion supports the visual effects, Recharts renders the sample charts, and React Hook Form with Zod handles validation.

Explore the demo

Switch between Overview, Cloud security and Identity & access. Change the chart period, filter findings by severity and expand a sample finding to see its context. The export action provides a report of the selected synthetic dataset.

All dashboard values and findings are simulated. The demo does not monitor systems, scan networks or provide live security protection.

Clear simulation boundaries

All organizations, events, timestamps, scores and prices are illustrative. There is no live monitoring, network scanning, account system or security integration. The demo form sends and stores nothing.

This project belongs to the web development collection as product and interface work. It is not presented as a security assessment, a real SOC investigation or evidence of customer protection. The Live Demo action opens the verified Vercel application.