案件概要
パーソナルトレーニングの新規集客を目的としたデモサイトを制作しました。
STUDIOのテンプレートをベースに、配色の変更やセクションの追加、Canvaを活用した画像制作を行い、オリジナルのサイトとして構築しています。
制作情報
- 種別：自主制作
- 制作期間：10日
- 使用ツール：STUDIO / Canva
- 担当範囲：STUDIO実装、画像制作、配色調整、レスポンシブ対応
サイトURL
制作背景
STUDIOでのサイト制作スキル向上と、LP制作の流れを学ぶことを目的として制作しました。
また、パーソナルトレーナーの新規集客を想定し、サービス内容やトレーナーの人柄が伝わる構成を意識しています。
サイト構成
- TOP
- 大切にしていること
- プロフィール
- 料金
- ご利用までの流れ
- よくあるご質問
- アクセス
- ご予約・お問い合わせ
工夫したポイント
CTAを意識した導線設計
サイト訪問者がスムーズにお問い合わせへ進めるよう、各セクションから予約ページへ誘導する導線を設計しました。
ユーザーが「相談してみたい」と感じたタイミングで行動できるよう、CTAの配置を意識しています。
配色とビジュアルの調整
テンプレートをそのまま利用するのではなく、パーソナルトレーニングサービスに合う配色へ変更しました。
また、Canvaを活用して画像を制作し、サイト全体の統一感を高めています。
情報設計の見直し
利用を検討している方の不安を解消できるよう、「大切にしていること」や「ご利用までの流れ」、「よくあるご質問」などのセクションを追加しました。
サービス内容だけでなく、利用前後のイメージが伝わる構成を意識しています。
レスポンシブ対応
スマートフォン・タブレット・PCの各デバイスで快適に閲覧できるよう調整しました。
文字サイズや余白、画像サイズを最適化し、視認性の向上を図っています。
制作を通して学んだこと
今回の制作では、STUDIOを活用したサイト構築だけでなく、LP制作における導線設計や情報設計についても学ぶことができました。
特に、ユーザーが問い合わせまで迷わず進めるためのCTA配置や、スマートフォン表示を意識したレスポンシブ調整について理解を深めることができました。
まとめ
パーソナルトレーナー向けの集客サイトを想定し、STUDIOを活用してサイトを制作しました。
テンプレートをベースにしながらも、配色変更や画像制作、セクション追加を行い、ターゲットユーザーを意識したサイトに仕上げています。
今後もSTUDIOを活用したLP制作やWebサイト制作に取り組み、より実践的なスキル向上を目指していきます。
STUDIOを活用したWebサイト制作やLP制作を行っています。
「STUDIOでサイトを作りたい」
「FigmaデザインをSTUDIOで実装してほしい」
「スマホ表示を改善したい」
「既存サイトを修正したい」
といったご相談に対応しています。
今回のような集客を目的としたLP制作や、個人事業主・小規模事業者向けのWebサイト制作も可能です。
まずはお気軽にお問い合わせください。
コメント