一般社団法人GENEBOX様
サイトURL
https://genebox1.studio.site/教育サービスを利用する保護者・学生へ向けた、明るく安心感のある公式サイト
Genebox様の公式サイトにて、STUDIOを用いたデザイン調整・UI改善・動作実装を担当しました。今回はテンプレートをベースにしながら、教育関連サービスとして「信用」「見やすさ」「操作のしやすさ」を重視したカスタマイズを実施。
ファーストビューの見やすい導線づくり、カラーとトンマナの統一、コンテンツごとのレイアウト整理を行い、必要な情報が直感的に届く構成へと再構築しました。
ターゲットは、塾・スクール・教材サービスを検討する保護者や学生。信頼性と安心感を感じられるよう、落ち着いた配色と柔らかい余白設計に調整し、教育サービスらしい“読みやすさ”を全面に反映しています。
機能と導線の工夫
ファーストビュー（FV）調整
メッセージが伝わりやすい配置に再設計し、視線誘導を改善。カラー・トンマナの統一
教育サービスにふさわしい、知的で安心感のあるカラーバランスへ調整。レイアウト全体の再構築
テンプレートを活かしつつ、情報の優先度に合わせた整理を実施。モーダルメニュー改善
メニュー遷移をわかりやすく再設計し、迷わない導線を実現。横スクロールセクション実装
学習内容やサービス紹介がスムーズに読み進められるよう、横スクロールをカスタム追加。
制作オプション（実施内容）
STUDIOデザイン調整
カラー・世界観（トンマナ）再設計
レイアウト調整
モーダルメニュー調整
横スクロール実装
レスポンシブ最適化
基本SEO設定
納期目安
ヒアリング・方向性確認：約3日
デザイン・レイアウト調整：約1週間
実装・アニメーション調整：約1週間
最終確認：約2〜3日
合計：約2週間