- Role
- UX/UI, Design system, Frontend
- Timeline
- 2024 to 2025
- Project type
- Agency website
- Status
- Live
Context
Agency websites have become interchangeable. Hero claim, logo wall, three service tiles, contact form. The things that actually matter, process, pricing logic, and point of view, get lost in that blueprint.
Webgentic was meant to be the opposite. A site that shows its way of working before it talks about it.
Approach
The first step was a dedicated design system with pixel accents, clear typographic hierarchy, and motion first components. Colour, spacing, and animation curves are defined centrally so new pages feel consistent by default.
The website health check is not a lead form. It is a real tool. A user enters a URL and gets a quick initial scan. That lowers the barrier to a first conversation and gives the agency qualified signals.
Outcome
An agency presence that feels like a product while you scroll it. The health check is now the most effective lead channel. The design system and its components are reused across other projects.
Stack
- Next.js 15
- TypeScript
- Framer Motion
- Tailwind CSS
- Custom Design System
- Vercel
