Hanwha Vision · 2025.02 – 2025.03
Keeper Website: SEO-First Next.js Site Built in One Month
Design system and every page built by me in one month. Top of Google for its main keywords.
Overview
I built the official website of Keeper, an AI CCTV store management service, by myself in one month, from defining the design system to every page.
Background
Problem
The service needed a new official website to introduce it and bring in search traffic, on a short schedule.
What I did
- Built every interaction with CSS keyframe animations, no animation library.
- Designed and implemented the technical SEO: SSR, meta and Open Graph tags, LCP optimization.
- Blog admin: a CMS on a customized Tiptap editor, with HTML sanitization and URL protocol checks against XSS.
Results
- Top of Google for key searches
Technical SEO put the site at the top of Google for its main Korean keywords, such as how to settle part-time wages and store theft incidents.
- 11,000 organic visits
11,000 organic search visits, with an average session of 1 min 40 s.
Key features
- 01
Interactions without a library
Every scroll and transition effect is a hand-built CSS keyframe animation.
- 02
Blog CMS
A customized Tiptap editor so the team can write and publish content themselves.
Screens
※ Images and video show the site as it was during the project.
