design
web
一歩進んだ研ぎ澄まされたイメージに。あるある整骨院のwebサイトデザイン
2020.11.06.
ボクがフリーランスになる前、BUROKI designを副業プロジェクトとしてやっていた頃にロゴを制作させていただいた福岡のあるある整骨院さん。
制作したロゴデザインをすごく気に入ってくださり、それから1年半くらいの時を経て店舗を移転されたそうで、そのタイミングでwebサイトリニューアルのご依頼をいただきました。そして10月中に制作を開始し、つい先日公開となったwebサイトデザインです。
制作の前にいただいた要望
今回はサイトリニューアルということで、既存のwebサイトをまずは調査・解析し、どのようなwebサイトにするかコミュニケーションをとりながら決めていきました。
既存サイトには足らない部分がいくつかあり(少し語弊がありますが)、その辺の項目をピックアップし、すべて正してちゃんとした形として新しくするということはもちろん、クライアントさまからの要望として一番印象深かった言葉は「整骨院らしくないサイトにしてほしい」ということでした。
制作に入る前に共有していただいたサイトに載せる写真を拝見したとき、おしゃれで雰囲気のある店内で確かにいい意味で整骨院らしくないなと思いました。写真の雰囲気とロゴデザインの際に設定したあるある整骨院さんのトンマナも考慮し、サイトデザインを進めていきました。

写真がとても良かったので、あるあるさんが施術として行っている「整骨」と「BEAUTY」の二軸の写真をTOPページのメインビジュアルとして全面に表示させることにしました。これだけでも従来の整骨院のwebサイトとは一線を画すものになりますね。
各ページに落としどころを設置
整骨院なのでwebサイトを見てもらうだけでは意味がなく、店舗に足を運んで施術してもらう必要があります。予約優先の整骨院なのでLINEやinstagram、電話から予約や問い合わせができるように各ページの下部にそれぞれの入り口を配置しました。

サイト上に予約システムなどあればいいのですが、今回はSNSや電話を使ったゴールを設置しました。
できるだけ人を載せる
制作する前に共有いただいた写真たちがすごく良かったことと、もしボクが整骨院をネットで探すなら、施術はもちろんですがどんな人が働いているのかや店内はどんな雰囲気なのかも気になると思ったので、できるだけスタッフさんたちの写真を載せるようにしました。

普段働かれている人たちがwebサイトに載るだけで一気にリアリティが出ます。

スローガンのタイポグラフィを制作
あるある整骨院さんのスローガンは「BODY REVIVES REFRESH」なので、どうせなら大きく載せようと、メインビジュアルの写真の上に手描き風のフォントを使ってタイポグラフィを配置しました。


ページスクロールでのアクションにこだわる
他にもあるあるさんから要望があったのが「ページをスクロールする度にワクワクするような感じで」ということだったので、ページの情報がスクロールしていくと下からや横からフワッと出てくるようにアクションをつけました。


スクロールのアクションはあまりオーバーにやりすぎるとかえって見づらくなるので、アクションする「距離」にはいつも試行錯誤しています。
production list
今回の制作で対応した項目
- 既存webサイト調査
- テスト環境構築
- webデザイン
- コーディング
- アイコンやタイポグラフィなどのグラフィックデザイン
- wordpressでのサイト構築
- googleのアクセス解析ツール導入
- PC、タブレット、スマホ表示対応(レスポンシブデザイン)
- SEO対策
- お知らせ更新レクチャー
今回はサイトリニューアルだったので既存のwebサイト構造の調査から開始し、新サイト構築はテスト環境での制作が必要だったので環境の構築から入り、制作だけでない工程も多かったのですが10月中に制作をすべて完了させることができました。クライアントさまも満足してくださったので、ひとまず良かったなと思います。
あるある整骨院のwebサイトはこちらから
実際のサイトは下記のリンクよりご覧ください。
※webサイトによっては変更・クローズしてることもありますので、その際はご容赦ください。
はじめましてBUROKIです。
ベンチャー企業にて11年間webやグラフィックデザインとブランディング経験を経て、2019年5月よりフリーランスデザイナーになりました。完全独学でフリーランスになった異色の経歴の持ち主だと思います(笑)
制作実績やインハウスデザイナーのことなど日々更新しています。デザイン制作のご依頼やお問い合わせなども受け付けてますので、なんでもお気軽にご相談ください。
ベンチャー企業でマスターデザイナーとして働いた後、フリーランスになりました。制作実績やインハウスデザイナーのことなど日々更新しています。制作のご依頼なども受け付けてますので、なんでもお気軽にご相談ください。
latest contents
最新コンテンツ一覧
categories
カテゴリ一覧
Design Ranking
人気デザインランキング
削ろう会 大阪 交野大会のイベントロゴ、パンフレットデザインをお任せいただきまし...
2025.05.03.
創業54周年。のぼり刃物店さんのロゴデザインと缶バッジ&ステッカー
2025.03.27.
2日間ぶっ通しでつくった36枚のECサイト用バナーデザイン
2020.05.31.
統一感を意識してシンプルに。のぼり刃物店さんの縦型名刺デザイン
2020.02.20.
最近制作したバナーデザインをまとめて公開vol.1
2021.08.09.
design ranking
人気デザインランキング
削ろう会 大阪 交野大会のイベントロゴ、パンフレットデザインをお任せいただきまし...
2025.05.03.
創業54周年。のぼり刃物店さんのロゴデザインと缶バッジ&ステッカー
2025.03.27.
2日間ぶっ通しでつくった36枚のECサイト用バナーデザイン
2020.05.31.
統一感を意識してシンプルに。のぼり刃物店さんの縦型名刺デザイン
2020.02.20.
最近制作したバナーデザインをまとめて公開vol.1
2021.08.09.