Web Development / SaaS
Burhan Metrics — Landing & Assessment Experience
Custom-branded interactive landing page with a dynamic assessment form for data-driven hiring insights.
ReactTypeScriptViteTailwindCSSshadcn/ui (Radix UI)Lucide React (icons)+3 more
Duration
TBD
Team Size
3
Project Overview
A polished, brand-aligned landing page for Burhan Metrics with an interactive questionnaire that computes results based on defined measurements. The experience displays personalized outcomes with an avatar/visual response and serves as the front-end to a full assessments & analytics system helping individuals and companies make informed hiring decisions through skill evaluation and actionable insights.
Key Features
Custom UI/UX aligned with Burhan’s visual identity
Interactive questionnaire with measurement-based scoring logic
Personalized result view with avatar and tailored explanation
Responsive and accessible design for all device sizes
Component-driven architecture using shadcn/ui (Radix UI)
Optimized for fast load times and SEO readiness
Analytics-ready events for funnels and conversions
Scalable API integration layer ready for advanced analytics
Deployed with Netlify CDN for global delivery
Backend hosted on PythonAnywhere for logic processing and storage
Technologies Used
React
TypeScript
Vite
TailwindCSS
shadcn/ui (Radix UI)
Lucide React (icons)
Python (backend)
Netlify (frontend hosting)
PythonAnywhere (backend hosting)
Project Gallery
Our Role
Brand UI/UX design, front-end development, scoring logic implementation, and deployment on Netlify & PythonAnywhere.