TOOL
figma
photoshop
illustrator
Ble BAKED STORE
INFO
Ble BAKED STORE
名古屋市八事日赤駅の近くにある飲食店。
焼き菓子をメインにスパイスにこだわった料理や、ナチュールワインやクラフトのリ
キュールなど、トレンド感のある商品を提供している。店舗の情報がInstagramのみで
今まで更新していたものを店舗の信頼度の向上のためと、WEBの分析強化のためにHPを
作成。
CONCEPT
Instagramで気になるからの
来店へのコンバージョンの支援
客単価の向上を目的として、ターゲットを少し高い年齢層へ拡大を意識しました。 配色やフォントは可読性を保ち、イメージはクリーンで少し品のあるデザインを 目指しました。写真は直感的に美味しさが伝わるように、自然に彩度を上げ露光量 を調節しました。店主の要望でトレンド感も意識したいと要望もあったので、 グリッドデザインを採用し、ターゲット層を意識しつつ落ち着いた雰囲気のサイトを作成しました。
PELSONA
20代後半～40代前半(食にこだわりがある）男性・女性
COLOR
MAIN COLOR
メインカラーは元々のロゴカ
ラーである深い藍色を採用。
また少し高い年齢まで取り込
みたかったので、品の良さを
重視しました。
SUB COLOR
背景の煙などに使用。全体の
カラーバランスを意識し他の
要素を害さず煙にも見える淡
いグレーを使用しました。
ACCENT COLOR
焼き菓子で連想しやすいブラウ
ンの中でも、サイト全体の重厚
感をプラスするために、深く暖
かいのあるブラウンを採用。配
色バランスに配慮しました。
BACKGROUND COLOR
食べ物の写真の見た目をよく
見せる為、清潔感のあるサイ
トの雰囲気にする為にシンプ
ルな白を使用しました。
STRUCTURE
LAYOUT
グリッドレイアウトを採用し、全体的に整っていて見やすいレイアウトを目指しました。 また適所に縦書きのフォントを加え、サイト自体の見栄えにメリハリを出し、高年齢を意識した 和のテイストも加えています。
TOP
焼き菓子の写真を大きく採用し、インパクトを残しつつ分かりやすいページの導入を目指しました。
PICK UP
グリッドですべて区切り境界が分かりづらい所は二重線を使い、NEWSひとつひとつ見やすくしま した。Instagramでの投稿が現在の情報更新方法なので、写真も正方形にし更新のしやすさも考慮 しております。
MENU
ボタンを押すことで写真が切り替わりMENUの概要が分かるレイアウトにしました。 写真の素材が少なかった為、その手法を採用しました。
CONCEPT
縦書きフォントにし、和のテイストを加え居心地のよさそうな雰囲気を演出しました。
INFO
四角で囲い、欲しい情報をわかりやすくする事を意識しました。