Skip to content
devAna logo

Korny grooming website

The project was built as a fully custom frontend solution, starting from UI design in Figma and moving into development with a modern React-based stack. Leveraging Next.js for static generation and server-side rendering, Typescript to enforce type safety, TailwindCSS for a scalable design system, and Framer Motion for smooth, performance-friendly animations, the site delivers fast load times, consistent responsiveness across devices, and a highly maintainable codebase. The architecture allows for easy future updates, while ensuring accessibility, SEO, and performance optimization from the ground up.

Visit live site
Website preview on Laptop and Mobile devices

Project details

Scope of work

  • Designed full website UI in Figma, establishing visual identity, layouts, and interaction patterns
  • Developed fully responsive frontend with Next.js, Typescript and TailwindCSS
  • Implemented smooth animations using Framer Motion
  • Optimized asset loading, accessibility, and performance for a fast, smooth user experience
  • Ensured SEO-friendly structure and metadata handling for better search engine indexing
  • Applied TypeScript across the entire codebase for stronger type safety and scalability

Main features

  • Fully responsive, mobile-first design
  • Custom design system crafted in Figma
  • Smooth animations and transitions with Framer Motion
  • Fast performance with Next.js static generation
  • Type-safe codebase using TypeScript for better maintainability
  • SEO-optimized structure for better visibility
  • Scalable, modular frontend architecture for easy future updates

Technologies used

  • NextJS
  • TypeScript
  • Tailwind
  • Framer Motion
  • Figma

Ready to Connect?

Contact me