AvatarStudio Hit-an
ホーム
アイディア
一覧
AI Agentによる業務自動化・課題解決AIコーディングで作るサイトの公開・運用Shopifyを使ったヘッドレスEC構築HubSpot CRM/CMS導入・外部連携POS・オムニチャネル連携会計・請求書自動化受注管理システム連携その他の様々な解決アイディア
ランディングページWEBサービスこのサイトについてお問い合わせ

© 2026 Studio Hit-an

実績・解説記事一覧

LP制作 / UI設計

BtoB SaaSD2C採用イベント
制作相談
SAMPLES

掲載LPはすべてサンプル作品です

実在するクライアント案件ではなく、構成・デザイン・コピーの提案例として制作したデモです。画像・ロゴ・社名・人物情報はすべて架空のものを使用しています。

D2C 商品LP
D2C
購入

D2C 商品LP

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

課題

広告流入はあるが購入まで至らない。世界観重視で作ったがコンバージョンが低い。

アプローチ

ファーストビューで即時理解。商品理解→信頼→行動の段階設計。

構成

FV → 課題共感 → 商品特徴 → 使用シーン → レビュー → 価格 → CTA

ミニマル大胆なタイポレスポンシブフォトグラフィー
担当
デザイン / コーディング / ディレクション
ケーススタディを見る
イベント集客LP
イベント
予約

イベント集客LP

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

課題

情報が多すぎて何のイベントかわからない。参加メリットが伝わらない。

アプローチ

日時・価値を最優先表示。不安要素を先に潰す。

構成

概要 → 得られること → タイムテーブル → 登壇者 → 参加者の声 → CTA

大胆なタイポレスポンシブダークモードスクロール演出
担当
デザイン / コーディング / コピー
ケーススタディを見る
BtoBサービス資料請求LP
サービス
資料請求

BtoBサービス資料請求LP

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

課題

「学んだ」で終わるeラーニングが多く、現場業務への定着が見えない。稟議のための具体的な成果指標も不足している。

アプローチ

学ぶ内容ではなく「受講後に何ができるか」を主語に置き、数値・事例・無料体験で稟議までの距離を縮める。

構成

FV → 成果(OUTCOMES) → 続けられる設計 → カリキュラム → 導入事例 → 料金/無料体験 → FAQ → 資料請求フォーム

ミニマルレスポンシブデータ可視化大胆なタイポ
担当
デザイン / コーディング / コピー / ディレクション
ケーススタディを見る
キャンペーンLP
D2C
会員登録

キャンペーンLP

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

課題

新商品の話題化と購入導線、応募導線を1ページで両立させたい。

アプローチ

ポップなイラストと色面で世界観を作り、STEP → 景品 → 応募までを一気に走らせる。

構成

FV → 応募3STEP → 景品 → 新商品3種 → ステッカー12種 → SNS → フォーム → FAQ → CTA

大胆なタイポイラストレスポンシブアニメーション
担当
デザイン / コーディング / コピー / ディレクション
ケーススタディを見る
リフォーム会社LP
サービス
問い合わせ

リフォーム会社LP

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

課題

リフォームは「相場が分からない」「下請け丸投げが不安」。地域の家庭に近い会社の安心感を、Webで伝えきれていない。

アプローチ

対応エリアを真っ先に明示し、自社職人・10年保証・補助金代行で“近くで頼める”を作る。価格と工期も全公開。

構成

FV → 対応エリア → 取扱リフォーム → 施工事例(カード/Before-After/ギャラリー) → 費用の目安 → 私たちのこと → ご相談の流れ → お客様の声 → FAQ → 相談フォーム

フォトグラフィーレスポンシブスクロール演出ミニマル
担当
デザイン / コーディング / コピー / ディレクション
ケーススタディを見る
ライティングスクールLP
サービス
資料請求

ライティングスクールLP

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

課題

「書きたい」気持ちはあるのに、自分の言葉に自信が持てない女性たちに、機能訴求型のスクール広告は刺さらない。

アプローチ

編集者と少人数で4ヶ月寄り添う体験を、エディトリアルな世界観で物語る。価格より「言葉と向き合う時間」を真正面から差し出す。

構成

FV → 共感 → 3つの違い → 学べること → 4ヶ月のカリキュラム → 受講生の声 → 料金 → FAQ → 説明会CTA

フォトグラフィースクロール演出レスポンシブミニマル+1
担当
デザイン / コーディング / コピー / ディレクション
ケーススタディを見る
子ども向け学習LP
サービス
会員登録

子ども向け学習LP

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

課題

「学習アプリ」は機能比較になりがちで、子どもの「なんで?」という好奇心や保護者の安心感が伝わらない。

アプローチ

コーラル×ティール×マリーゴールドの温かい配色で「遊びながら育つ」を視覚化。数字・声・年齢別プログラムで段階的に信頼を積む。

構成

FV → インパクト数値 → 年齢別3プログラム → 科目タイル → プロモ → メンター訴求 → 体験イベント → フッター

イラスト大胆なタイポレスポンシブスクロール演出+1
担当
デザイン / コーディング / コピー / ディレクション
ケーススタディを見る
美容クリニック予約LP
サービス
予約

美容クリニック予約LP

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

課題

広告経由の来院はあるが、価格・施術への不安で予約に至らない。

アプローチ

「過剰にならない治療」と「総額見積もりの開示」で不安を先回り解消。

構成

FV → 悩み別診断 → 選ばれる理由 → 施術メニュー → 正直な比較 → 症例 → 医師 → 透明な料金 → 来院フロー → FAQ → 予約CTA

フォトグラフィーミニマルレスポンシブスクロール演出
担当
デザイン / コーディング / コピー / ディレクション
ケーススタディを見る
採用LP
採用
採用応募

採用LP

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

課題

求人媒体では「条件」ばかりが並び、医療事務未経験の20代に職場の空気感が伝わらない。応募はあってもミスマッチで早期離職してしまう。

アプローチ

「条件」より「共感」。一日の仕事のリアル、先輩スタッフの声、研修フローを丁寧に開示し、“ここで働く自分”を想像できる読み物型LPにする。

構成

FV → 募集ポイント → 1日の流れ → 研修フロー → 先輩の声 → クリニック概要 → 募集要項 → 応募フォーム / FAQ

フォトグラフィースクロール演出レスポンシブミニマル
担当
デザイン / コーディング / コピー / ディレクション
ケーススタディを見る

対応範囲

制作プロセス

課題ヒアリング
ビジネス課題の深掘り
構成設計
既存LPデザインからの提案
UI・ビジュアル調整
デザイン調整・ブラッシュアップ
実装
レスポンシブコーディング

使用ツール

Claude Code
Next.js
Tailwind
Vercel
HubSpot
レスポンシブ対応フォーム最適化アニメーションパフォーマンス最適化アクセシビリティSEO対応