パーソナルトレーニングジムの集客を想定し、HTML / CSS / JavaScript で制作したランディングページ（1ページ）のサンプルです。
ファーストビューでの訴求から、お悩み提起 → 選ばれる理由 → 料金プラン → お客様の声 → よくある質問 → 無料カウンセリング申込フォームまで、「読み進めるうちに申し込みたくなる」構成を意識して設計しました。
・スクロールに合わせたフェードインアニメーション
・開閉式のよくある質問（アコーディオン）
・お問い合わせ／申込フォームの実装
・PC・スマートフォンへの完全レスポンシブ対応
・表示速度に配慮した軽量なコーディング
Figma・デザインカンプからの忠実なコーディングを得意としております。「デザインはあるが実装できる人を探している」という方は、ぜひお任せください。
サイト：https://taku-demoproduct-dental-clinic.netlify.app
- カテゴリー
- ランディングページ (LP) 制作
- 業種
- IT・通信・インターネット
- 制作期間
-
3日
- 参考価格
-
50,000 円
- 最終更新日
-
2026年7月2日
制作者
10時間前
taku-portfolio-lancers.takuweb.workers.dev
-
0 満足0 残念
- レギュラー
- 個人
はじめまして。Web制作・実装を専門にしております「タク」と申します。
プロフィールをご覧いただきありがとうございます。
HTML / CSS / JavaScript を用いたフルスクラッチでの制作から、
WordPressの実装・カスタマイズ・公開作業まで、Web制作を一貫してお引き受けしております。
「デザインはあるが実装できる人がいない」「公開・移行だけお願いしたい」といった
ピンポイントのご依頼も歓迎です。
■ 対応できること
・HTML / CSS / JavaScript によるフルスクラッチ制作（コーポレートサイト・LP・1ページ）
・Figma / デザインカンプ からのレスポンシブコーディング（PC・スマホ完全対応）
・WordPressの実装・カスタマイズ（カスタム投稿タイプ・ACF・Contact Form 7 等）
・既存サイトの修正・微調整、記事ページの追加
・テスト環境から本番ドメインへの移行・公開作業（SSL化・リダイレクト設定含む）
・アニメーション実装（フェードイン・スライダー・アコーディオン・ハンバーガー等）
・表示速度改善（画像圧縮・WebP化・遅延読み込み・minify）
■ 私の強み
・デザインの意図をくみ取り、細部まで再現する丁寧なコーディングを心がけています。
・アクセシビリティ（prefers-reduced-motion 対応 等）にも配慮した実装が可能です。
・レスポンシブ対応・クロスブラウザ確認まで責任を持って行います。
・専業に近い体制のため、平日日中を含めスピーディーなご連絡・納品が可能です。
■ 実績・ポートフォリオ
制作実績・スキル・対応内容・料金をポートフォリオサイトにまとめております。西口建設様のコーポレート＋採用サイトをはじめ、LP・クリニック・士業サイト等を掲載しております。ぜひご覧ください。
■ 進め方
1. ご依頼内容・素材・参考サイトを確認し、お見積りとスケジュールをご提示
2. 実装・レスポンシブ調整・動作確認
3. 本番公開／納品、公開後の軽微な不具合は無償フォロー期間内で対応
ご要望に寄り添い、丁寧かつスピーディーに対応いたします。まずはお気軽にご相談ください。どうぞよろしくお願いいたします。
