構築時のポイント

既にホームページは運用されていましたが、修正時の対応や、現状のホームページが良いのかどうか疑問を持たれていた状況で、弊社のホームページ無料診断をご利用いただいたのをきっかけとして、ホームページリニューアルのご相談をいただきました。

以前のホームページはWordPressで構築されており、ブログ更新などを高頻度で行われている運用体制を考慮してWordPressでの運用はそのままに、また既に多くのお客様に周知されたサイトとご予算規模を考慮し、ある程度サイト構成は維持しながらより効果的でわかりやすく、運用しやすいホームページを提案差し上げました。

その中でも重視したのが、「自社の強みを生かす事」「数多く存在する明石焼き店舗における自社の差別化」。これらのポイントを入念なヒアリング、ディスカッションで定義し、サイト構成、デザインに反映しています。

• 御祖父様の代からの夢工房様の歴史
• つけだし汁付きの「明石焼ミックス粉セット」を商品化した最初の会社これまで一つの商品ページとしていたものを各商品別にページを分けてアピール・展開
• 追加・更新をより容易にプラスアルファの更新管理機能

構成・デザインのポイント

構築時のポイントよりアピールすべき内容を、夢工房様の考え、活動、世の中・他店舗の動向より整理し、それらをメニュー・デザインに展開しています。

メニュー構成に大きな変更はないですが、各メニュー内でアピールする内容を定義しそれぞれをページ化させています。

サイトの左エリアにグローバルナビゲーションを固定化させ、各メニュー間の移動を容易にします。加えてメニュー内ページ間の移動はページ上部にカテゴリ内ナビゲーションを固定配置し、各ページ間の移動も容易にさせます。これらのUIは、これまでのホームページで発生していたナビゲーションの重複、混乱を改善するだけでなく、サイトの回遊率向上にも寄与しています。

一番大きく変わった点はホームページのデザインです。
明石夢工房様のイメージを表すコンセプトとして、明石焼きの形状を一つのモチーフにし、全体のパーツは円、及び丸みを帯びた形状に統一し柔らかさを出しています。
この柔らかさに微妙な硬さと温かみのある砧 丸明Yoshinoフォントを用いた縦文字を展開させ、歴史と新しさを表現しています。

これらに加えて、店舗看板にも採用されているキャラクターを大きく使い、明石夢工房様イメージを記憶に植え付け、ホームページを一目見て夢工房様である事を理解する様にしています。
これらのアプローチは、本ホームページが明石夢工房様独自のものである事を閲覧者に認識させ、ひいては差別化に繋がります。

これまでのホームページでは、アピールする内容が整理されておらず、その煩雑さが下層ページへの誘導を阻害する一因でもありましたが、構成・UI調整以外にこのデザイン変更も改善に寄与しています。
併せて、夢工房代表の古志様による明石焼きを広める活動をイラストを用いてアピールされていましたが、サイト全体で柔らかさを出す事でこれまでのアプローチは変えずに、分かりやすく洗練しつつも親しみを与える事に成功しています。

運用のポイント

これまでもWordPressでホームページを運用されていた経緯を踏まえ、本ホームページでもCMSにWordPressを採用しています。
今回のケースに限らず、企画制作が対応するホームページ制作には、既存のWordPress運用はそのままに、管理方法・構成・デザイン変更を行う事が多くあります。
それらのノウハウを元に、本件でもブログ更新だけでなく、ホームページで展開される情報を管理ページ内でより容易に登録・編集できる様にしています。

本件は限られた予算の中で、すべき事と役割を明確に定義して、効果的に運用にフィードバックを行う最適な事例です。