【サンプルサイト】えほんの森イングリッシュ

プロジェクト概要
- クライアント
- 自主制作サンプル(架空サイト)
- 制作時期
- 2025年9月頃(約2週間)
- 使用ツール
- Adobe illustrator
Adobe Photoshop
Microsoft Visual Studio Code
Google Gemini(イラスト生成) - URL
- https://ohisamaweb.com/sample/ehonnomori/
Purpose- 課題・目的 -
「英語を習わせたいけれど、勉強という形だと子供が飽きそう」「教室の雰囲気がわからないと不安」という保護者の方の悩みを解決する、架空の英語教室のLPを想定しました。
制作の狙い: 既存の英語教室に多い「原色のポップすぎるデザイン」ではなく、大人の保護者の方にも「センスが良く、安心できる」と感じていただける、落ち着いた温かみのあるデザインの練習として制作しています。
Concept- コンセプト -
『森の中の小さな図書室で、はじめての英語に出会う』
絵本のページをめくる時のワクワク感や、森の中の静かで温かい空気感をデザインに落とし込みました。
ターゲットである0歳〜6歳のお子様を持つ保護者の方に寄り添い、彩度を抑えた「くすみカラー」をベースに採用。デジタルの冷たさを感じさせないよう、手書き風のあしらいを随所に取り入れることで、「ここなら子供を安心して任せられる」と思える優しさを表現しました。
※このサイトはポートフォリオ用の架空サイトです。
Points- こだわりポイント -
デザインに込めた想いや、制作時に工夫したポイントをご紹介します。
1 親しみやすいデザイン
教室のシンボルとなるロゴは、温かみのある手書き感を大切に自らデザインしました。
また、ページ内のイラストにはAI(Gemini)を活用し、コンセプトに合わせた統一感のあるタッチを追求。
Google Iconsのシンプルな機能美と組み合わせることで、親しみやすさと使いやすさを両立させた独自のブランドイメージを構築しています。
2 スマホでも見やすく
育児の合間にスマートフォンで閲覧することを想定し、知りたい情報(対象年齢・料金・場所)がスクロールだけで直感的に把握できるレイアウトを心がけました。
また、ページ下部には常に「体験レッスン予約」のボタンを表示させるなど、迷わせない導線を確保。
親しみやすさだけでなく、Webサイトとしての「使いやすさ(成約への繋げやすさ)」も重視して構築しています。
実際のサイトはこちらからご覧いただけます
実際のサイトを見るopen_in_new
あなただけの特別な作品を一緒につくりませんか?
「こんなことできるかな?」という小さなご相談も、丁寧にお伺いします。
