BRUNCH様（コーポレートサイト）｜Web制作実績 レスポンシブ対応｜ネオインデックス福岡

一枚板のダイニングテーブルを中心として、東京の目黒でオーダーメイド家具の製作・販売をされているBRUNCH様のコーポレートサイトをリニューアルいたしました。

今回のリニューアルの目的として、「SEO対策を強化したい」「オーダーメイド家具とリフォームの集客を強化したい」の2つのご要望を頂きました。

そのため、クライアントのこだわりを細かく実現できる家具屋をお探しの方や、店舗の家具製作からリフォームまでをトータルで任せたい方など、特に設計会社やデザイン会社のご担当者様をメインターゲットに設定し、PCとスマートフォンの使用比率は7：3と想定しPCファーストで設計いたしました。

お客様はHP運用コンサルティングサービスをご契約いただいたため、専任のマーケティング担当が細部までSEO対策を熟慮した設計を施しました。例えば、旧サイトでも自然検索で上位表示されていた「オーダーメイド家具」ページは、全体的な構成や重要キーワードを残しつつ、プロのライターが綿密なヒアリングのもとキャッチコピー付きのわかりやすい文章にリライトすることで、初めてのユーザーでも読みやすいページに刷新しております。リニューアル後も、定例MTGを新たなSEO施策を毎月ご提案させていただき、お客様のさらなる集客アップを二人三脚でサポートいたします。

今回、重要なコンテンツをしっかりと押し出す形の設計を行うことで、競合他社との差別化をはかりました。具体的には、メインビジュアルのすぐ下には通常の「選ばれる理由」コンテンツではなく、実際の商品をイメージできる「オーダー家具の納品事例」を自動スライド表示しております。そのため、ユーザーが知りたい情報をすぐに閲覧できるほか、“デザイン性の高い木製家具をオーダーメイドで実現できる”というお客様の強みを視覚的に訴求しております。

また、画面が大きいPCサイトでは、ホームページの主役である商品を効果的に押し出すため、家具写真を大きく見せる形で配置しているほか、レイアウトにはあえて枠からはみ出すブロークングリッドを使用することで、スタイリッシュな雰囲気を演出しております。さらに、法人ユーザーはPCの使用比率が高い傾向があるため、PC用サイトではメインビジュアルの右下に「法人向けページ」への導線バナーを配置いたしました。

さらに、ＣＶ率向上の対策としましては、下層ページの最後に主要コンテンツへの導線バナーを配置することで、ユーザーが知りたい情報を最短の導線で閲覧できる設計にいたしました。また、ユーザーがスムーズな流れでお問い合わせしていただけるよう、お問い合わせフォームでは、「ご注文」「修理依頼」「見積依頼」などの5種類の用途に合わせて入力項目を自動で切り替え表示しております。

お客様は非常に多くの納品事例と家具写真をお持ちのため、納品事例CMSの管理画面は通常のテンプレート形式ではなく、事例ごとに画像の配置や文字の装飾などを自由にカスタマイズしていただけるフリースタイルの仕様にいたしました。そのため、複数の写真を横並びで表示できるだけでなく、関連商品への導線を配置できるなど、管理画面からの簡単な操作で高品質なコンテンツを継続して増やしていただけます。また、トップページ上部の納品事例コンテンツでは「個人顧客のオーダー家具事例」、下部では「法人顧客の納品事例」を表示するなど、ページ全体の流れに合わせて細やかな工夫を施しました。

デザイン面では、主役である木製家具写真が際立つよう、ベースカラーにはモノトーンを採用し、全体的に彩度を落としたカラーで統一しております。また、縦書きのアルファベット装飾や縦長の切り抜き写真を使用しているほか、スクロールした際にブラック背景から家具写真がスライド表示されるアニメーションを取り入れることで、メインターゲットである男性ユーザーにも好まれやすいスマートな雰囲気を演出いたしました。