El Chupacabra

Case Study

El Chupacabra

Webサイトデザイン

EL Chupacabraについて

エル・チュパカブラはシアトル・グリーンウッドのアルキ・ビーチ地区にあるメキシカン・レストラン。2005年にオープンし、15年以上地元のレストランとして人気があるお店の一つ。
オーナーのアーロン・ライトは、ビジネス・パートナーとともに、開店時にシアトルの地元のパンクミュージック好きなパブからホールのバーテンダーとして雇った。古いジュークボックスには、今でもお気に入りのパンクロックやヘビーメタルの曲が流れる。

プロジェクトの概要

+COVID-19（コロナ）の状況下において、ユーザーはウェブサイト上でオンライン注文ができるオプションを追加必須。

+ウェブサイトを通じてエル・チュパカブラの文化や美学を伝える。

プロジェクトの目標

+ウェブサイトのルック＆フィールを改善。

+モバイル・ファーストのアクセシブルなデザインにする。

業務担当

UI デザイン

課題 / 改善点

+最新のウェブデザイン構造への対応

+コンテンツの整理

+顧客がエル・チュパカブラについてより詳しく知ることができ、オンラインで注文できるウェブサイトを作成する。

改善方法

コンセプト - 3つのキーワード

カジュアル / パンクロック / 類稀

この3つのキーワードは、彼らがレストランをオープンしたときのエピソードに基づいている。
バーテンダーはシアトルの地元の地元のパンクミュージック好きなパブから雇った。古いジュークボックスには、彼らが好きなパンクロックやヘビーメタルの曲が流れていた。パンクロックは彼らの歴史に深く関わっており、今でもそのジャンルの音楽を店で流している。

サイトマップ

私が考える構成は、オンライン注文と位置情報とコンタクトがサードパーティサービスやSNSと連動している以外は、1ページのウェブサイトである。1ページのウェブサイトの利点は、必要な情報に素早く到達できることです。黄色のハイライトは、顧客が最も早く知りたいことです。

アイデアとスタイルボード

メインビジュアルのアイデアは、パンクロックのヴィンテージ・フライヤーとパンクな雰囲気で。

ワイヤーフレーム

すべての要素はレスポンシブ・ウェブデザインの構造に従う必要がある。
例えば、12カラムや各デバイス用のブレークポイントなどだ。

タイプシステム

フォントが意図するブランド・ボイスを強くする: ヴィンテージ・パンク・スタイルの視覚化。
ボディ部分の書体のChaparral Proは可読性が高く、SEX PISTOLSフォントとの相性も良い。

モバイル

お店のストーリー

COVID-19 コロナ情報

ロケーション

コンタクト

求人

ナビ + ローカルサポート

プロモーションのアイデア | ローカルのサポート

エル・チュパカブラのプロモーションのアイデアは、ウェブサイトがお客さんと地元のアーティストや小売店をつなぎ、商品を販売促進するのに役立つアイデア。サポートローカルメニューは、（ピンタレストのアプリのように）パンクがコンセプトのアイテムをランダムに表示する。興味のあるアイテムをクリックすると、サードパーティのEコマースサイトに接続される。