概要
「YogaFull」は、“ヨガのある生活で、毎日を心地よく。心もカラダもハートフルになれる手のひらメディア” をコンセプトにした、
ヨガ情報のオウンドメディアです。
本プロジェクトでは、WordPressをCMSとして採用し、デザイン性と運用性の両立を実現。
コンテンツ企画チームと連携しながら、SEOを意識したサイト構造・記事設計を行い、
企画・設計・デザイン・コーディング・公開後の運用まで一貫して担当しました。
日常の中に自然とヨガを取り入れたくなるような世界観づくりと、
継続的にコンテンツを育てていけるメディア基盤の構築を目的としたプロジェクトです。
URL
https://yoga-lava.com/yogafull/
担当
ディレクション / デザイン / コーディング
制作期間
WordPress構築（デザイン / コーディング含む）：3カ月
デザインについて
デザインコンセプト
ヨガのある生活の心地よさを、画面を通して感じられるメディアデザイン
トーン＆世界観づくり
メインビジュアルや写真は、柔らかい光と自然な表情を感じられる素材を中心に選定。 穏やかな色味と余白を活かした構成で、「ヨガのある生活」の心地よさが伝わるよう設計しました。 初めて訪れるユーザーにも安心感を与え、日常にヨガを取り入れたくなるようなやさしい世界観を意識しています。
カラー設計
ナチュラルで落ち着いたトーンをベースに、ポイントカラーとしてLAVAロゴのオレンジを採用。 ブランドらしさと視認性を両立しながら、心と身体の健やかさを想起させる配色バランスを整えています。
レイアウト・情報設計
余白をしっかり確保し、セクションごとの階層整理と視線誘導を意識したレイアウト設計に。 見出し構成や行間を調整することで、長文コンテンツでも疲れにくく、 自然に読み進められる導線を構築しました。
WordPressを活かした運用設計
投稿テンプレートやパーツを統一し、編集側が更新しやすい仕組みを構築。 コンテンツが増えてもデザインの一貫性が保てるよう配慮し、 運用負荷の軽減と拡張性を意識したCMS設計としています。
SEOを意識したUI / UX
企画チーム・SEO担当と連携し、検索ニーズに基づいた見出し構成や内部リンク設計を実装。 ユーザーと検索エンジン双方に配慮したUI / UXを設計しました。