Mochajavaburgershop

制作期間

2023年5月3日〜2023年5月14日(12日)

制作時間

設計&ワイヤーフレーム作成 3hrs

画像編集 5hrs

ロゴ作成 3hrs

デザインカンプ作成 7hrs

コーディング 21hrs

合計 39hrs

使用ツール

XD
HTML
Photoshop
CSS
Illustrator
Javascript

ペルソナ

23歳 男性 会社員 福岡市内在住

学生時代からバイクが趣味

休日は学生時代の友人やバイク仲間とツーリングへ行くことが楽しみの1つ

趣味がバイクということもあり、古着を中心としたアメカジ、バイカースタイルが好み

コンセプト

20代の男性をターゲットとしたカジュアルな男っぽさのあるハンバーガーショップ

ホームページを見ることにより来店を促したい

ホームページとInstagramを連携してInstagramのフォロワーを増やしたい

工夫した点

Menu

Hamburger

Teriyaki

ペルソナが好むWebサイトにするために、カジュアルでありながら、どこかヴィンテージ感のあるイエローをメインカラーに、アクセントカラーには明度を若干落としたグリーンを選択しました。

見出しやメニュー名は同じフォントで統一し、色やサイズでコントラストをつけることで、メリハリと統一感を表現しました。

before
after

before

after

ハンバーガーの元画像には肉汁やソースが飛散していたため、Photoshopを用いて修正を行い、ハンバーガーのジューシーさと出来立て感を表現するために、コントラストやトーンに拘りました。