Makiko Kawabata Portfolio

Worksスープ専門店コーポレートサイト

スープ専門店コーポレートサイト

概要

「こばやす」さんが作られている構成からWebサイトデザインをしようというお題にチャレンジした作品です。

要件

コンセプト

忙しい朝、残業してクタクタな夜。そんな慌ただしく過ごすつかの間の休憩時間に野菜たっぷりのスープでホッと一息つく。 自分でスープを作るとなると、野菜を切る所から煮込んで味付けまで地味に時間がかかる。だけど無性に飲みたくなるスープ。 私たちがひと手間かけて美味しくヘルシーなスープを作り、お客様へ癒しと健康をお届けしたい。

希望デザイン

「スープ専門店Koba Soup」は一般人でも手が届く値段で買えるのが売りのため、程よいレベル感のデザインを希望している。 メインユーザーが働く人なので、シンプルで大人っぽさがあるデザインが良い。 「スープを飲む時間くらいはホッと一息ついて欲しい」というコンセプトがあるので、あまりカチッとし過ぎないゆるい雰囲気も作って欲しい。 ロゴは特に無いため、Webサイトの雰囲気に合わせてデザインして欲しい。

カラー:白、こげ茶、ペールグリーン

ページ構成

  • TOPページ
  • こだわり
  • メニュー
  • アクセス(TOPページのコンテンツへリンク)

制作について

一般人でも手が届く値段で買えるのが売りとのことなので、高級感を出し過ぎないよう、トップページにゆるめのイラストを使用し、写真はすべて角丸にしてやわらかい印象を与えられるようにしました。

シンプルで大人っぽいデザインを表現するためにベースは白色に設定し、見出しのフォントは明朝体を使用しました。全てのフォントに明朝体を使用するとカチッとし過ぎてしまうと考え、本文にはゴシック体を使用しバランスがとれるよう工夫しました。

ロゴはスープを口にした人の笑顔と、スプーンのモチーフを兼ね合わせたデザインにしました。

KobaSoup ロゴ

KobaSoup ロゴ

共有リンク

Figmaワイヤーフレームデータ

Figmaデザインデータ

制作環境

使用ツールAdobe Photoshop・Adobe Illustrator・Figma

制作期間約8日

スープ専門店コーポレートサイトワイヤーフレーム スープ専門店コーポレートサイトPCデザインカンプ スープ専門店コーポレートサイトSPデザインカンプ