ホームページ制作事例(WEBサイト制作)|宮城県富谷市|献立作成・食育・食体験|株式会社イースミール(e-smeal)様
写真は株式会社イースミール(e-smeal)様サイトのトップページ
| スマホ対応 | OK |
| レスポンシブ | 対応済み |
| トップページ最上部 | 動画 |
このたび、株式会社イースミール(e-smeal)様より、オフィシャルホームページ(ウェブサイト)の新規制作のご依頼をいただきました。
宮城県富谷市を拠点に、保育園や幼稚園に向けた「献立作成・食育活動」、そして親子で食に触れる「食体験サービス」を展開されているイースミール様。私たちが毎日あたりまえのように口にしている「食事」。それは単なる栄養補給ではありません。子どもの体と心を育むための、大切なエネルギー。そして、美味しさを感じることで幸せと笑顔を生む、かけがえのない時間。イースミール様は、そんな「食」という営みに、真正面から、そして誰よりも誠実に向き合っていらっしゃる企業様です。
今回のホームページ制作は、ただきれいなサイトを作ることではありませんでした。イースミール様が込めている「食べる人、作る人、食べさせる人、みんなを笑顔にしたい」という温かい願いを、どうすればホームページの画面越しに伝えることができるか。それは、私たちにとっても、とてもやりがいのあるお仕事でした。
二つの柱を支える「食への想い」
絵本をめくるようにメッセージを読み進めていただく構成
制作のスタート地点となったのは、イースミール様との打ち合わせでした。そこで伺ったのは、事業の柱が大きく分けて二つあるということ。一つは、子どもたちの健やかな成長と、園の先生方の負担軽減を両立させる「献立作成サービス・食育活動」。 もう一つは、実際に食材に触れ、作ることの楽しさを親子で学ぶ「食体験サービス」。一見すると、「プロ向けの支援」と「一般向けのイベント」という異なるサービスに見えるかもしれません。
普通のホームページ制作であれば、トップページでいきなり「園の方はこちら」「親子の方はこちら」と、入り口をバサッと分けてしまうのが効率的かもしれません。でも、私たちは少し立ち止まって考えました。「本当にそれで、イースミール様の良さが伝わるだろうか?」と。対象は違っても、イースミール様の根底にある想いは一つです。それは、「食べ物が、おともだちになっていく。」という素敵なキャッチコピーにも表れている通り、食を通じて未来を支えたいという揺るぎない願い。この食への思いこそが、イースミール様が選ばれる理由であり、一番の強みだと考えました。
そこで今回のデザインでは、あえてトップページですぐにサービスを分岐させるのではなく、まずはイースミール様の食に対する考え方をじっくりと読んでいただく構成をご提案しました。
「私たちは、こんな想いで献立を作っています」
「こんな願いを込めて、食体験の場を作っています」
そんなメッセージを、絵本をめくるように読み進めていただく。その上で、各サービス(下層ページ)へと進んでいただくことで、読み手の中に「なるほど、こういう考えの会社が作る献立なら安心だ」「ここなら、子どもに素晴らしい体験をさせてあげられる」という深い共感が生まれます。情報よりも先に、まず心を動かす。そうすることで、サービスの説得力が何倍にも増すような、そんな心の動線を丁寧に設計しました。
プロの言葉が紡ぐ「食へのこだわり」
プロのコピーライター 「ことばやさん」のキャッチコピー
そして今回、その想いを伝えるために欠かせなかったのが、言葉の力です。デザインが良いだけでは、人の心は動きません。そこに添えられる言葉が、本物でなければならないのです。今回のホームページで使用しているキャッチコピーや文章は、すべてプロのコピーライター 「ことばやさん」に依頼し、考案していただきました。
イースミール様への綿密なヒアリングを行い、子どもたちへのまなざし、食への情熱、そして未来への希望を、一つひとつ丁寧に言葉へと変換していく作業。
「食べ物が、おともだちになっていく。」
プロの手によって磨き上げられた言葉たちは、まるでイースミール様から子どもたち、そしてその周りの大人たちへ宛てたラブレターのように、優しく、そして力強く響きます。トップページを開いた瞬間に飛び込んでくる言葉の数々が、読む人の心の琴線に触れ、「この会社と一緒に食育を考えたい」という信頼感を醸成する大きな力となっています。デザインと、プロの言葉。この二つが掛け合わさることで、ホームページは単なる情報媒体と感じさせないひと夫です。
土と水と緑。アースカラーが語る「命の循環」
全体的にコロンとした丸みのデザイン
言葉を受け止めるデザインのトーンと雰囲気を決める際、私たちがイメージしたのは自然そのものでした。食とは、命をいただくこと。野菜を育む土の匂い、作物を潤す清らかな水、そして太陽を浴びて育つ植物。
そうした自然の恵みを連想させるアースカラーを、サイト全体のキーカラーとして採用しました。派手な色は一切使わず、自然界に存在する色だけで構成することで、目に優しく、長時間見ていても心が安らぐような空間を作り上げました。
また、今回はサイト内のあらゆる角(カド)にこだわりました。四角い写真の角、ボタンの角、枠線の角。それらをすべて丸く削ぎ落とし、全体的にコロンとした丸みを持たせています。鋭利な角は、時に緊張感を与えます。でも、イースミール様が提供する時間は、心と体をほぐす優しいもの。だからこそ、デザインからもトゲをなくし、柔らかく、包み込むような優しさを表現しました。
隠し味は「遊び心」。見つけられましたか?
アースカラーで描かれた優しいタッチのイラスト
ここで、デザイナーからの「ここだけの話」をひとつ。実はこのホームページには、ちょっとした仕掛けというか、隠し味を忍ばせています。トップページや各ページの一番上(ヘッダー部分)に、アースカラーで描かれた優しいタッチのイラストが配置されていますよね。このイラスト、ただの風景画ではありません。
よーく、目を凝らして見てみてください。
……見つかりましたか?
実は、イラストの風景の中に、イースミール様のサービスに欠かせない食材たちが、こっそりと紛れ込んでいるんです。ふっくらとしたお米。新鮮な野菜。そして、栄養満点の卵。
「あ、こんなところにお米があった!」
「ここには卵が隠れてる!」
そんな風に、ちょっとした宝探し気分で見つけていただけたら。見つけた瞬間、ふふっと笑顔になれるような遊び心も、イースミール様が大切にされている食の楽しさに通じると考え、こっそりと実装させていただきました。ぜひ、全部見つけてみてくださいね。
「筑紫オールドゴシック」で実現した、信頼感
どこか懐かしいレトロな雰囲気を感じさせてくれるフォント選び
そして、今回のサイトの雰囲気を決定づけている一番の要因。それは「フォント(文字)」です。
「デザインが優しい雰囲気だから、文字も丸っこい『丸ゴシック』にすればいいのでは?」
最初は、私たちもそう考えました。確かに丸ゴシックは可愛らしく、親しみやすいフォントです。子ども向けのサービスにはぴったりかもしれません。でも、何か物足りない。ただ可愛いだけでは、イースミール様が長年積み重ねてきた栄養管理への厳しい姿勢や、未来を担う子どもたちへの真剣な想いが伝わりきらない気がしたのです。
そこで私たちが数あるフォントの中から選び抜いたのが、有料フォントである「筑紫オールドゴシック」でした。
このフォント、一見すると普通のゴシックに見えるかもしれません。でも、じっくり見てみてください。文字の角は取れていて優しい印象なのですが、書き出しや末端の部分が、まるでラッパのように少し広がっているのがお分かりいただけるでしょうか?そして、手書きのような有機的なゆらぎがあります。この独特のフォルムが、単なる可愛さの向こう側にある、どこか懐かしいレトロな雰囲気を感じさせてくれるのです。
詳しくは 株式会社イースミール様 オフィシャルサイト をぜひご覧ください。
「食べ物が、おともだちになっていく。」
そんな素敵な魔法を、このホームページを通じて感じていただけたら嬉しいです。地域の子どもたちと、そのご家族の笑顔を、食を通じて支え続けるイースミール様。その素晴らしい活動を、私たちWeb Design Aoiも、デザインという形のない調味料で、ずっと応援し続けていきたいと思います。
■株式会社イースミール(e-smeal)
Web Design Aoi (ウエブデザインあおい)は、仙台市青葉区と東京都渋谷区に本拠地を置くホームページ制作会社です。ホームページ(WEBサイト)制作の知識がない方でも簡単にブログを更新して頂ける「WordPress(ワードプレス)」というブログシステムで制作しています。お客様自身に日記を書くように気軽にブログを更新して頂けます。このようなブログ更新システムやパソコン・スマホ・タブレットで最適な表示が可能なレスポンシブデザインも余程のことが無い限りスマホ・タブレット用の制作費を別途頂戴しておりません。
私共にホームページ制作をご相談されたいという方は、ぜひお気軽にご連絡ください。

