【自主制作】映画ブログ

製作期間1日間
使用したツールPhotoshop(写真加工)/STUDIO
依頼内容自主制作
要件定義
  • 制作目的
    • 映画の口コミブログ
    • 映画好きと交流できる
    • おすすめの映画の情報収集ができる
  • ターゲット
    • 20代~40代男女
    • かっこいいものやワクワクするものが好き
    • 海外旅行なども好き
  • トンマナ
    • ノンセクシャルなデザイン
    • 海外の雰囲気を感じるスタイリッシュなデザイン

情報設計について

ブログ記事のレイアウトは見やすい設計に

各記事の見出しと日付が分かりやすく表示されており、直感的に読めるように工夫しています。各投稿にサムネイル画像が添えられているため、視覚的な魅力も上げています。記事ごとにスペースが設けることで、内容が見やすく整理された印象をつくっています。コンパクトで簡潔な記事プレビューが、ページのリズム感を保っています。

シンプルで直感的なナビゲーション

ページの流れがスムーズになるようにナビゲーションをわかりやすく工夫しました。アクセス情報が簡潔にまとまっており、来店計画がしやすくなっています。ページの末尾に地図が表示され、訪問者がアクセスしやすくしています。メニューやボタンの配置が分かりやすく、操作に迷わないデザインにしています。各セクションへのリンクやボタンを明確に配置しています。

Twitter連携によるリアルタイム性

サイドバーにTwitterのタイムラインが埋め込まれており、最新情報をチェックすることが可能な作りにしています。映画関連のツイートが表示されることで、コンテンツの幅を広げています。読者にリアルタイムの映画情報やトレンドを提供できるのが魅力です。ブログ外の情報も取り入れることで、より多面的な視点が楽しめます。SNSとのリンクがあることで、ブログと外部SNSの相乗効果が期待できます。

デザインについて

視覚的なインパクト

ヘッダーに配置された大きな映画館の写真で映画ブログらしさを強調しています。特にネオンサイン風の「HARU’S CINEMA」というコピーに拘っており、雰囲気を盛り上げています。黒を基調にした背景がシネマティックな印象を与えて雰囲気が引き立たせており、さらに赤と白のアクセントカラーが目立つことで、視認性とデザイン性の両方を向上しています。全体的にダークでシックな雰囲気は、映画レビューサイトに適しています。

モバイルフレンドリーなデザイン

シンプルな構成で、スマートフォンからのアクセスも容易です。重要な情報が上から順に配置されており、縦スクロールで完結するようになっています。モバイルデバイスで見やすいレイアウトになるように考慮しています。各要素が適度に間隔を空けて配置されており、操作性も確保しています。モバイルでもデスクトップと同様の体験ができます。

更新が期待できる構成

最新記事を上部に配置することで、常に新しい情報が提供されている印象を作っています。更新頻度が高そうなサイト構成で、読者のリピートが期待できます。映画に関する幅広いコンテンツが常に楽しめる設計です。継続的な更新が期待され、定期的に訪問する価値を演出しています。

この記事が気に入ったら
フォローしてね!

よかったらシェアしていただけると嬉しいです!
  • URLをコピーしました!
目次