サイトロゴ

Works

#SELF WORK

ヴィーナス鍼灸治療院 (架空サイト)

http://venus-shinkyu.sakura.ne.jp

HPモックアップ画像
ターゲット
美容と健康に興味関心がある30代-50代女性
目的
•ブランディング強化
•情報発信・カスタマーサポート
•新規来院者獲得
•療術業界の認知度とイメージの向上

鍼治療や漢方などの東洋医学に興味はあるけれど、「よくわからない」「あやしい」などのイメージを持っていて敷居が高く感じ治療をためらっているような一定数の女性に施術内容や考えを理解していただき安心して来店してもらう動機付けにつなげる
情報設計
•既存の鍼灸院のイメージにはないデザインで印象付け
•施術内容や内観・スタッフなどの情報を見える化
•治療院の立地を表参道エリアに設定し、トレンドに敏感で美容や健康意識の高い30代-50代女性が気分を上げて身心のメンテナンスに訪れたくなるようなサイトデザイン
デザイン

color

清潔感のある白を基調に、女性的な柔らかいヌーディーピンク、温かさやエネルギーが湧くような赤の3色をテーマカラーとし予約ボタンは目立たせるために寒色系の紫を使用しました。

色彩設計

img

女性専門の鍼灸院というクリニックの特徴を明確に伝えるため、トップページのメインビジュアルに院名由来のヴィーナス像を用い印象に残るビジュアルをデザインしました。


施術を受けるイメージが湧くよう、外観や受付、施術室や施術風景の写真を掲載しました。

btn

ページを探さなくてもすぐに予約ができるよう予約ボタンをポジション固定しました。

Contents

コンテンツ毎に異なる見出しデザインにして文章量が多いページでも読んでいて飽きがこないようにしました。


予約から施術終了までのステップがわかりやすいよう背景色をグラデーションで変化させました。
患者さまが鍼灸の基本的な理解をした上でスタッフが問い合わせを受ける事になり業務に集中できるようFAQページを設けました。
患者さまがクリニックに親しみを持ってもらえるよう回答はイラストのヴィーナスからお伝えしています。

function

ホームページ全体の内容に興味を持ってもらうためにトップページには目次的な情報を掲載しました。
情報の強調と縦に長くなりがちで単調な印象にならないよう、動きをつけることを目的として一部に横スライドを設置しました。
制作範囲・制作期間
企画・ワイヤーフレーム 1週間
デザイン 3週間
コーディング 2ヶ月
使用ツール
Illustrator / Photoshop / figma / Visual Studio Code
URL
http://venus-shinkyu.sakura.ne.jp

PC版ヴィーナス鍼灸治療院サイトスクロール画像

レスポンシブヴィーナス鍼灸治療院サイトスクロール画像

Works 一覧へもどる