YZ English 公式サイト

プロジェクト概要

英語学習サービス「YZ English」の公式サイトリニューアルを担当いたしました。
「学習の楽しさ」と「サービスの信頼感」を両立させるため、明るくクリーンな配色と、余白を活かしたモダンなレイアウトを採用しています。

デザインのポイント

• 親しみやすい配色 - ユーザーが緊張せずに学習を始められるよう、温かみのあるトーンで統一。
• 明確な導線設計 - 「無料体験」や「お問い合わせ」へのアクションボタンを効果的に配置し、コンバージョン率を意識。
• レスポンシブ対応 - スマートフォンからのアクセス利用を想定し、モバイルファーストでのUI設計を徹底。

実装について

更新のしやすさと表示速度を重視し、過度なライブラリ依存を避けたピュアなHTML/CSS/JS構成で構築。
将来的なCMS導入や機能拡張にも柔軟に対応できるコーディング規則で実装を行いました。