DESIGN IT YOURSELF.

BUROKI


top

design

  • top
  • design
  • 一歩進んだ研ぎ澄まされたイメージに。あるある整骨院のwebサイトデザイン

一歩進んだ研ぎ澄まされたイメージに。あるある整骨院のwebサイトデザイン

web

  • top
  • design
  • 一歩進んだ研ぎ澄まされたイメージに。あるある整骨院のwebサイトデザイン

一歩進んだ研ぎ澄まされたイメージに。あるある整骨院のwebサイトデザイン

2020.11.06.

スポンサーリンク

スポンサーリンク

ボクがフリーランスになる前、BUROKI designを副業プロジェクトとしてやっていた頃にロゴを制作させていただいた福岡のあるある整骨院さん。

制作したロゴデザインをすごく気に入ってくださり、それから1年半くらいの時を経て店舗を移転されたそうで、そのタイミングでwebサイトリニューアルのご依頼をいただきました。そして10月中に制作を開始し、つい先日公開となったwebサイトデザインです。

制作の前にいただいた要望

今回はサイトリニューアルということで、既存のwebサイトをまずは調査・解析し、どのようなwebサイトにするかコミュニケーションをとりながら決めていきました。

既存サイトには足らない部分がいくつかあり(少し語弊がありますが)、その辺の項目をピックアップし、すべて正してちゃんとした形として新しくするということはもちろん、クライアントさまからの要望として一番印象深かった言葉は「整骨院らしくないサイトにしてほしい」ということでした。

制作に入る前に共有していただいたサイトに載せる写真を拝見したとき、おしゃれで雰囲気のある店内で確かにいい意味で整骨院らしくないなと思いました。写真の雰囲気とロゴデザインの際に設定したあるある整骨院さんのトンマナも考慮し、サイトデザインを進めていきました。

あるある整骨院のスマホTOPページメインビジュアル
スマホ版のTOPページメインビジュアル

写真がとても良かったので、あるあるさんが施術として行っている「整骨」と「BEAUTY」の二軸の写真をTOPページのメインビジュアルとして全面に表示させることにしました。これだけでも従来の整骨院のwebサイトとは一線を画すものになりますね。

各ページに落としどころを設置

整骨院なのでwebサイトを見てもらうだけでは意味がなく、店舗に足を運んで施術してもらう必要があります。予約優先の整骨院なのでLINEやinstagram、電話から予約や問い合わせができるように各ページの下部にそれぞれの入り口を配置しました。

ページ下部にある予約への入り口たち
各ページ下部には予約に促す入り口を配置

サイト上に予約システムなどあればいいのですが、今回はSNSや電話を使ったゴールを設置しました。

できるだけ人を載せる

制作する前に共有いただいた写真たちがすごく良かったことと、もしボクが整骨院をネットで探すなら、施術はもちろんですがどんな人が働いているのかや店内はどんな雰囲気なのかも気になると思ったので、できるだけスタッフさんたちの写真を載せるようにしました。

あるある整骨院のスマホ版理念ページ
スマホ版の理念ページ

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

理念ページのスタッフ紹介領域
理念ページのスタッフ紹介領域

スローガンのタイポグラフィを制作

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

メインビジュアルに配置したタイポグラフィ
メインビジュアルにはタイポグラフィも配置
あるある整骨院のPC版のTOPページメインビジュアル
PC版のTOPページメインビジュアル

ページスクロールでのアクションにこだわる

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

ぜひページをスクロールして見てください
PC版の施術いろいろページ
PC版ももちろんアクションつけてます

スクロールのアクションはあまりオーバーにやりすぎるとかえって見づらくなるので、アクションする「距離」にはいつも試行錯誤しています。

production list

今回の制作で対応した項目
  • 既存webサイト調査
  • テスト環境構築
  • webデザイン
  • コーディング
  • アイコンやタイポグラフィなどのグラフィックデザイン
  • wordpressでのサイト構築
  • googleのアクセス解析ツール導入
  • PC、タブレット、スマホ表示対応(レスポンシブデザイン)
  • SEO対策
  • お知らせ更新レクチャー

今回はサイトリニューアルだったので既存のwebサイト構造の調査から開始し、新サイト構築はテスト環境での制作が必要だったので環境の構築から入り、制作だけでない工程も多かったのですが10月中に制作をすべて完了させることができました。クライアントさまも満足してくださったので、ひとまず良かったなと思います。

あるある整骨院のwebサイトはこちらから

実際のサイトは下記のリンクよりご覧ください。
※webサイトによっては変更・クローズしてることもありますので、その際はご容赦ください。

スポンサーリンク

BUROKI写真

BUROKI写真

はじめましてBUROKIです。

ベンチャー企業にて11年間webやグラフィックデザインとブランディング経験を経て、2019年5月よりフリーランスデザイナーになりました。完全独学でフリーランスになった異色の経歴の持ち主だと思います(笑)

制作実績やインハウスデザイナーのことなど日々更新しています。デザイン制作のご依頼やお問い合わせなども受け付けてますので、なんでもお気軽にご相談ください。

ベンチャー企業でマスターデザイナーとして働いた後、フリーランスになりました。制作実績やインハウスデザイナーのことなど日々更新しています。制作のご依頼なども受け付けてますので、なんでもお気軽にご相談ください。

ご依頼・お問い合わせ

ご依頼・お問い合わせ

related contents

関連コンテンツ一覧
スポンサーリンク

文鳥とデザイナー

スポンサーリンク

design list

デザイン作品一覧

graphic

ブランドの世界観を直接伝える。SANDO BAGの名刺デザイン

先日ロゴデザインの実績を紹介させていただいたバッグブランド「SANDO BAG(サンドバッグ)」。 ロゴとあわせて名刺とブランドwebサイトも制作させて…

2022.01.26.

web

ブランディングのためデザインを一新。EDUONE Passのポータルサイトデザイ...

以前制作させていただいた獣医関連の出版社「EDUWARD Press」さんのコーポレートサイトですが、先方さまよりご好評をいただき、引き続きwebサイトデ…

2022.01.21.

logo

ブランドを再定義する。SANDO BAGのロゴデザイン

昨年秋ごろにご依頼いただき制作させていただいたバッグブランド「SANDO BAG(サンドバッグ)」。 ブランドロゴや名刺、webサイトなど一貫して制作さ…

2022.01.18.

graphic

2022年は寅年。タイガー魔法瓶をパロディした年賀状デザイン

今年の制作実績、まずは年賀状デザインから。 毎年、年末になると福岡の木工集団ナノナノファクトリーさん(以下:ナノさん)から年賀状デザイン依頼…

2022.01.13.

graphic

高級感のあるブランディングを。インディバサロンの名刺デザイン

少し前にロゴを制作させてもらったインディバサロン「mouiller(ムイエ)」さん。ロゴに引き続き名刺もデザインさせていただきました。 横型の名刺に…

2021.12.07.

logo

思いを形に。インディバサロン「mouiller(ムイエ)」のロゴデザイン

大阪北区に新規オープンするインディバサロン「mouiller(ムイエ)」のロゴデザインを担当させていただきました。 ご依頼いただいたのが9月で、オー…

2021.11.14.

designをもっと見る

制作のご相談・お問い合わせはフォームから

デザインのご依頼や予算のご相談、お問い合わせなどお気軽にお問い合わせください。
また、書いてほしいブログのリクエストやファンレター(笑)もお待ちしております。

問い合わせフォームはこちら

topトップページ

aboutブロキについて

designデザイン

voiceお客さまの声

blogブログ

films制作動画

cassetteカセットテープ

snsソーシャル