AYNO SATO

Gelateria MAKO

Gelateria MAKOのファーストビュー
Gelateria MAKOのabout
Gelateria MAKOのserice

Overiew

TECH::EXPERTの模擬課題にて、新宿駅に新規出店するジェラー店のwebサイトを作成。
デザインからコーディングまでを行いました。

制作物
ジェラート店のWEBサイト(レスポンシブデザイン)
URL
gelateriamako.com
使用ツール
Photoshop/ Illustrator/ Figma/ HTML/ CSS/ JavaScript
制作期間
10日

Request Content

店名
Gelateria MAKO
住所
〒160-0022 東京都新宿区新宿4丁目1−6 NEWoMan 1F
電話番号
03-5315-4803
営業時間
8:00 ~ 21:30
目的
ジェラートの本場イタリアで10年間修行した店主が作る本格ジェラートオーガニックな素材を利用し、身体にも優しい

Proce

Persona

性格
女性
年齢
28歳
出身地
東京都
職業
会社員
年収
600万
住まい
都内の1LDKでひとり暮らし
価値観
自分の時間を大切にしたい。/シンプルでセンスの良いものを追求する。/個性的でこだわりがある。/装飾より機能を好む。
趣味
カフェ巡り/ヨガ
平日の過ごし方
朝7時に起きて1時間の電車バス通勤を経て、9時に出社。18時に勤務を終了し、19時過ぎに夕食。 24時半に就寝。
休日の過ごし方
どちらかと言えば、外出するよりも家でゆっくりする方が好き。よくカフェに行く。
好きな
ファッション
シンプルなものを好む。派手な色はめったに着ない。
使用デバイス
iPhone 8
使用頻度
毎日利用する
よく使うSNS
LINE/ Instagram/ Twitter(見る専門)

Concept

お客様の強み:オーガニックな素材を利用し、質の良いジェラートを提供している

ターゲットの好み:シンプルで落ち着いた雰囲気

Design comp

  • 認知度向上をはかるため画像を多く使いイメージわ湧きやすいよう工夫
  • 信頼感、安心感を与えるため代表の写真を使用
  • オーガニックで品質の良さを伝えるためMenuの写真に素材画像を使用
  • 装飾は線や三角のみにする事でシンプルですっきり見えるよう工夫

Color

ベースカラー
薄いクリーム色にすることで落ち着きのある優しい印象に
メインカラー
ベースカラーとアクセントカラーの中間色にし、色に統一感を持たせた
アクセントカラー
ゴールドを使うことで高級感を演出
テキストカラー
サイト全体の柔らかい雰囲気を崩さないため黒ではなく濃いグレーを使用

Font

和文:Hiragino Mincho ProN あいうえお
欧文:Noto Serif JP abcdefgABCDEFG