担当者様のコメント
今回の個人事業開業にあたりロゴやチラシ、ホームページの作成に大変お世話になりました。
開業までに準備することが多く時間が必要なときに、迅速に対応いただき大変助かりました。
ホームページの構成については、一般的な企業サイトを閲覧・利用することがあっても、自らのサイトについてどう見せるのかといったノウハウはなく、みやびさんからの提案によりきれいに纏まりました。
制作のやり取り（コンテンツの内容やページ構成など）も迅速かつ丁寧に行っていただき、無事開業に間に合わせることができました。
この先、チラシやホームページのブラッシュアップを進めていく予定ですので、引き続き力をお借りできればと思っています。
ありがとうございました。今後もよろしくお願いいたします。
制作内容
このサイトは、パソコン教室 A2ネクスト様の地元での認知拡大と集客を目的として制作しました。ターゲットは「パソコンの活用法が分からない」「大手教室で挫折した」という60代〜75歳前後の方々です。親切で丁寧、そして何より楽しい！と感じてもらえるよう、安心感と親しみやすさを徹底的に追求した実績です。
| 製作期間 | ２週間 |
| 使用したツール | Figma・Studio |
| 依頼内容 | A2ネクスト様サイト制作（合わせてロゴ・チラシ・名刺もご依頼いただきました） |
- 制作目的
- 地元での認知拡大
- 名刺・チラシ・ホームページに使用する
- ターゲット
- 60〜75 歳前後
- インターネット閲覧や基本操作は可だが活用方法が分からない層
- 大手教室の画一的カリキュラムに馴染めなかった経験者
- トンマナ
- 親切、丁寧
- 親しみやすい
- 楽しい雰囲気
- やからかい、落ち着くイメージの色味
※クリックすると拡大します
※クリックすると拡大します
情報設計について
トップキャッチと特徴カードでサービス価値を即座に提示
メインキャッチで「やりたいを一緒に叶えよう」と、寄り添う姿勢を打ち出しました。そのすぐ下に、「マンツーマン指導」「AIでの調べものが簡単に」「遠隔対応」という３つの強みをカード形式で配置しています。まずキャッチコピーで関心を引きつけ、そのまま３枚のカードでサービス価値を直感的に伝える設計にすることで、文字を読み慣れない方でもスッと情報が入るように工夫しました。
学習スタイルが選べる「教室でできること」セクション
「教室でできること」のセクションでは、「マンツーマン指導」「あなたにだけの専用カリキュラム」といった学習形態の違いを、小見出し、写真、詳細説明という統一フォーマットで分かりやすく展開しました。これにより、訪問者が自分に最適な学習スタイルを簡単に比較し、「自分に合ったコースがある」と即座に理解できるようになり、次の行動に移りやすくしています。
コース選択を迷わせないプランカード導線
提供コースと習得スキルを一覧で紹介した後、「基礎コース」「実践コース」などのプランカードを並列配置しました。カード内には星評価や具体的な内容を盛り込み、どのコースが推奨なのかを視覚的に示し、比較検討しやすいように設計しています。興味を持ったお客様がすぐに詳細情報や申込フォームへ進めるよう、リンクボタンを大きく明示的に配置しました。
デザインについて
柔らかなイエローとブルーで安心感を演出
サイト全体で、柔らかなクリームイエローとコーポレートカラーの落ち着いたブルーを基調に使用しました。この配色は、親しみやすさと安心感を両立させています。背景には優しいグラデーションを取り入れ、セクションごとに色味を切り替えることで、視覚的に情報を区切りつつ、一貫した温かい世界観を維持できるように工夫しました。
アイコンと写真で「楽しさ」と「温かみ」を訴求
特徴カードや学習項目には、すべて同一テイストのイラストアイコンと暖色系のAI写真を組み合わせています。文字情報だけでは伝わりにくい「楽しさ」や「親切な指導の様子」といったサービスの温かみを効果的に訴求できるようにしました。写真も自然光が差すものを選ぶなど、統一した優しい雰囲気を演出しています。
確実に問い合わせに繋げるクロージングUI
「よくある質問」をアコーディオン形式にすることで、サイトをシンプルに見せています。最下部の「無料体験申込み・お問い合わせ」エリアは、濃紺の背景と大きな電話番号で視認性を最大化しました。さらに、フォームの入力項目を最小限に絞ることで、離脱リスクを低減。ページ最後まで読んでくれたお客様を確実に次の行動へ導く親切なUI設計を徹底しています。
