制作実績｜ヨガ・整体・ファスティング｜高級感・シンプル｜Webサイト

先日、ヨガ・整体・ファスティングをされている方のWebサイト制作のお手伝いをさせていただきました。

元々Squareオンラインビジネスにて、予約システムを備えたサイトを制作して、ご提供させていただいていたのですが、

・クライアント様の管理が難しい

・メニュー内容が多いのでサイトを訪れた方にとって、予約しにくい・使いにくい？

という課題があり、今回新たにSTUDIOツールにてWebサイトを作成いたしました！

STUDIOとは？
STUDIOは、専門的な知識がなくてもWebサイトを作れるノーコードツールです。デザインから公開まで、直感的な操作で進められるため、初心者でもホームページを作成できます。

Squareオンラインで制作したサイト↑

時短でシンプルなサイトを作るには便利ですが、フリープランでは明朝体にできず、デザインの制限も出て、思い通りのデザインにならないことも…。

---

【制作手順】

▶事前準備

前提条件の確認のため、ヒアリングを行います。

【お店のターゲット】
からだとこころを健康にしたいと思う30〜60代女性

【その他の情報】
・高級感とシンプルさを両立したWebサイト
・お問い合わせ窓口を公式LINEへ統一
・既存のSquareオンラインショップと連携
・メニュー構成を見直し、新規のお客様にも分かりやすいデザイン・構成

クライアント様からのヒアリング情報を元にムードボードで情報を整理します。

キーワード・カラー・フォント・参考サイトの画像を1つのボードにまとめます。

---

サイトマップを作成します。

サイトマップとは、Webサイトの「ページ構成をまとめた地図」のようなものです。どんなページがあり、どのページにつながっているのかを整理することで、サイト全体の構成を分かりやすくできます。

---

ワイヤーフレームを作ります。

ワイヤーフレームとは、Webサイトの「設計図」のようなものです。写真や文章、ボタンなどをどこに配置するかを簡単に決め、サイトの構成や見やすさを確認するために使います。

---

これらの事前準備を元にSTUDIOツールにて制作を進めていきます。

今回は

・TOPページ

・Aboutページ（スタジオの想い・講師紹介）

・メニュー、料金ページ

・ブログページ（フリープランで掲載できるのは3ページまで）

・プライバシーポリシーページ

の制作の他に

・既存ｂのSquareオンラインショップとの連携

・レスポンシブ対応（スマホでも見やすように画面を調整）

を対応させていただきました！

---

【制作のポイント】

▶トップページ

・新規のお客様が必要な情報をスムーズに得られるよう、情報を整理し、分かりやすい構成のトップページに。

・セクションごとに背景色を変更し、情報の区切りが分かりやすいデザインに。

・トップページにお客様の声を掲載し、安心感と信頼感が伝わる構成に。

・よくある質問をアコーディオン形式で掲載し、必要な情報を見つけやすく。

・ブログセクションを設置し、サービスに関する情報を継続的に発信・補足できる構成に。

・オリジナル商品の紹介セクションを設置し、オンラインショップへの導線を追加。

・お問い合わせ窓口を公式LINEへ統一し、分かりやすい導線に。

その他のページについても、スマートフォンでも快適に閲覧・操作できるよう調整。

---

【制作に関する情報】
◎制作ツール◎
Studio、Canva、Figma

◎制作期間◎
約2ヶ月日

---

STUDIOを利用すれば、フリープランでも、シンプルで高級感のあるWebサイトを制作できます。

fufu designでは、ユーザーの使いやすさを大切にしながら、おしゃれで洗練されたデザインをご提案します。

「まだイメージがぼんやりしている」という方も大丈夫。お話を伺いながら、想いや考えを言葉にするところから一緒にお手伝いします。

まずはお気軽にご相談ください！