AvatarStudio Hit-an

Web Services

Live products built end to end — from concept and design to implementation and launch

Shopify AppD2C / ECSaaSNext.js
Discuss a Project
LIVE

All of these are live, in-production services

Each of these is a web service I built end to end — from ideation and design through implementation and launch — and that is still running today. Open any card to visit the live site.

Sync Master のトップページ
Shopify App
Live
Visit site

Sync Master

sync.hit-an.com

Shopify inventory, synced from Google Sheets.

Overview

An inventory sync app that connects Shopify with Google Sheets to bulk-update stock and metafields straight from a spreadsheet — no CSV exports, no copy-paste — and keeps everything current on a schedule.

Key features
  • Selective sync: paste SKUs/barcodes to update only chosen items
  • Whole-sheet sync to a location in one run
  • Map columns to auto-normalize and update metafields
  • Scheduled automation: daily, monthly, or custom
  • Test connection previews column mapping before running
  • Multi-location sync across warehouses
Tech stack
Next.jsTypeScriptTailwind CSSShopify AppVercel
sync.hit-an.com
Visit site
NLM のトップページ
D2C Brand / E-commerce
Live
Visit site

NLM

nlm.hit-an.com

NOBODY LOOK AT ME — graphic works from Tokyo, faces hidden.

Overview

A D2C brand built around "NOBODY LOOK AT ME": figure graphics whose faces are hidden behind blur, brushwork, colour fields and collage, printed on heavyweight tees made to order in the United States (rebranded from SUMI 墨). Storefront and design studio live in one Next.js app, running a single flow from the daily design and LINE approval through listing, checkout, production orders, shipping notices and Instagram posts — no inventory, each piece printed after it sells.

Key features
  • One design generated every morning, approved or sent back over LINE (scheduled on GitHub Actions)
  • Concealment, framing and palette rolled in code so the catalogue doesn't drift to one look
  • Published pieces drafted for Instagram and posted with an "OK" on LINE — never twice
  • Stripe Checkout with idempotent production orders placed from the webhook
  • Order lookup with no account — just an emailed verification code
  • An auto-built Google Merchant Center feed, plus a quality gate on every print file
Tech stack
Next.js 15React 19PrismaNeon PostgresStripePrintifyOpenAIInstagram APIGitHub ActionsVercel
nlm.hit-an.com
Visit site
stockfront のトップページ
SaaS / Site Builder
Live
Visit site

stockfront

stockfront.app

Answer a few questions. Get a site you can publish as-is.

Overview

A multi-tenant site-building SaaS for small businesses, shops, and independent lodging. Answer a few questions and AI assembles the structure, copy, palette, and photography; pick one of four layout samples and that becomes the site. Building is free — decide to publish once you have seen it — and afterwards the copy and images are edited in-house rather than through an agency.

Key features
  • AI builds structure, copy, palette, and photo picks from your answers
  • Four layout proposals of the same content to choose from
  • 19 content modules: products, menus, case studies, staff, hours, and more
  • Unlimited self-service edits to copy, photos, and modules after launch
  • Publish-after-payment monthly plan on Stripe, with custom domains provisioned automatically
  • Tenant isolation via Postgres RLS, plus friendly and pro admin skins
Tech stack
Next.js 15React 19Neon PostgresDrizzle ORMClerkStripeOpenAIVercel
stockfront.app
Visit site

Development & Inquiries

How we build

Problem Discovery
Business challenge deep-dive
Structure Design
Proposal from existing LP designs
UI & Visual Tuning
Design refinement
Implementation
Responsive coding

Tools & Tech

Claude Code
Next.js
Tailwind
Vercel
HubSpot
Responsive DesignForm OptimizationAnimationPerformanceAccessibilitySEO Ready