800° Degrees Neapolitan Pizzeria

制作期間

11日

使用ソフト

デザイン：　XD / Illustrator / Photoshop
コーディング：　HTML / CSS / SCSS / JavaScript / JQuery

レスポンシブ

対応

概要

職業訓練校での課題制作です。 テーマは「飲食関係サイト」で、東京にいた頃お気に入りだったピザ屋さん「800°ディグリーズ ナポリタン ピッツェリア ニュウマン新宿店」を選択しました。
ベースピッツァからトッピングまで自由に選ぶことができて無限に楽しめる、そんなコンセプトが伝わるよう物語のように読み進めるイメージで、１ページごとに内容をまとめてレイアウトしました。

目的

・ピザ屋さん「800° Degrees」の概要や特徴紹介
・お店の注文システムやメニュー等の紹介

ターゲットユーザー

20〜30代の男女

サイトコンセプト

ベースカラーをクリーム色、メインカラーをブラウンにし、「プレミアムファストカジュアルレストラン」というコンセプトに沿うよう、落ち着きながらもカジュアル感もある色味を使用しました。
画面を横スクロールで配置することで物語のように楽しく読み進めていけるような構成を意識しています。 シングルページで長くなってしまうので、飽きさせないよう、背景やコンテンツにはアニメーションで動きをつけています。

ページ構成

・トップページ（シングルページ）
＊コンテンツ
　∟概要 / お店の特徴 / 注文方法 / メニュー / アクセス / SNS