エルマンボ 公式ホームページ

検索結果の上位表示の実現を考える前に、そもそも『 どんな利用者をターゲットとするか？ 』、『 利用者が飲食店サイトにどんな情報を求めているか？ 』に対する考察と理解が欠かせない旨を解説。

自店の顧客を距離ごとに４層で区分（常連／茅ヶ崎駅近辺のパーティー需要／湘南エリア生活圏内／都内を含むスペインバル好き）。どの顧客層がどのような動機やタイミングで自サイトを利用するかについて、スタッフ自身が納得できるよう議論をファシリテートしました。

その後、自身の飲食店サイト利用順を振り返っていただき、食べログ／ぐるナビ／Hotpepper等の専門サイトや検索サイト、友人からの口コミからスタートする導線をホワイトボードに図式化。実体験を元にしたリアルな情報探索行動パターンを体系的に把握いただき、ユーザーと自サイトの関係についての理解を深めていただきました。

• 提示資料／提供サービス
• ・飲食店サイト利用時の一般的な情報探索導線のチャート
• ・ブレーンストーミング

コンテンツの配置やナビゲーションを改修した主要画面のデザイン・スケッチを提示。これを元に議論を行い、デザインやイメージに関するリクエストを引き出しました。

あわせて、お店の目指しているところが一言で伝わるようにと、キャッチコピー『 ワイン、ピンチョス、スペインごはん。街の陽気なスペイン居酒屋 』を考案。このコピーはお店のイメージやビジュアルデザインの指針としての役割も果たしています。

• 提示資料
• ・主要画面のデザイン・スケッチ
• ・キャッチコピー（５案提示）
• ・スケジュール表
• ・お見積もり

最初の打ち合わせにてメンバー間で共有した前提条件を元に、情報コンテンツをユーザーの見たい内容に再整理。“超”地域密着店としエルマンボのお客様がお店のWebサイトに期待しているであろうことや、お得意様がクチコミしたくなるコンテンツで、現在不足しているもの等を整理して提示しました。

また、それらの情報コンテンツを鮮度の良い状態で短い頻度にて更新するために、ツイッターやブログの活用を前提とした更新方法についても提案を行いました。

• 提示資料
• ・コンテンツ提案シート
• ・上位階層サイトマップ
• ・ツイッター、ブログ活用の利点と使い方等に関する提案

既存コンテンツの見出しやラベル等のコピーワークの見直しを実施。その他、ごあいさつ等の新規原稿の執筆を行いました。

また、メニュー写真は既存のものを利用していますが、外観や内装、スタッフ等については新たに撮影を行わせていただきました。

• 中間成果物
• ・ラベルや見出しのコピーワーク
• ・各画面のコンテンツ原稿
• ・写真撮影（外装、店内、各スタッフ等）

画面レイアウトやカラースキームを先んじて提示し、了承を得てから、各要素の詳細デザインに着手。アイコンを含むアートワークを当方にて行いました。

また、一部イラストをお店の壁画やロゴ・デザインを手がけているstudio Jointに依頼し、当方にて全体のアートディレクションを行わせていただきました。

• 中間成果物
• ・詳細デザイン(PSDファイル）
• ・イラスト

HTML/CSS/JavaScriptのコーディング作業を専門業者の牧野工房に依頼。基本情報を記述した仕様書とマージン等を記述した指示書と一緒にPSDファイルを納品し、数枚のテンプレートをコーディングいただきました。

当方への仮納品後に、文言や価格等の表記、レイアウトや画像の表示、クリックやオンマウスの際の動作等、品質確保のための確認作業を当方にて行いました。

ご多忙中のお客様の手間を軽減するため、ご確認依頼についても要点を絞って作業の要領を分かりやすく提示。Ｅメールのやりとりを２回行って、すべての確認作業を終えることができました。

• 中間成果物
• ・ディレクトリー表
• ・コーディング仕様書
• ・各画面のコーディング指示書（各マージン設計含む）
• ・各種確認テストの結果シート