Lunex Sites - Web Design Agency Website

A web design agency landing page designed and developed from UI/UX research to live production. Built in Next.js, styled with Tailwind CSS, and deployed on Vercel with a custom domain.

Agency websites need to sell the work before the work sells itself. The challenge was creating a landing page that communicates professionalism, showcases capabilities, and converts visitors into leads, all while feeling distinct from the sea of template-based agency sites.

UI/UX Research: Started with competitive analysis and user flow mapping to understand what makes agency landing pages convert. Identified key patterns around social proof placement, service clarity, and CTA hierarchy.

Design in Figma: Designed the full UI in Figma with a focus on bold typography, clean whitespace, and a layout that guides the eye from hero to CTA. Every section was designed to build trust progressively.

Frontend Development: Built the frontend in Next.js using Cursor. Tailwind CSS handled all the styling, keeping the codebase lean and maintainable. Components are modular and easy to update.

Deployment: Deployed on Vercel with a custom domain (lunexsites.com). The site loads fast, scores well on Core Web Vitals, and is fully responsive across devices.

End-to-end design and development

Next.js + Tailwind CSS frontend

Built in Cursor for rapid development

Deployed on Vercel with custom domain

Responsive across desktop, tablet, and mobile

Optimized for Core Web Vitals

The site is live at lunexsites.com and serves as the agency's primary lead generation tool. Clean, fast, and built to convert.