TAKATERU SASAKI PORTFOLIO Works

【架空】インテリアショップ

概要

架空のサイトとしてインテリアショップのECを制作しました。
ターゲット

20~30代の男女。コストを抑えつつも安っぽい家具は買いたくない人。
サイトコンセプト

家具を探している人が手軽に商品を探し購入できるサイト
目的

商品の情報や在庫状況を公開することで店舗での売り上げアップとWeb予約と購入の増加を図る。
設計

洗練された印象を与えるために、モノトーンの配色とFuturaフォントを使用し、シンプルながらもスタイリッシュなデザインを採用しています。 Productページでは家具屋としての世界観と利便性を両立させるため商品ジャンルのタブに家具のアイコンを使用し、直感的に操作できるデザインにしています。また、See moreボタンでは、jQueryを用いて引き出しを開けるような動作を取り入れ、インタラクションの楽しさを加えました。さらに、利用シーンをイメージしやすいように家具の組み合わせ例を提案し、単品購入だけでなく、まとめ買いを促進する設計になっています。
使用ツール・言語

Adobe Photoshop / Adobe XD / Visual Studio Code / HTML / CSS / PHP / jQuery
担当範囲

制作全般（デザイン制作・コーディング・ライティング）
制作期間

1ヶ月 2024.08〜09