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

デザイン作品一覧

web

やわらかい雰囲気で伝える。びすけっと保育園のwebデザイン

2021年の一番はじめのwebサイト制作実績となります。 昨年末にお話をいただき、2月10日に無事公開となった「企業主導型保育園 びすけっと東戸塚」。…

2021.02.26.

graphic

ハードなイメージをより引き立てる。ステンシル風タイポグラフィ

webサイトやロゴデザイン、パッケージデザインなど、既存のフォントでは表現しきれないと判断したときは、イメージに近いフォントを元にアレンジし、…

2021.02.22.

logo

「connect.LAB(コネクトドットラボ)」のロゴデザイン

昔から仲良くしてもらっているアクセサリーブランド「ul.」のオーナー兼デザイナーのmanoさんは、定期的に「connect(つながり)」をテーマにイベン…

2021.01.29.

logo

いま大注目の3ピースバンド「RINGO TONE」さんのロゴデザイン

昨年末にあるミュージシャンの方からロゴデザインの依頼がありました。「RINGO TONE(リンゴトーン)」という、2013年に結成し、東京で活動されてい…

2021.01.23.

graphic

2021年は丑年。牛乳石鹸をパロディした年賀状デザイン

昨年はwebサイトやロゴ、名刺を制作させてくださった福岡の木工集団ナノナノファクトリーさん。 昨年の11月ごろに2021年の年賀状デザインのご依頼も…

2021.01.07.

logo

漢字をモチーフにシンボルマークを考案したロゴデザイン

先月頭にご依頼をいただき、制作させていただいたロゴデザインです。 普段見慣れない「驀(ばく)」という漢字をシンボルマークとして落とし込んでほ…

2020.12.26.

designをもっと見る

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

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

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

topトップページ

aboutブロキについて

designデザイン

voiceお客さまの声

blogブログ

films制作動画

cassetteカセットテープ

snsソーシャル