しずドラ様 公式サイトリニューアル

目次

「静岡への愛を、確かな信頼へ。

地域特化型マーケティングを支えるWeb基盤の構築」

プロジェクトの概要

クライアント: しずドラ(運営:ヒロワールド株式会社)様

URL: https://shizudra.com/

担当範囲: サイト構成の再設計 / Webデザイン / WordPress実装 / カスタムCSS / フォーム最適化/写真素材選定とレタッチ

使用ツール: Photoshop,WordPress , CSS,

課題と解決策:
メッセージを「届ける」ための設計

今回のリニューアルでは、単なる見た目の刷新にとどまらず、「ユーザーが迷わずアクションを起こせること」を最優先に設計しました。

  • 課題: 「静岡特化」という唯一無二の強いメッセージを持っている一方で、以前のサイトではその活動実績や「プロフェッショナル集団」としての信頼感が十分に視覚化できていないという課題がありました。メンバーも増え、より見た目でパッとわかるように情報を掲載する必要が出てきました。
  • 解決策(UX/UI):
    • インパクトと信頼の両立: ファーストビューで「誰が、どこで、何をしているか」が瞬時に伝わるよう、動画でインパクトのあるビジュアルとすっきりとわかりやすい実績へ繋ぐ導線へ再設計。
    • 実績の「自分事化」: 静岡各地での支援実績をカード形式で整理し、ユーザーが自分たちの地域や課題に近い事例をすぐに見つけられる設計に。
  • 技術的な工夫:
    • 運用側が手軽に実績を更新できる仕組みを構築。
    • チームの熱量が伝わるよう、細かなアニメーションやレイアウト調整をCSSで実施し、個性あふれるメンバーのやさが伝わるような写真を選定、レタッチも行いました。

静岡県特化型というのが一目でわかり、尚且つ静岡県の隅々まで活動が及んでいることがわかる、地域ごとに分けた実績の見せ方に工夫を凝らしました。

デザインコンセプト

「静岡の青空と、プロフェッショナルの誠実さ」

静岡を象徴する爽やかなブルーとお茶のようなグリーンを基調としつつ、マーケティングのプロとしての鋭さと、地域に根ざした温かさを共存させました。 清潔感のあるタイポグラフィと余白を活かしたモダンなレイアウトで表現しています。

回遊するのではなくLPに近いようなHP設計ですっきりとさせつつ、クリエイティブ集団らしいダイナミックな多くの写真を載せることで誰がどんなことをしているのかがパッとわかるようになっています。

制作を終えて:ビジネスデザイナーとしての想い

「静岡を盛り上げたい」という熱い想いを持つチームの伴走者として、その情熱をどう「信頼」という形に変換するかを突き詰めたプロジェクトです。 単なるリニューアルではなく、このサイトがこれからの静岡のビジネスを加速させる拠点となるよう、拡張性を持たせた構築を意識しました。

もっち

前回もこちらで制作させていただきましたが、前回よりクリエイティブなメンバーのキャラがわかりやすくなったのではないかと思います。

地域密着型プロジェクトの行末を当初からずっと見させていただいていたので、どんどん活動の場が広がっていく様子を見てこちらも嬉しく感じています。

この記事が気に入ったら
フォローしてね!

よかったらシェアしてね!
  • URLをコピーしました!
  • URLをコピーしました!
目次