使用ツール：Figma,VScode 担当：デザイン(Figma使用)、コーディング(html/css/Javascript/PHP) URL：https://yukiritual.com 制作期間：5ヶ月
神戸岡本のピラティス・Integrated Healingスタジオ「yukiritual」様のWebサイトをリニューアルさせて頂きました。
ターゲット
・30代以降の心や身体の健康に関心が高い女性
目的
・レッスン、セッションへの予約促進。
・一人ひとりの身体を丁寧に見るyukiritualならではのレッスンの特徴やインストラクターについて知ってもらいたい。
・Integrated Healingというまだ日本で馴染みの薄いヒーリングに興味を持ってもらいたい。
・オーナーYukinaさんのブログ、SNSの閲覧者も増やし、ご自身のマインド・こだわりなどをより多くの人に知ってもらいたい。
デザインのポイント
企画、デザイン から、HTML/CSSによるコーディング 、Java Script(jQuery)による動きの実装、 PHPでWord Pressブログの更新情報の連携 、Gooleフォームとの連携 Google Apps Scriptを使用した自動返信機能の実装など全て行いました。
既存のサイトはスタジオに関する最低限の情報しか掲載していなかったため、大幅に内容を見直し、細かく打ち合わせを行いながら、コンテンツやお申し込みのを導線をしっかり作ることに時間をかけました。
自立した大人の女性のお客様が多いとのことだったので、ロゴを基調としたピンクとゴールドの配色で、落ち着いた雰囲気とサービスの質の高さを印象付けられるようにしました。
女性の心と身体の両面からサポートすることを大切にされているため、
ファーストビューはピラティスとヒーリングの写真を交互にスライドショーで見せるようにし、
パッと見てレッスン・セッションの雰囲気が伝わるようにしました。
また、ロゴが印象的なので、スライドショーに重ね合わせて表示することでインパクトを持たせました。
それぞれのサービスでご自身がこだわっている部分や特徴が明確だったため、頂いた情報を整理し、「こんな方におすすめ」「お客さまの声」「Q&A」などの項目も盛り込むことで、スタジオの特徴だけでなく、どんなお客様が来ているか等の情報も伝わるように工夫しました。
料金等のシステムや予約方法が分かりづらかったため、こちらも表などで情報を整理し、お客様が迷わない導線づくりを意識しました。
併せてお問合せフォームも簡易的なものしかなかったため、googleフォームをベースに、予約用フォームとお問合せ用フォームをそれぞれ個別に用意。
お問合せメールを送信した後の確認用の自動返信機能も実装しました。
また、公式LINEも導入されるということで、LINEのリッチメニュー制作、メニューページの設定等も行いました。
スタジオの場所が少し分かりにくいというお悩みもあったため、道順を写真で掲載することをご提案し、撮影頂いたものをサイトに反映させました。
お客様の感想
これまでのホームページは無料サイトで自作したり、プログラマーの夫に作ってもらっていましたが、デザインのプロに頼むとこんなに華やかで世界観が出るのかと驚きました。
またホームページを見ていただくお客様の視点から掲載した方がいい内容もアドバイスをいただきました。
以前よりお問い合わせが増えているので、お客様の役に立っているのだと思います。