LP / Web 制作 ポートフォリオ

コンセプトから公開まで、
最短 1 日で形にする
LP / Web 制作。

Claude Code × Next.js × Tailwind を主軸に、デザイン・実装・公開までを一人で完結。
業種の世界観を読み解き、コピー・色・余白で「らしさ」をかたちにします。

制作実績を見る ↓ ご依頼・ご相談

3+

業種デモサンプル

1日

最短納期 (Light)

100%

レスポンシブ対応

⚡ Claude Code ▲ Next.js 🎨 Tailwind CSS 🚀 Astro ⚛️ React 📘 TypeScript 🐍 Python 🎭 Playwright 🎤 Whisper 📋 Notion API 💬 Slack API 📊 GAS 🔧 MCP Server ▲ Vercel ⚡ Claude Code ▲ Next.js 🎨 Tailwind CSS 🚀 Astro ⚛️ React 📘 TypeScript 🐍 Python 🎭 Playwright 🎤 Whisper 📋 Notion API 💬 Slack API 📊 GAS 🔧 MCP Server ▲ Vercel

— WORKS —

制作デモサンプル

業種ごとの世界観を、それぞれの「正解の余白」で表現したサンプルです。

Salon de Lumière
💇‍♀️
BEAUTY SALON

Salon de Lumière

表参道の隠れ家サロン LP。Noto Serif × Cormorant の上品な書体組み、温かいピンク系で「優雅さ」と「親しみ」を両立。Voice + FAQ を含むフル LP。

美容 予約導線 8 セクション
山田税理士事務所
📊
TAX & ACCOUNTING

山田税理士事務所

中小企業向け税理士の信頼感を、ネイビー基調 + インフォグラフィックで設計。実績ダッシュボード + 4 ステップフロー + 顧客 Voice を訴求。

士業 無料相談 CV 9 セクション
Cafe Kotori
☕
CAFE / RETAIL

Cafe Kotori

鎌倉の古民家カフェの「呼吸」を、Playfair Display と温かいブラウンで。フルスクリーン Hero + メニュー + Gallery + FAQ。

飲食 フルスクリーン Hero 8 セクション

— SERVICES —

提供サービス

LP 制作以外も、AI / 自動化 / 業務効率化を幅広くお請けしています。

⚡

Claude Code 導入支援

30 分相談 + 設定ファイル提供。Skills/Hooks/MCP まで一通り。

¥10,000〜

🤖

Claude API + MCP 業務自動化

Claude/OpenAI/Gemini API、MCP サーバー自作、Python/Node 実装。

¥30,000〜

🎤

Whisper 音声書き起こし

ローカル CUDA で高精度文字起こし + 要約。24h 以内納品。

¥10,000〜

🎭

Playwright 業務自動化

Web 操作、スクレイピング、24h 常駐運用まで。PM2/systemd 対応。

¥30,000〜

📋

Notion + AI 業務効率化

DB 自動更新、議事録要約、Slack/Gmail 連携。仕組み化重視。

¥20,000〜

NEW
🌐

LP / Web 制作

Next.js/Astro + Tailwind。Vercel/Netlify 公開込み。3 業種デモあり。

¥30,000〜

全 6 サービスを各 platform で公開中

ココナラで見る → Lancers で見る →

— SKILLS —

技術スタック

🎨

デザイン

  • ・ Tailwind CSS
  • ・ レスポンシブ最適化
  • ・ Google Fonts カスタム組版
  • ・ アクセシビリティ配慮
  • ・ Core Web Vitals 最適化
⚡

実装

  • ・ Next.js / Astro / Pure HTML
  • ・ TypeScript / React
  • ・ Python / Node.js
  • ・ Claude Code 主体の高速実装
  • ・ 既存サイトの修正・改善
🚀

公開・運用

  • ・ Vercel / Netlify / GitHub Pages
  • ・ 独自ドメイン設定
  • ・ Google Analytics / Search Console
  • ・ PM2 / nginx
  • ・ CMS 連携 (microCMS)

— PROCESS —

制作の流れ

1

ヒアリング

業種・ターゲット・参考サイトをご共有ください。

2

ファーストビュー試作

半日でファーストビュー案を 1-2 案ご提示。

3

本実装 + 修正

全セクション実装 → 修正 2-3 回まで対応。

4

公開 + 引き継ぎ

Vercel/Netlify 公開 + 編集マニュアル付き。

— PRICING —

料金プラン

LP 制作 3 プラン (ココナラ / Lancers どちらも対応)

Light

¥30,000〜

ファーストビュー + 1-2 セクション

  • ✓ コンセプト設計
  • ✓ Hero + 1-2 セクション
  • ✓ スマホ最適化
  • ✓ 公開 (Vercel)
  • ✓ 修正 2 回まで

納期 3-5 日

最も人気

Standard

¥80,000〜

フル LP (5-7 セクション)

  • ✓ Light の全内容
  • ✓ フル LP 5-7 セクション
  • ✓ お問い合わせフォーム
  • ✓ Google Analytics 連携
  • ✓ 修正 3 回まで
  • ✓ 編集マニュアル付き

納期 1-2 週間

Premium

¥200,000〜

複数ページ + CMS / 予約システム

  • ✓ Standard の全内容
  • ✓ 複数ページ (5 ページ程度)
  • ✓ CMS 連携 (microCMS等)
  • ✓ 予約 / 決済 システム
  • ✓ 独自ドメイン設定
  • ✓ 1 ヶ月 保守付き

納期 3-4 週間

まずはご相談から。

ご予算・納期・参考サイトなどをお聞かせいただければ、
24 時間以内にお見積もりとご提案をお返しします。

ココナラから依頼 → Lancers から依頼

※ ココナラ / Lancers いずれかでご契約・お支払いいただきます (個人情報・金銭やり取りの安全性のため)。