県内のリサイクル企業2024
リサイクル企業のコーポレートサイト
先代から引継ぎのタイミングでコーポレートサイトの新規制作をご依頼
アーティストのプロモーションサイト（新版）
より多くの人が見やすく・使いやすいと思うようなホームページの改修を依頼
- クライアント
- Rity
- 業種
- 音楽・エンターテインメント
- 担当範囲
- ディレクション、デザイン、コーディング、CMS構築、写真撮影
- 制作期間
- 2024年12月〜2025年2月
- 公開・納品
- 2025年2月
- サービス
- ホームページ制作
01 — Overview
どんなお仕事？
松江市を拠点に活動するアーティスト・Rity様のプロモーションサイトを全面リニューアルしました。旧サイトはWordPressで構築されていたものの、デザインが古くなりアーティストの現在のイメージに合わなくなっていたため、世界観を一新するリニューアルをご依頼いただきました。
「Rityはどんな人なんだろう？」と興味をもってもらうことをコンセプトに、ニューモーフィズムのデザインを採用。色数を抑えた落ち着いたトーンで"少し大人になった"イメージを表現しています。スマートフォンでの閲覧体験を重視しつつ、動画・スケジュール・歌詞など多岐にわたるコンテンツを整理し、ファンが使いやすいサイトを目指しました。
旧サイトに蓄積されていたスケジュールなどのデータベースを部分的に活用しながら、約1カ月でテーマ制作を完了しています。
02 — Challenge & Goal
ご相談いただいたときの課題
- 1旧サイトのデザインが古くなりアーティストのイメージに合わなくなった
- 2スマートフォンでの閲覧体験が不十分
GOAL
アーティストの世界観を表現し、ファンが使いやすいプロモーションサイトにリニューアルする
03 — Process
進め方
-
1
リニューアル企画
旧サイトのデザインが古くなり、アーティストの世界観に合ったリニューアルを企画しました。
-
2
デザイン制作
スマートフォンでの閲覧体験を重視した新デザインを制作しました。
-
3
コーディング・実装
スケジュール・ブログ・動画・ディスコグラフィーを効果的に表示する構成で実装しました。
-
4
クライアント確認
アーティストにデザインを確認いただき、フィードバックを反映しました。
-
5
公開
新サイトを公開し、SNSで告知しました。
-
6
運用開始
写真撮影素材の更新やコンテンツ拡充を継続しています。
04 — Design points
デザインで工夫したこと
01
トピックスモーダル
TOPを開くと各記事で設定したモーダルが最前面に表示され、必ず目にとまる仕組みに。複数選択時はスライドショーで流れ、サムネイルの内部リンクから記事へ直接アクセスできます。管理画面から表示・非表示の切り替えも簡単です。
02
YouTube連携と動画ポップアップ
TOPに動画のスライドショーを配置し、公式YouTubeの存在を知らない人にも見てもらえる導線を確保。各動画をクリックするとポップアップで直接視聴でき、一覧ページからもアクセスできます。
03
カテゴリによるコンテンツ絞り込み
訪問ユーザーが求める情報にすぐたどり着けるよう、各一覧にカテゴリ選択機能を実装。記事にカテゴリを追加すると自動的に選択肢が増え、複数選択にも対応しています。
04
スケジュールの期間絞り込み
開催日をカスタムフィールドで管理し、年・月で絞り込める仕組みに。過去のスケジュールを振り返る際に下までスクロールして探す手間を省き、ユーザビリティを向上させています。
05
ページ遷移のない歌詞検索
歌詞一覧をテーブル表示し、クリックでその場に歌詞が展開。検索するとタイトルにマーカーが付く仕組みで、歌詞をサクッと確認でき離脱を防ぎます。
05 — Deliverables
つくったもの
06 — Team
担当したメンバー
スギちゃん
制作
この案件では：リニューアル企画、デザイン制作、コーディング・実装、公開、運用開始
いわ
営業
この案件では：リニューアル企画、クライアント確認、公開、運用開始
Related works
同じサービスの実績
Let's talk.
「こういうの頼めるかな？」
その段階で、声をかけてください。
内容が決まっていなくても大丈夫です。お見積りだけ、お話だけでもお気軽に。
お問い合わせフォーム
0852-78-9191（平日 9:00–18:00）