Works

RAY ART SCHOOL

渋谷・二子玉川・池袋の絵画教室 / 陶芸教室

Project :

Introduction

事業内容

東京都内で3校舎を展開するアートスクール。渋谷校では、大人向けの絵画教室・陶芸教室・子どもアトリエを、二子玉川校では、大人向けの絵画教室と子どもアトリエを、池袋校では、大人向けの絵画教室を運営されています。

プロジェクト開始時点の悩み・課題点

各校のサイトでデザインと仕様が統一されていない
サイト構成がわかりづらく、見たい情報に辿り着けない
構造の複雑化により、運用する側でも全体を把握しきれない
陶芸の教室の情報を渋谷の絵画教室のサイトに載せているが、陶芸目当てで来てくれるお客さんが少ない

Project
Timelines

2024. 07

初回ご相談・ご提案

初回無料相談でヒアリングさせていただいた内容をもとに、計4つのWebサイトを対象としたご提案書をお作りしました。
ご提案書をお出しした後も、ご質問などを受け内容を調整するなどさせていただきました。

2024. 08

Webサイト作成のためのヒアリングシートご記入

ご依頼を確定いただきましたので、より詳しい内容をお伺いするため、「Webサイトのためのヒアリングシート」をお送りし、ご記入いただきました。

2024. 08

各サイトのファイルとサーバーの整理

セキュリティとバックアップのプラグイン設置

ここで、現存するサイト4サイトの全体チェック。全てをすぐリニューアルできるわけではないので、しばらくは問題なく使用できるようにセキュリティチェックと自動バックアップの設定を行います。
サイトの容量が多く、バックアップが難しくなっていたものもあったため、ワードプレス内の設定調整とサーバー内の不要ファイル削除も行いました。整理後は容量が半分以下になったサイトも。

2024. 09

デザイン・コンセプトの確定

ヒアリングシートをもとに、デザイン・コンセプトシートを作成。
コンセプトやターゲット、キーワードなどを決め、色やフォント、デザインの雰囲気などを可視化していきます。デザインの大まかな方向性が定ったら、実際にどう見えるかをよりイメージしやすくするためトップページの一部をサンプルデザインとして作成。

実際にお作りしたデザイン・コンセプトシート

トップページMV周りのデザインサンプル

2024. 10〜12

二子玉川サイト絵画教室ページ改修

絵画教室の情報をわかりやすく掲載するのが急務だったので、全体をリニューアルするのではなく絵画教室情報ページから対応。
サイト内に散らばってしまっていた、講座内容、スケージュールや講師情報をまとめて、絵画教室を検討しているお客様にこのページを見れば全てわかるように設計・デザインしました。

2025. 1〜4

渋谷校サイトリニューアルと陶芸教室サイト新設

次点は渋谷校サイトリニューアル。陶芸教室のサイトを渋谷校から独立させて作成したのですが、公開を同時に行う必要があったため、3ヶ月で2つのサイト作成を並行して行いました。

2025. 9〜11

子どもアトリエと二子玉川校サイトリニューアル

二子玉川校サイトにあった子どもアトリエコンテンツを完全に独立させるため、この会も両サイトの作成を並行して行いました。

2026. 1〜2

池袋校サイトリニューアル

最後に池袋校サイトをリニューアルして今回のWebサイトPJは完了！

2026. 3~

保守契約開始

今回作成させていただいた合計5サイトとサーバーの保守のご契約が開始。
システム保守・サーバー管理・緊急時の対応に、月1時間までの軽作業付きのプランです。
日々の運用を手堅く守りつつ、折に触れて改善改修を進めていく予定です。

Web site renewal Project

Approach

デザインの方針とコンセプト

幅広い年齢層と性別の方にマッチするわかりやすく癖のないデザイン

絵画教室という業態柄、幅広い年齢層の方がターゲットとなります。どのような方にも見やすく分かりやすいデザインを心がけました。

コンセプト「アートのある生活」をイメージし、デザインに敏感な層も満足するスタイリッシュさもプラス

絵画教室サイトは、分かりやすくありながらも、アートに興味があるデザインに意識が高い層にも刺さるようにクオリティ高いデザインを心がけました。
デザインキーワードとしては、「スタイリッシュな　柔らかい　シンプルな　落ち着いた　都会的（アーバンな）」を掲げました。
各校のテーマカラーに白の背景だと可愛く柔らかくなりすぎます。背景のグレーを合わせることにより都会的にスタイリッシュに仕上げました。英字フォントや全体の色味バランスにかなりこだわりをもって作成しました。

サイトの設計改善

複数に分かれていた絵画教室情報を1ページに

絵画教室の情報が、スケジュール・クラスの内容・講師情報など複数のページにまたがって掲載されており、なお各ページに行き来する導線も分かりづらかったので、一枚のページにLPのようにまとめました。
掲載コンテンツも、絵画教室の自由な通い方の例やお客様の声、Q&Aなどを追加しさらに充実させました。
これで、絵画教室の申し込みを迷われているお客様が、このページを見ただけで内容が全てわかる作りにしました。

SEOは取れていたため落とさないよう作業

長年の努力されてきたのもありSEOの流入はすでに多くありましたので、これを落とさないように慎重に作業しました。
通常、サイトのリニューアルをすると少なくとも少しは流入が落ちてしまいますが、キーワード、タイトルなどを元のページとしっかり合わせ、削除した不要ページもしっかり新しいページにリダイレクトをかけたことで、ほとんど現状をキープしたままリニューアルをすることができました。