【自主制作】架空のECサイト(ブックカバー専門店)

概要

（キャリアスクールSHElikesのWEBデザインコース課題）
架空のブックカバー専門店のwebサイト制作

担当範囲

デザイン　コーディング

使用ツール

Photoshop　HTML / CSS（VS Code）

制作物

■webサイト（架空）

実際に作成したwebサイトです。
こちらからご覧いただけます
↓
架空_webサイト
html/cssでコーディング、サーバーアップロードまで行いました。

■PCデザインカンプ

ターゲット

本が好きな人
自分だけのブックカバーをこだわって探している人
ブックカバーのコレクター
オンラインショッピングが好きな人

キーワード

・図書館、本屋さん
・カフェ
・大人っぽさ、落ち着き

配色

デザイン

・ブックカバーが欲しくなるような、購入意欲が促進されるデザイン

・本好きな人が惹かれる

・カフェが併設されているようなオシャレな本屋さん

本好きの方が惹かれるデザインにしようと計画し、巨大図書館のような本がたくさんあるワクワク感・カフェのようなオシャレで落ち着きのある空間というテーマでデザインしました。
ECサイトのTOPページという想定で作成したので、ヘッダーにログイン/お気に入り/カートボタンを置くなど、ECサイトに必要な要素を入れることを意識しました。

← TOPへ戻る