Works

サイト名
くるみごはん
URL
http://www.ll.em-net.ne.jp/~cafe/curumigohan/
クライアント
株式会社モスフードサービス、株式会社スマイルズ コラボ企画(授業内の仮想企画)
制作期間
2015年10月~2月(約4ヶ月)
ソフト・言語
IllustratorCC / PhotoshopCC / DreamweaverCC / HTML5 / CSS3 / jQuery
企画書
くるみごはんWEBサイトご提案書PDF
担当業務
企画・CI計画・デザイン・コーディング
企画概要
イートイン・テイクアウトのできる「おにぎらず」と栄養バランスを考えた日替わり「味噌汁」のファーストフード店の公式サイト制作を依頼された。 食材で色鮮やかなおにぎらずと味噌汁を引き立てるためにシンプルな白をベースとしたデザインが特徴。親しみやすさを出すために手書き風のラインやフォントをを使用した。
  
幅広い層に閲覧してもらえるようレスポンシブデザインになっておりマルチデバイスに対応している。
くるみごはんWEBサイトPCキャプチャーくるみごはんWEBサイトPC
くるみごはんWEBサイトスマホキャプチャーくるみごはんWEBサイトモバイル

Sitemap

くるみごはんサイトマップ

CI

商品名を一般的な「おにぎらず」という呼称ではなく流行に流されない独自のネーミングに変え、それを店名に取り入れた。海苔で優しくごはんを包むという意味だが、手作りの暖かさを感じるネーミング。ロゴタイプ・ロゴマークはひらがなの持つ優しさとお米のころんとした丸みが親しみ与える印象。

Coloring

  • background:#ffffff
  • text:#000000
  • accent1:#883333
  • accent2:#cd7a7a
  • linkhover:#888888
  • line:#cccccc

料理の画像がより美しく見えるようサイトデザインは極力シンプルにモノトーンで仕上げた。アクセントカラーには和を意識した渋めの赤色とその濃淡を使用。

Graphic#1

くるみごはん店舗マップ

店舗マップ 制作期間2日

くるみごはん3店舗(銀座、表参道、鎌倉)の和文・欧文のマップ作成。シンプルで飽きの来ないわかりやすいデザインを目指した。色反転バージョンも作成。

Graphic#2

くるみごはんショップカード

ショップカード 制作期間1日

エンボス加工されたショップカードのデザイン。前面にはシンプルに店名と電話番号を、裏面にマップと住所とサイトアドレスのQRコードを配置した。