制作実績
HOLOS宇宙学様
Webサイトリニューアル

     

HOLOS宇宙学様

神奈川県横浜市
イベント・講演会主催
YouTubeチャンネル・オンラインサロン運営

https://holos.top/

HOLOS宇宙学 Webサイトリニューアル

お打ち合わせ

以前より、Webサイトのリニューアルやオンライン決済機能の導入、サイト運用・メンテナンスなどでお付き合いのあるHOLOS宇宙学様。
今回、活動内容やサービスの広がりに合わせて、Webサイトをあらためてリニューアルしたいとご相談いただきました。

HOLOS宇宙学様では、イベント・講演会をはじめ、YouTube「HOLOSチャンネル」やメンバーシップ、オンラインコミュニティー「宇宙フィロソフィア」など、複数の活動を展開されています。

今回のリニューアルでは、それぞれの情報を掲載するだけではなく、HOLOS宇宙学としてどのような活動をしているのか、それぞれのサービスがどのようにつながっているのかをわかりやすく伝えることを大切にしました。

そこで、ご希望や共有いただいた内容を整理しながら、サイトを訪れた方が自分に合った関わり方を選びやすいよう、HOLOS宇宙学の活動を「観る・交流する・参加する」の3つに整理。

その中でも、イベント・講演会を探して訪れた方が情報を見つけやすく、申し込みへ進みやすい構成を検討しました。

また、サイトリニューアルにあわせてロゴについても調整。

HOLOS宇宙学様ご自身で制作されていたロゴのイメージを活かしながら、今後さまざまな場面で使用できるようデータを整え、サイト全体の配色やデザインにも展開しています。

制作

Webサイトは、WordPress・Lightningをベースにリニューアルしました。

トップページでは、HOLOS宇宙学の活動を「観る・交流する・参加する」の3つに分け、それぞれの特徴や違いが視覚的に伝わる構成にしています。

メインビジュアルでは、3つの関わり方を提示しながら、その中でも「参加する/イベント・講演会」が自然と目に入るよう、サイズや配置、色のバランスを調整。

さらに、ページをスクロールした後も募集中のイベント・講演会へ移動しやすいよう、追従する導線を設けました。

デザインは白をベースに、ロゴに使用しているマゼンタ・パープル・シアンをアクセントカラーとして採用。

HOLOS宇宙学様から共有いただいたポップでサイケデリックなイメージを踏まえながら、周波数や波動をイメージしたウェーブを取り入れ、世界観をサイト全体へつなげています。

「観る」「交流する」「参加する」の各サービスについては、それぞれの特徴や魅力が一目で伝わるオリジナル画像も制作しました。

また、日々の運用を行いやすくするため、サイトの仕組みについても見直しています。

イベント・講演会の記事では、担当する講師を選択すると講師情報が表示され、クリックするとプロフィールをポップアップで確認できる仕組みを実装。

イベントごとに同じ講師情報を繰り返し入力する必要がなく、今後も継続して更新しやすい形に整えました。

そのほか、

  • お知らせとイベント・講演会の情報整理
  • Instagramフィードの設置
  • Ameba Blog・YouTube・オンラインコミュニティーへの導線整理
  • イベント記事のカテゴリー整理
  • 予約投稿時にもURLを管理しやすいパーマリンク設定への変更
  • PC・タブレット・スマートフォンでの表示調整
  • ヘッダー・フッター・固定ページを含めたサイト全体のデザイン調整

など、今後も情報発信やイベント運営を続けやすいサイトになるよう対応しています。

制作のポイント

  • 複数の活動を「観る・交流する・参加する」の3つに整理
  • イベント・講演会へ迷わず進める導線を設計
  • 既存ロゴのカラーを活かし、サイト全体の世界観を統一
  • 周波数や波動をイメージしたデザインを取り入れ、HOLOS宇宙学らしさを表現
  • 各サービスの特徴を伝えるオリジナル画像を制作
  • 講師情報を繰り返し入力せず活用できる仕組みを実装
  • お知らせ・イベント・SNSなど、日常的に更新する情報を整理
  • PC・スマートフォン双方で見やすく、運用しやすいサイトへ調整

見た目を新しくするだけではなく、現在展開されている活動や情報を整理し、それぞれの関係性が伝わること、今後も無理なく更新を続けられることを意識して制作しました。

種類Webサイトリニューアル・ロゴ調整
担当ディレクター:川角智美
Webデザイン・コーディング:N.Katsumata
デザイン:清水麻子
コーディング:小山絵梨子
仕様WordPress/Lightning/Figma/Adobe Illustrator

この度は私たちをパートナーにお選びいただきまして、ありがとうございました。

Webサイトのリニューアルは、デザインを新しくするだけではなく、現在の活動やサービスを整理し、「何を、どのように伝えるか」を見直す機会でもあります。

フランクルウェブでは、お客様の想いや背景を伺いながら、情報をひとつずつ整理し、世界観と使いやすさの両面からWebサイトへ形にしていきます。

サイトの情報が増えてわかりづらくなってきた、現在の活動に合わせてサイト全体を見直したいといった場合も、どうぞお気軽にご相談ください。