PROJECT 03 / MILITARY TECHNOLOGY · LANDING PAGE
MEPIT project
A product landing page for a military technology startup, focused on a pixel-perfect translation of Figma into code.
Designed precisely. Built precisely.
The central task was to preserve the design’s typography, spacing, colors and image placement across the supplied desktop and mobile mockups. The implementation combines reusable sections with a responsive layout and a contact form.
Figma to frontend
Matched typography, spacing, colors and image positioning, comparing the implementation against the supplied mockups.
Every breakpoint matters
Refined layouts between desktop and mobile sizes and clarified missing states with the designer before implementing them.
Ready for visitors
Added a validated contact form with React Hook Form and Zod, semantic page structure and metadata, then deployed on Vercel.
