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

デザイン作品一覧

logo

梅田ディアモールで開催されたDIA CONNECT(ディアコネクト)のロゴデザイ...

2018年の6月ごろのことですが、ハンドメイドのアクセサリーブランドたちの展示・販売イベントが梅田のディアモールで開催されました。 そのイベント…

2020.11.28.

graphic

ラベル用に制作したヴィンテージ風のタイポグラフィデザイン

インスタには何年か前に載せていたのですが、今でも意外と評判がいいこのタイポグラフィ。このwebサイトにはまだ載せていなかったので、改めて紹介し…

2020.11.18.

graphic

カレンダーと年賀状のミックス?2015年の年賀状デザイン

もうそろそろ来年の年賀状のデザインを考えはじめる時期になってきましたね。今年はどうしようかなぁと考えながら、いただいた年賀状デザインの制作…

2020.11.12.

web

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

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

2020.11.06.

logo

自分のスローガンを名刺に載せるために制作したロゴマークデザイン

このwebサイトのTOPページにも載せているのですが、BUROKI designはスローガンとして「DESIGN IT YOURSELF」を掲げています。 「あなたをデザインし…

2020.10.27.

web

つくる人達をつなぐ。のぼり刃物店さんのECサイトデザイン

7月ごろから制作を開始した、いつもご依頼をいただいてお世話になっているのぼり刃物さんのオンラインショップが先日、無事にオープンしました。 サ…

2020.10.23.

designをもっと見る

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

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

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

topトップページ

aboutブロキについて

designデザイン

voiceお客さまの声

blogブログ

films制作動画

cassetteカセットテープ

snsソーシャル