こどもビストロ 様
# WEBサイト # クライアントワーク
| URL | https://atelier-petitemaison.jimdofree.com/ |
|---|---|
| 制作期間 |
企画・情報設計・WF1週間、
デザイン2週間、
実装1週間
|
| 担当範囲 |
サイトデザイン
ノーコードツール(jimdo)
ロゴデザイン
|
| 使用ツール |
Figma
Photoshop
Illustlator
jimdo
|
| 概要 | こども料理教室を運営するこどもビストロ様よりHPのリニューアルをご依頼いただき、サイト構成の見直しからお任せいただきました。 |
レッスンの予約獲得
文章が短めで分かりやすいHPにしたい
現状サイトは文章が長めで重要な部分が情報が伝わりづらい
TOPページを見ただけではイラストレシピや講師養成コースなど他の料理教室と差別化できるポイントが伝わらない
文章は短くし表や画像を用いて重要な情報が伝わるようにする
TOPページを見ただけでこどもビストロ様の特徴的な魅力が一目で伝わるサイト構成に変更

ヒアリングの中で「できればロゴも新しくしたい」というお話しがあり、サイトと一緒にご提案したところ採用いただきました。料理教室のメニューに動物をモチーフにしたものがいくつかあるためその中からキリンをモチーフとし、色合いはこどもビストロ様のinstagram投稿の色味に合わせて水色、茶色、黄色の3色でまとめました。

サイトの雰囲気に合わせたイラストをIllustratorで制作しました。掠れたブラシで優しい雰囲気にしています。
料理が美味しそうに見えて男女両方から好かれる色合いというご要望を基に、食べ物と親和性の高い暖色のオレンジをアクセントに使用しました。また、文字の色を茶色にすることで全体的に優しい雰囲気になるようにしています。

日本語の部分にはやわらかいくて優しい雰囲気が伝わるよう、丸みのあるZen Maru Gothicを使用しました。見出しの上に配置しているアクセントの英字は、おしゃれな印象を与えるCedarville Cursiveを使用しています。
情報が非常にわかりやすくなった、ロゴが非常に可愛らしくHP以外のグッズ展開などでも是非使用していきたいというお声をいただきました。後日、WEBサイトを見て教室に来たというお客様が増えたというご連絡もいただくことができました。
ロゴデザインやオリジナルで制作したイラストを特に喜んでいただけたので、今後も自分の強みとして技術を向上させていきたいと思いました。反省点としては制作のスケジュールを少しタイトに設定しすぎたため、今後はもう少し余裕を持たせることでより幅広いアイデアの検証やクオリティの向上の時間を持ちたいと思いました。
erikoyakabe@yahoo.co.jp