メインコンテンツへスキップ

制作事例

夢占いコンテンツサイト制作

夢に出てきたキーワードから意味を探せる、やさしい導線のコンテンツサイト。恋愛・仕事・人間関係・金運などテーマ別にも辿れます。

  • Web制作
  • キーワード検索
  • コンテンツ設計
  • コラム運用
紫〜ピンク基調の幻想的なヒーローイラストと「夢から届くメッセージを読み解く」ヘッドライン、中央のキーワード検索、テーマカードが並ぶトップページ。

プロジェクト詳細

プロジェクト概要

夢占いをテーマにした情報サイトを企画・制作しました。幻想的なビジュアルで世界観を統一しつつ、キーワード検索・テーマ別一覧・コラムで「夢の意味」を発見しやすい構成にしています。

プロジェクトの目的

  • 初めての利用者でも迷わず検索・閲覧できる体験の提供
  • 恋愛・仕事・人間関係・金運など主要テーマへの導線を明確化
  • 記事・占いデータの追加に耐える情報設計と運用しやすい CMS 前提
  • ブランドらしいトーンで差別化されたメディア体験の実現

対応内容

  • 企画・情報設計・ワイヤーフレーム
  • トップ・一覧・詳細の UI デザイン
  • レスポンシブ実装・アクセシビリティ配慮
  • 検索・履歴・カテゴリナビの UI 連携
  • CMS 設計(記事・占いコンテンツの登録フロー)

工夫したポイント

  • ネオン・月・星雲を組み合わせた没入感のあるヒーローとトーン&マナー
  • キーワード検索を中心に据えたファーストビューと補助的なテーマカードグリッド
  • テーマ別カードにイラストと短いラベルで直感的に選べる UI
  • 読みやすい本文レイアウトとコラム・関連リンクの回遊設計

成果

  • 検索起点の行動に合わせた導線で、主要ページへの到達を向上
  • 運用担当がコンテンツを継続投入しやすいデータ項目と画面フローに整理
  • 世界観と情報の両立により、メディアとしての印象を強化