制作内容
この自主制作では、映画に関する情報やレビューを扱うブログサイトをデザインしました。ユーザーが「映画への情熱」を感じながら、見たい情報にスムーズにアクセスできる設計を目指しました。
| 製作期間 | 1日間 |
| 使用したツール | Photoshop（写真加工）／STUDIO |
| 依頼内容 | 自主制作 |
- 制作目的
- 映画の口コミブログ
- 映画好きと交流できる
- おすすめの映画の情報収集ができる
- ターゲット
- 20代～40代男女
- かっこいいものやワクワクするものが好き
- 海外旅行なども好き
- トンマナ
- ノンセクシャルなデザイン
- 海外の雰囲気を感じるスタイリッシュなデザイン
情報設計について
視覚的な情報の整理と優先順位
ユーザーの目的である「見たい情報を見つける」ことを最優先に考え、情報を論理的に整理しました。特に、記事一覧やカテゴリーといったブログの主要な要素を、サムネイルや色分けで視覚的に整理しています。これにより、ユーザーは大量の情報に圧倒されることなく、直感的に必要な情報にアクセスできるよう導線を設計しました。
映画への情熱とパーソナル感の創出
単なる情報サイトではなく、「映画への愛」と「個人のレビュー」というパーソナルな要素が伝わるような設計を意識しました。ブログのキービジュアルを効果的に配置し、訪問したユーザーがこのブログの熱量を感じられるようにしています。
記事検索の導線強化
ブログサイトにおいて重要な「記事検索」機能を、ユーザーがサイト内のどこにいてもスムーズに利用できるように導線を強化しました。検索窓やカテゴリー、タグといった記事を探すための要素を分かりやすい位置に配置し、ユーザーの利便性を高める設計にしています。
デザインについて
映画の情熱を思わせる配色
全体を黒と赤を基調とした配色でまとめ、映画作品が持つ情熱的でドラマチックなイメージを表現しました。この配色により、サイト全体のトーン＆マナーを決定づけ、「映画好き」の熱量を視覚的に伝えることを狙いました。
テーマを強調するフォント選定
映画のタイトルや見出しには、作品のテーマ性を強調するような、力強く印象的なフォントを選定しました。一方で、本文のレビューや詳細情報には、長時間読んでも疲れないよう可読性の高いフォントを使用しています。フォントの使い分けで、デザイン性と情報伝達の効率を両立させました。
動きを意識したキービジュアル
メインビジュアルや記事のサムネイルには、映画のキービジュアルを効果的に使用しました。これらのビジュアルが持つダイナミズムを活かし、サイト全体に動きとテンポが生まれるよう配置を工夫しています。これにより、ユーザーの視線を引きつけ、サイトを読み進める楽しさを創出しました。
