Cosy Coloring Corner

Cosy Coloring Corner is a content and commerce platform for an original coloring brand — a coloring-book catalog, a free-download funnel, an evergreen blog, and an interactive in-browser coloring room, built as one coherent Next.js site rather than a single landing page bolted onto a storefront.

The brief I set myself

This wasn't just a landing page for an Etsy shop — it needed to work as a real content system: something that could rank in search, turn casual visitors into an email list and paying customers, and keep absorbing new content on a regular cadence without the site's structure getting in the way.

Content architecture

• A structured coloring-book catalog feeds the shop pages, the homepage carousel, and cross-links from the blog from a single source, instead of duplicating product data per page.
• Free printables act as the low-friction entry point — a visitor trades an email for a free page, then flows into the paid catalog rather than being asked to buy on a first visit.
• The blog targets long-tail, search-intent content, with every post linking back into the free and paid catalog instead of living in isolation.

An original character pair — Hazel, a small witch, and her cat Mochi — ties the books, blog, and Coloring Lounge together visually, so the brand reads as one consistent world rather than a set of disconnected products.

The Coloring Lounge

The Lounge is a self-contained interactive module inside an otherwise content-driven site: a full-screen ambient coloring room with seasonal scenes, a day/night toggle, ambient music, and session state. It's built as its own isolated piece of client-side interactivity so the rest of the site — which is largely static, SEO-facing content — doesn't inherit a heavier JavaScript bundle it doesn't need.

Frontend engineering & performance

• Built on Next.js — content-heavy marketing and blog pages are statically generated, while the Coloring Lounge hydrates as an isolated interactive island.
• The site is almost entirely illustration; every image runs through an optimized image pipeline with responsive sizes and below-the-fold lazy loading, so a visually rich page doesn't carry a heavy performance cost.
• A shared component library — cards, section headers, CTAs — is reused across the marketing, blog, and product pages so new content sections stay visually consistent without duplicated markup.

SEO & the growth loop

Every page carries its own metadata and OG tags, and blog content is written toward specific long-tail search terms rather than competing head-on for generic ones. The funnel is deliberate: free page → email capture → blog and catalog browsing → Etsy purchase, with each stage linking to the next instead of dead-ending.

Where it stands

Cosy Coloring Corner is live at cosycoloringcorner.com and actively maintained — new coloring books, seasonal content, and blog posts ship on an ongoing basis. I own the whole site: design, frontend implementation, content architecture, and SEO.