家具店 LIVER
URL
作品概要
家具店 「LIVERA」の架空webサイト
担当範囲
企画 / デザイン / コーディング
製作期間
企画
1h
デザイン
8h
コーディング
14h
使用ツール
Figma / HTML / CSS / jQuery
目的
スムーススクロールやリサイズヘッダー、モーダルウィンドウ、スライドメニューなど、jQueryで構築可能な基本的なアニメーションに対応したデザインの練習を目的として制作しました。
ターゲット
30代の女性
デザイン
サイト全体にゆとりある余白を設けることで、静けさや上質さ、そして暮らしの豊かさを表現しました。商品セクションはグリッド形式で整然と配置し、視認性と選びやすさの両立を図ることで、快適な閲覧体験を意識しています。
フォント：
本文には、フラットで視認性の高いサンセリフ体を採用し、情報の伝達性を高めながら、モダンで親しみやすいトーンを維持しています。
配色：
ブラウン・ホワイト・ベージュを基調とし、自然素材や温もりある暮らしを連想させる配色にしました。
#71504E
#E6D2C7
#FFFFFF
