Built with Framer
Vulnersight - Real-time Vulnerability Intelligence
Fikri Setiawan
1 collaborator
Like this project
Posted Jun 16, 2025
Vulnersight is a platform that provides real-time vulnerability intelligence for businesses.
Likes
0
Views
22
Timeline
May 19, 2025 - Jun 6, 2025
Collaborators
Vulnersight is a cybersecurity platform that provides real-time vulnerability insights for businesses, helping teams monitor, analyze, and act on threats before they become critical.
I was responsible for the end-to-end design and front-end development of the platform’s marketing landing page, core dashboard UI, and launch visuals for Product Hunt. The focus was to communicate a complex, data-heavy product in a clear, professional, and conversion-friendly experience across multiple touchpoints.
đź› What I Worked On
1. Landing Page UI & Framer Development
I designed and built the responsive landing page using Framer. The structure focused on clarity and flow—explaining the platform’s value proposition, product features, and benefits, while driving user signups. Key aspects included:
Clean section hierarchy with conversion-focused layout
Responsive and interactive Framer build
Smooth scroll-based animations to improve storytelling
Vulnersight Dashboard
2. Product Dashboard Design
Designed the entire dashboard experience where users interact with live vulnerability data. The challenge was turning complex threat intelligence into a user-friendly, actionable interface. I focused on:
Simplified navigation and clear visual hierarchy
Color-coded alerts and quick-scan layouts
Custom components to support dense data visualization
Threat Intelligence
Details
✏️ Process Highlights
Competitor research and UX audits to benchmark user expectations
Wireframing and prototyping in Figma with focus on clarity and simplicity
Design system creation for scalable and consistent UI components
Direct implementation of landing page via Framer, ensuring pixel-perfect output