架空カフェサイト制作

OVERVIEW

デザイン・コーディングした自主制作サイトです。(レスポンシブWebデザイン対応) ・PhotoshopとIllustratorでデザイン作成 ・Dreamweaverにてコーディング(HTML5、CSS3)

YEAR 2020

ランディングページ


ターゲットは20代~30代の女性。様々なイベントを開催しているカフェに、友人や家族を連れて足を運んでもらえるようなサイトをイメージしております。

お店自慢のパンケーキをメイン画像に持ってきましたが、キャッチコピーを入れることでハワイアンカフェのサイトであると一目で分かるようにしました。


レスポンシブWebデザイン対応



スマートフォンから見たサイトです。

ハンバーガーメニューをクリックした後のメニュー表示を載せています。

カーソルを乗せると、赤い下線が出るように表現しました。


コンバージョンページ

こちらのサイトは来店誘致が目的です。店舗写真やマップを大きく見せて、店舗情報を載せております。


ブログ風に

ニュースやイベントの情報を更新しやすいように、文字や写真のレイアウトを意識しました。