AvatarStudio Hit-an
Home
Works & Ideas
Overview
AI Agent Solutions & Business AutomationAI-Powered Site Development & DeploymentHeadless EC with ShopifyHubSpot CRM/CMS Setup & External IntegrationPOS & Omnichannel IntegrationAccounting & Invoice AutomationOrder Management IntegrationOther Solutions & Ideas
Landing PagesWeb ServicesAboutContact

© 2026 Studio Hit-an

All Works & Articles

LP Design / UI Design

BtoB SaaSD2CRecruitmentEvent
Get in Touch
SAMPLES

All LPs below are sample works

These are concept demos built to showcase structure, design, and copywriting approaches — not actual client projects. All images, logos, company names, and people are fictional.

D2C Product LP
D2C
Purchase

D2C Product LP

AURA One ワイヤレスイヤホン / AURA One Wireless Earbuds

Challenge

Traffic from ads but no conversions. Beautiful design but low conversion.

Approach

Instant clarity in first view. Staged design: understanding → trust → action.

Structure

FV → Problem empathy → Features → Use cases → Reviews → Pricing → CTA

MinimalistBold TypographyResponsivePhotography
Role
Design / Coding / Direction
View case study
Event LP
Event
Reservation

Event LP

SHIFT/26 ビジネストークナイト / SHIFT/26 Business Talk Night

Challenge

Too much info—unclear what the event is. Benefits aren't communicated.

Approach

Prioritize date/value display. Address concerns upfront.

Structure

Overview → Benefits → Timetable → Speakers → Testimonials → CTA

Bold TypographyResponsiveDark ModeScroll Storytelling
Role
Design / Coding / Copy
View case study
B2B SaaS Lead Generation LP
Service
Document Request

B2B SaaS Lead Generation LP

Relearn Lab — 法人向けリスキリング・DX研修プラットフォーム

Challenge

Most e-learning ends at 'studied' without showing on-the-job adoption, and procurement teams lack concrete outcome metrics for approvals.

Approach

Lead with what learners can do after the program, and shorten the distance to approval with metrics, cases, and free trials.

Structure

FV → Outcomes → Keep-going UX → Curriculum → Cases → Pricing/Trial → FAQ → Document request form

MinimalistResponsiveData VisualizationBold Typography
Role
Design / Coding / Copy / Direction
View case study
Campaign LP
D2C
Sign Up

Campaign LP

SNAQMO! ステッカーラリー / SNAQMO! Sticker Rally

Challenge

Drive product awareness, purchases, and campaign entries all on a single page.

Approach

Pop illustrations and bold colour blocks carry visitors from STEP → prizes → entry in one scroll.

Structure

FV → 3 STEP → Prizes → 3 new flavors → 12 stickers → SNS → Form → FAQ → CTA

Bold TypographyIllustrationResponsiveAnimation
Role
Design / Coding / Copy / Direction
View case study
Home Renovation LP
Service
Inquiry

Home Renovation LP

結杜住まい工房 / Yuito Renovation Studio — 川越の地域密着リフォーム

Challenge

Homeowners worry about hidden costs and subcontractor opacity. The local-trust factor is hard to convey on the web.

Approach

Lead with service area, in-house craftsmen, 10-year warranty, and subsidy assistance to convey neighborhood trust. Publish prices and timelines openly.

Structure

FV → Service area → Services → Cases (cards/Before-After/grid) → Pricing → About us → Process → Voices → FAQ → Contact form

PhotographyResponsiveScroll StorytellingMinimalist
Role
Design / Coding / Copy / Direction
View case study
Writing School LP
Service
Document Request

Writing School LP

kotone. — 言葉を編むスクール / A school for women who write

Challenge

Women who want to write often lack confidence in their own voice — feature-led school ads don't reach them.

Approach

Tell the story of four months with an editor in an editorial voice. Lead with time to face one's own writing, not with price.

Structure

FV → Empathy → 3 differences → What you'll learn → 4-month curriculum → Voices → Pricing → FAQ → Briefing CTA

PhotographyScroll StorytellingResponsiveMinimalist+1
Role
Design / Coding / Copy / Direction
View case study
Kids Learning LP
Service
Sign Up

Kids Learning LP

WonderLearn — 好奇心を自信に育てる学習プラットフォーム

Challenge

Learning apps often read like feature comparisons — children's curiosity and parents' peace of mind get lost.

Approach

Warm coral, teal, and marigold visualize 'learning through play.' Numbers, voices, and age-banded programs build trust step by step.

Structure

FV → Impact stats → 3 age programs → Subject tiles → Promo → Mentor story → Open week event → Footer

IllustrationBold TypographyResponsiveScroll Storytelling+1
Role
Design / Coding / Copy / Direction
View case study
Beauty Clinic Reservation LP
Service
Reservation

Beauty Clinic Reservation LP

Lumiére Beauty Clinic / 美容皮膚科 Beauty Dermatology

Challenge

Ad traffic arrives but anxiety about price and treatment blocks reservations.

Approach

Preempt concerns with 'non-excessive treatment' and full-cost upfront disclosure.

Structure

FV → Concerns → Why us → Menu → Honest compare → Cases → Doctor → Pricing → Flow → FAQ → CTA

PhotographyMinimalistResponsiveScroll Storytelling
Role
Design / Coding / Copy / Direction
View case study
Recruitment LP
Recruitment
Job Application

Recruitment LP

みどり小児科クリニック / Midori Pediatric Clinic

Challenge

Job boards focus on terms and conditions, leaving young first-time medical reception applicants unable to feel the workplace. Mismatched hires drop off early.

Approach

Empathy over conditions. Disclose a day on the job, voices from current staff, and the training path so applicants can picture themselves working here.

Structure

FV → Why join us → A day at the clinic → Training path → Voices → Clinic overview → Requirements → Application & FAQ

PhotographyScroll StorytellingResponsiveMinimalist
Role
Design / Coding / Copy / Direction
View case study

Capabilities

Process

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