Web design

概要

・実在する店舗から素材をお借りして制作した架空サイト
・デジタルハリウッドの卒業制作

URL

https://odayumi.sakura.ne.jp/quro

使用ツール

Dreamweaver　Photoshop　Illustrator　AdobeXD

担当範囲

ディレクション、企画書作成、ワイヤーフレーム、デザイン、コーディング

制作期間

2ヶ月

レスポンシブ

PC / SP

ターゲット

・近隣に住む20代〜の男女
・贈答用や特別な日、自分へのご褒美に購入することを想定

制作の目的

・当店の良さを知ってもらい新規顧客とリピーターを増やす
・オンラインショップからの購入を増やす

ポイント

黒をメインカラーにして、お店の世界観を全面に出しました。贈答用や特別な日、自分へのご褒美に購入することを想定しているので、サブカラーに黄色が入った黒、アクセントカラーに落ち着いた黄色を使用し、余白をゆったりと取って贅沢な雰囲気が演出できるようにしました。サイトの雰囲気を壊さないように地図はGoogleマップを埋め込むのではなく、Illustratorを用いて作成しました。また、各ページ動きを付けて、飽きさせないサイト設計にし、商品情報のページはスライダーとモーダルを用いて、分かりやすくて見やすいデザインを心がけました。

▶︎サイト閲覧用パスワード
ID：quro
PASS：pass

（企画書一部抜粋）