TOPページへリンク TOPページへリンク

こどもビストロ 様

こども料理教室 HP

# WEBサイト # クライアントワーク

サイトを見る

※デザインは一部更新されています

こどもビストロ様 WEBサイト モックアップ
https://atelier-petitemaison.jimdofree.com/
企画・情報設計・WF1週間、
デザイン2週間、
実装1週間
サイトデザイン
ノーコードツール(jimdo)
ロゴデザイン
Figma
Photoshop
Illustlator
jimdo
こども料理教室を運営するこどもビストロ様よりHPのリニューアルをご依頼いただき、サイト構成の見直しからお任せいただきました。

PROCESS

2〜8歳の子供がいる20〜30代の男女。
仕事などで忙しく家では凝った料理ができない。親子で一緒に何かを作る体験をしたい。

現状サイトは文章が長めで重要な部分が情報が伝わりづらい

TOPページを見ただけではイラストレシピや講師養成コースなど他の料理教室と差別化できるポイントが伝わらない

文章は短くし表や画像を用いて重要な情報が伝わるようにする

TOPページを見ただけでこどもビストロ様の特徴的な魅力が一目で伝わるサイト構成に変更

POINT

こどもビストロ様 スクリーンショット1こどもビストロ様 スクリーンショット2

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

こどもビストロ様 ロゴの制作過程 画像

サイトの雰囲気に合わせたイラストをIllustratorで制作しました。掠れたブラシで優しい雰囲気にしています。

自作アイコン

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

配色の画像

日本語の部分にはやわらかいくて優しい雰囲気が伝わるよう、丸みのあるZen Maru Gothicを使用しました。見出しの上に配置しているアクセントの英字は、おしゃれな印象を与えるCedarville Cursiveを使用しています。

Kodomo bistro

REVIEW

情報が非常にわかりやすくなった、ロゴが非常に可愛らしくHP以外のグッズ展開などでも是非使用していきたいというお声をいただきました。後日、WEBサイトを見て教室に来たというお客様が増えたというご連絡もいただくことができました。

ロゴデザインやオリジナルで制作したイラストを特に喜んでいただけたので、今後も自分の強みとして技術を向上させていきたいと思いました。反省点としては制作のスケジュールを少しタイトに設定しすぎたため、今後はもう少し余裕を持たせることでより幅広いアイデアの検証やクオリティの向上の時間を持ちたいと思いました。

制作物一覧へ

CONTACT

erikoyakabe@yahoo.co.jp