BLOG

ブログ( EdTech, web制作, DX )

【デザイナー目線で見たサイト紹介】「マギー コンソメ 無添加」でササッと洋風コンソーメン

こんにちは、デザイナーの金です。
私は普段から参考としていろいろなWebページを見ていて、その中でデザイナー目線でいいと思ったサイトを社内で共有してきました。
スパイスワークスで制作したサイトやWebページももっと多くの方々に見てもらい、何かヒントを得て欲しいという気持ちがあり、これからブログを通じて紹介していきたいと思います。
第1回目は、私がデザインを担当した「マギー」のWebページをご紹介いたします。


「マギー コンソメ 無添加」でササッと洋風 コンソーメン

「マギー コンソメ 無添加」でササッと洋風コンソーメン
https://nestle.jp/brand/maggi/con-somen/

こちらのページは、「マギー コンソメ 無添加」を使った素麺のメニューを紹介するページです。

素麺はどちらかといえば夏食べることが多く、紹介するレシピも冷たい料理のレシピが多かったので、このページに訪れたユーザーにも涼しそうなイメージを持ってもらいたいと思いました。

それで全体の色を水色・青メインにして、「マギー」のカラーである黄色と、コンソメのイメージに合わせたオレンジをポイントカラーとして使いました。

「マギー コンソメ 無添加」でササッと洋風 コンソーメン

背景のストライプは、素麺をイメージしたものです。
ただ素麺だからといってあまりに細い線にすると少しビジーになってしまうので、涼しげなストライプに調整しました。

「マギー コンソメ 無添加」でササッと洋風 コンソーメン

情報が多いページではなかったため寂しくならないように情報の配置やあしらいに気を遣ってデザインしています。

全体的にはスッキリした素麺のイメージを伝えつつ接しやすい雰囲気のデザインにしたつもりですがいかがでしょう。
多くの方々に見てもらい、コンソーメンについて分かっていただけるといいなと思います。

こちらのサイトの制作については、実績ページにも掲載しています。

>スパイスワークスの他の実績を見る