写真掲載サイト MS Records
自分の撮りためた写真を記録するためのWebサイトをデザイン・制作しました。写真を主役として際立たせた、シンプルでミニマルなデザインを目指しました。
- ターゲット
-
- 写真が好きな方
- 自分に興味を抱いてくれた方
- 自分
- 課題
-
- 写真を撮っても見せる場面がない
- その時に感じたことと一緒に気軽に振り返りたい
- 目的
-
- 写真と言葉をまとめて記録し、気軽に見返せるようにする
- 写真を見ていただくことで、自身のモチベーションを上げる
- 情報設計
-
写真を一番に見ていただくために、FVから目に入る位置に配置しました。ナビゲーションメニューはカテゴリーのみとするなど、掲載する情報を最低限に絞ることでより写真を集中して見ていただけるように意識しました。
- デザイン
-
写真を主役とするため、色は白と黒の2色のみで構成しました。枠やラインなどは使わず余白を意識したデザインとし、目がすぐ写真へ向かうようにしました。TOPでは写真をホバーすることで背景に写真を表示させ、投稿ページでは背景をグレーにすることで、より写真を際立たせること、シンプルの中でも単調になりすぎないデザインを意識しています。
- 制作期間
-
- 企画、設計：10H
- WF：3H
- デザインカンプ：4.5H
- コーディング：13H
- WordPress化：6.5H
- 使用ツール
-
- Figma
- XD
- Illustrator
- Photoshop
- VSCode ( HTML / CSS / jQuery )
- WordPress
