BRUNCH様（コーポレートサイト）｜Web制作実績 レスポンシブ対応｜制作実績

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

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

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

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

モバイル用サイトでは、メインビジュアルの下に「選ばれる理由」「納品事例」「商品情報」など6種類の主要コンテンツへの導線を配置しております。イメージしやすいアイコン付きで表示することで、「フルオーダーメイドやリフォームが得意な木製家具屋」というお客様の特徴がファーストビューでわかるだけでなく、ユーザーはお探しの情報をスムーズな流れで閲覧でき、3PV(ページビュー)以内でCVしていただける導線設計となっております。

また、「実際に店舗にご来店していただく」というCVアップのため、ページ上部のヘッダーには、主要コンテンツである商品検索ページへの導線だけでなく、店舗情報ページへの導線を固定表示いたしました。

さらに、法人ユーザーからの集客とCVアップのため、「設計会社の方」「デザイン会社の方」「オフィスのリフォーム」「店舗のリフォーム」という４種類の業種別ページを新たに作成いたしました。それぞれの業種の特徴に合わせて、オーダーメイド家具屋ならではの強みや特徴を効果的に訴求することで、法人の方が安心してお問い合わせいただけるだけでなく、集客キーワードの関連性が深まるためSEO対策としても効果的なコンテンツとなっております。

ほかにも、SEO対策の１つとして、旧サイト内で特にPV数が多かったページには「301リダイレクト」を使用した転送処理を行っております。リニューアル後もGoogleからの評価を引き継ぎ、検索順位をさらに向上できるよう、さまざまな視点からWeb集客をバックアップするサポートをさせていただきます。

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

一方で、法人向けのコンテンツでは、アクセントカラーにエメラルドグリーンを使用することで視覚的な差別化を行っております。また、ホームページ内では有料素材を一切使わず、お客様からご提供していただいた実際の家具写真だけを使用することで、お客様の1mm単位の家具へのこだわりがサイト全体から伝わるデザインに仕上げました。

システム面では、お客様がブラウザ上で簡単に更新していただけるよう、お知らせ・商品情報・導入事例にCMSを、コラムにWordpressを取り入れております。そのため、ホームページ公開後も継続してコンテンツを増やすことができ、SEO対策を強化しながらCVをアップさせるためのツールとしてご活用いただけます。