nnw studio

アースアカデミー

概要

全国に展開する個人塾 アースアカデミー様 のWebサイトを制作いたしました。 スタイリッシュで爽やかなターコイズブルーを基調に、ロゴをモチーフとしたオリジナルのアイソメトリックイラストやアニメーションを取り入れ、教育サービスとしての信頼感と親しみやすさを両立したWebサイトを目指しました。

制作背景

アースアカデミー様より、塾の雰囲気や教育への想いが伝わるWebサイト制作をご依頼いただきました。 学習塾として必要な情報を分かりやすく伝えながら、他の塾とは異なる個性やブランドイメージを表現できるサイトづくりを目指し、Webデザイン・コーディング・メインビジュアルのイラスト制作を一貫して担当しました。

課題

学習塾のWebサイトでは、保護者や生徒に安心感や信頼感を与えることに加え、教育方針や教室の特徴を分かりやすく伝えることが重要です。 その一方で、堅くなりすぎず、子どもや若い世代にも親しみやすい印象を与えるデザインが求められました。

制作のポイント

ブランドカラーとして爽やかなターコイズブルーを採用し、視認性と清潔感を保ちながら、教育サービスとしての信頼感を表現しました。 メインビジュアルには、ロゴをモチーフにした建物や、教育を連想させるアイテムを組み合わせたオリジナルのアイソメトリックイラストを制作。サイトを訪れた瞬間にアースアカデミー様らしい世界観が伝わるよう設計しています。 また、ページ各所に細かなアニメーションを取り入れ、情報を読むだけでなく、サイトを閲覧すること自体を楽しめるような体験を意識しました。

デザインの工夫

爽やかな配色に、立体感のあるアイソメトリックイラストを組み合わせることで、スタイリッシュさと親しみやすさを両立しました。 イラストやアニメーションには遊び心を持たせつつ、情報の読みやすさや視線の流れを妨げないよう細かく調整しています。 教育分野に求められる安心感を保ちながら、個人塾ならではの個性が伝わるWebデザインに仕上げました。

制作内容

#Webサイトデザイン #コーディング #レスポンシブデザイン #オリジナルイラスト制作 #アイソメトリックイラスト制作 #アニメーション設計 #UI/UX・情報設計

Visit Website