心地良く 癒されている女性のやわらかな雰囲気が特徴的な恵ルナ療法院やすらぎ様のサイトデザインです。トップページファーストビューのイメージが その整体院・店舗様のイメージへと繋がるため、サイトの中でも特に重視すべき大切な部分です。
webデザイン時は”優しさ”と”やわらかい感じ”のビジュアルとなるよう、全体的なカラーリングから使用文字フォントまで こだわっています。メインビジュアルは縦幅・横幅共に大き目サイズにし、ページ最上部ヘッダー部分はメイン画像上部へ透過した背景レイヤーでお洒落に制作。
また掲載TEXTボリュームと写真とのバランス調整を厳密に行い、”文章の視認性が良く、内容が分かりやすいこと”と”優れたデザインであること”の両面を考慮しています。今回のwebディレクターBLOGではホームページ制作実績として、恵ルナ療法院やすらぎ様のサイトをご紹介します。
また掲載TEXTボリュームと写真とのバランス調整を厳密に行い、”文章の視認性が良く、内容が分かりやすいこと”と”優れたデザインであること”の両面を考慮しています。今回のwebディレクターBLOGではホームページ制作実績として、恵ルナ療法院やすらぎ様のサイトをご紹介します。
ホームページ制作：恵ルナ療法院やすらぎ様/さいたま市
TOPページ制作時のポイント
ページを開いた時に文字量が多いと、ビジュアル的に雑多なイメージになってしまうため、これを防ぎ すっきりとした見た目となるよう掲載写真を大きめにし、余白スペースを大きめにとっています。写真・文章などが何もない余白スペースを敢えて大きめに設けることで、各コンテンツ部分が引き立ち デザイン的に今風なイメージになります。
トップメイン画像は右部に女性の写真+縦書きメッセージ、左部にキャッチコピー文をレイアウト。優しい雰囲気となるよう、温かみのあるベージュの色合いで丸形の背景レイヤーを取り入れました。女性の右側へ丸みのあるフォント/白で縦書き文章を置くことにより、やわらかく そして凝った印象をユーザーに与えます。
メインビジュアル下はご挨拶コンテンツで、整体院としての特徴文と内装写真にて見た目良く制作を行いました。こちらのご挨拶項目はページ公開後に重要なSEO対策面でも大切なコンテンツです。これと繋がるように施術時のイメージがわくよう、”jQueryプログラムにてスライドギャラリー”を設置しています。
初めて訪れる閲覧者が上から順にスクロールで見ていった際、途中にjQuery式の動的ギャラリーがあることで、ビジュアル的にメリハリある見せ方となります。そして、さらにその下部には可愛い笑顔のイラストとあわせて「こんなお悩みはありませんか？」といった吹き出しと、よくご相談のあるお悩み例を提示。
こちらの”よくあるお悩み例”を載せることで、それを見たユーザーは「そう！自分もこの悩みで困っている…」と共感し、「一度 相談の上、施術を受けてみようかな！」と思ってもらえる利点があります。そのため、業種を問わず、問題提起やニーズを喚起するコンテンツはTOPページ上部へ載せることでCVRが高まります。
また、恵ルナ療法院やすらぎ様では長年の、これまでの施術で蓄積された体験談/アンケートが多数あるため、その内容をサイト訪問者へ見てもらえるよう大きく目立つようにコンテンツ掲載を行っています。実際に施術を受けられた方のお写真と感想が分かりやすく載っています。トップページ「回復体験談」では3つの体験談を掲載、こちらから下層ページへ遷移し、より多くの「お客様の声・アンケート」が閲覧できる仕様です。
下層ページ制作時のポイント
ホームページ下層はトップページ以上に文章ボリュームが多く、読み物的コンテンツとなるため、TOPよりも”文面の読みやすさ”と”ビジュアル面”へ気を配る必要があります。それと共にTEXT文が多いので、それに対するSEOキーワード挿入も重視します。
HTMLソース/タイトルタグ等に対して、適切にSEOワードの設定を行うことで内部SEO面が強化されます。
HTMLソース/タイトルタグ等に対して、適切にSEOワードの設定を行うことで内部SEO面が強化されます。
下層メインビジュアルはTOPよりも縦幅を縮め、よりシンプルに制作。メイン画像部分の下へ プチメインビジュアルと合わせてページ内容に関する説明をレイアウトすることにより、凝った印象を与えます。「当院について」ページでは、メイン画像に関して自然・癒しをイメージするお洒落な写真と、光が差し込むお部屋の内装写真でデザインしました。
そしてメインコンテンツの上部は「INTRODUCTION/院長ごあいさつ」として、院長様の写真とメッセージ文を配置。閲覧者が文章を読みやすいように、改行バランス/文字色などを工夫しています。改行・空白行があまりなく、長文が続いた場合 その内容を読まれることなく、ページから離脱してしまうリスクがあるため、できるだけ多くの文章のみが長く続かないようにするのがPOINTです。
次の「当院の雰囲気」でも可愛らしいタッチのイラストツリーや、文章背景部分へ落ち着いた色合いのベージュレイヤーを敷き、見た目が良い 且つ 分かりやすくデザインをしました。
【今回の記事の執筆者】
カスタマーサポート部/チームリーダー webディレクター：渡邉 真帆
建設業/製造業を中心に300以上のホームページ制作の経験を積む。ディレクション時、クライアントから「事業の強み/差別化のPOINT」を引き出すことが得意。
日々IT・PCに関するリテラシー向上に努め、Webのことは勿論、お客様の多様なお困りごとを解決。エグゼクティブクリエイションの中でも特に顧客満足度の高いディレクター。
社内では癒し系なものの、クライアントとの打ち合わせ時のキリッと具合は別人のよう。
得意なこと：アクティブリスニングと笑顔 苦手なこと：料理と口喧嘩
---------------------------------------------------------------
満足度の高いホームページ制作なら
東京のエグゼクティブクリエイションへ！
------------------------------------------------
---------------------------------------------------------------
◇Webサイト制作/運営保守に関する、各種ご相談はこちらより どうぞ！
TEL: 03-5839-2512
FAX： 03-5839-2513
------------------------------------------------
≫ホームページ制作 のエグゼクティブクリエイションTOPページへ
