Case study
Clyk
Marketing Site for AI Photo Kiosks
Role
Scope
Stack
Live
What I built.
- 01
Built the whole website myself, from project setup to live deployment on AWS.
- 02
Home, Solution, About, Partners and Contact pages matching the approved design, with a Technology page and industry pages for events, malls, public places, theme parks and zoos added after launch.
- 03
Works on phones, tablets, laptops and large monitors, with its own slide-out menu on mobile.
- 04
Feels premium: content fades in on scroll, numbers count up, and carousels and parallax bring the product to life.
- 05
A working enquiry form that routes messages to the Clyk team by reason, and Google Analytics showing which pages people visit.
- 01
React 19, TypeScript, Vite and Tailwind CSS 4 with brand tokens exposed through @theme, on React Router 7 layout routes.
- 02
Framer Motion whileInView entrances, useScroll and useSpring parallax, CountUp stats triggered on viewport entry, and slick and Swiper carousels.
- 03
A static build on Amazon S3 behind CloudFront with an SPA fallback, so deep links such as /partners return 200.
- 04
A contact form posting JSON to AWS API Gateway, with query parameters that pre-fill the reason from CTAs elsewhere on the site.
- 05
GA4 with a manual page_view on every client-side route change, so single-page navigation is tracked correctly.
- 06
A multi-stage Docker build (Node to Nginx) for a small, ready-to-deploy image.