WORKS
配色
Web Site
架空のインテリア雑貨店のWEBサイトを制作しました。
サイト閲覧ページ
ターゲット
可愛いものや、雑貨好きな20~30代の女性
目的
お店の魅力を伝え、オンラインショップ誘導へ繋げる。
参考サイト
ナチュラルキッチン様のWEBサイトを参考にさせていただきました。
https://www.natural-kitchen.jp/
情報設計
SNSの強化のため、コンセプトページにSNSのキャンペーンバナーを配置することで、お店のPRに繋げています。商品ページではポップアップ表示にすることで、具体的な商品の詳細を見ることができ、すぐオンラインショップに飛べるようにしています。サービス内容をより理解してもらえるように、お問合せ内容をまとめています。
デザイン
アンティーク感のある可愛いデザインになるよう、丸みのあるフォントを使用し、優しい雰囲気が出るよう意識しました。バナーやイラストを使用することで、視覚的に情報が伝わりやすいようにしています。オンラインショップへのボタンを数カ所配置することで、ユーザビリティを意識しています。
制作期間
企画 / 情報設計 / WF :1日
デザイン :2日
コーディング :4日
使用ツール
Illustrator / Photoshop / VScode
使用言語
HTML5 / CSS / jQuery
今後の課題
jQaryがクラス指定のため、動作に若干時間がかかりユーザビリティーが落ちているので、ID指定で改善していく必要があると感じています。時間の都合上、アイテムページのポップアップ部分も、画像が一枚しか使用されておらず詳細が分かりにくいので、あらゆる角度の写真を掲載してユーザビリティの向上に繋げたいです。各種バナーのデザインに関しては、今後も技術向上に向けて追求していきます。jQaryに関しては、調べながらの作業となっており時間がかかっているため、さらに勉強し、知識の習得に励みます。