【UI】LP画面制作「代官山焼肉ARATA」

OVERVIEW

桑沢デザイン研究所 2年前期 WEBデザインの授業にて制作。

YEAR 2022

■課題概要:

「代官山に店舗を構えて10年」隠れた名店として有名な焼肉屋をクライアントとして想定した、WEBサイトリニューアル。

  • 認知されていない層にも訴求したい。
  • コロナ禍でテイクアウトを始めたことを認知させたい。
  • WEBサイトからも予約できるようにしたい。(現在1日10件程度の電話予約がある)
  • 集客につながるようなコンテンツを仕込んでほしい。店舗イメージとは違った面白い仕掛けがあると良い。

という目的を解決するためのLPを制作した。

■制作期間:約1ヶ月(2022.06~2022.07)

■制作人数:3名

■担当範囲:情報整理/プレゼンシート作成/ワイヤーフレーム作成/ロゴタイプ制作/コンテンツ制作など

■プロトタイプ:https://xd.adobe.com/view/68244712-0556-47a7-a22b-dc2909be6036-3d77/?fullscreen


プロトタイプ

オリエン〜コンセプト決定まで

頂いたお題を元に、

  • 目的とゴールの整理
  • ペルソナ策定
  • 周辺店舗リサーチ&デザインテイストの提案

をまとめて、クライアントと方向性のすり合わせを行なった。

提案書一部抜粋


要素の洗い出しとワイヤーフレーム制作

各画面において必要な情報は何かを、グループ内でディスカッションを行なった。

その後ワイヤーフレームで挙動を確認していく。


デザインアウトプットについて

必要な情報を改めて見直し、優先順位をつけた上で意匠を施していった。


ファーストビュー

シズル感を感じられる画像、各コンテンツに遷移できるメニュー、予約導線をファーストビューに設置している。

メニューと予約ボタンは、ページをスクロールしても常に表示される仕様とした。


セカンドビュー

サイトの更新履歴と、店舗のメッセージを設置した。

当初はテイクアウトのバナーをつけていたが、まずは店舗のコンセプトに興味を持ってもらわなければ購買が発生しないと考えたため、このような配置となっている。


サードビュー

テイクアウトを受け付けているという情報と、HP上からも注文ができるような導線を仕込んでいる。


ヘッダー

営業時間、カレンダーなど店舗運営に必要な情報を盛り込んだ。


追加コンテンツについて

上記ページを制作し、納品した後先方から

  • 自社のイメージとは違う形で、印象に残るようなコンテンツを一つ付け加えてほしい

と依頼が来た想定で、新たに企画を考えページに追加した。


カスタム弁当をページ上で作れ、テイクアウトできるサービス

ユーザーはゲーム感覚でお肉を焼き、オリジナルの弁当を作ることができる。

それを実際に注文することで、WEBでもテイクアウトメニューが使えるという認知に繋げるというコンテンツである。


提案したところ、発想が非常に面白くかつテイクアウトメニューの普及にも繋がるとお褒めの言葉を頂いた。


外部のクリエイティブディレクター2名に、案件ベースで提案とFBを頂けたことで大きな勉強になった課題であった。