![[パインバレー] トップページ](https://www.doe.co.jp/works/wp-content/uploads/sites/2/2017/09/works87-screenshot-pc01-134x76.png)
![[パインバレー] インジェクションチューニングインデックスページ](https://www.doe.co.jp/works/wp-content/uploads/sites/2/2017/09/works87-screenshot-pc02-134x76.png)
![[パインバレー] チューニングルームと設備ページ](https://www.doe.co.jp/works/wp-content/uploads/sites/2/2017/09/works87-screenshot-pc03-134x76.png)
![[パインバレー] ネクストハーレーブログトップページ](https://www.doe.co.jp/works/wp-content/uploads/sites/2/2017/09/works87-screenshot-pc04-134x76.png)
DESIGN
2500ページ以上の大型サイト!
デザインに「ノリ」をのせて高揚感があるサイトに仕上がりました。
今回のホームページリニューアルではブログ記事を合わせて3,000ページ近いコンテンツに対してしっかりとした設計を行うところがポイントの一つでした。
情報の分類を把握し、見つからないコンテンツが無いようにスマートに階層構造を見つめ直しました。
また、コンテンツ下段に配置される関連性の高いリンクメニューにより高い回遊性を実現させています。
コーポレイトサイトはハーレーの画像が引き立たせる狙いからバックグラウンドの色は「黒」を選定、ブログは読みやすさを重視して「白」を選定いたしました。
この2つのバックグラウンドカラーの違いより、「ブログ」、「コーポレイトサイト」を感覚的に理解できるように考えられています。
既存のサイトではブログが5つあり、ブログごとにCMSをインストールされていましたが、管理がしにくいことや、セキュリティ面などを考慮し、リニューアル時にはマルチサイト機能を使ってひとつの管理画面で複数ブログを管理できる設計にしました。
また、これまでに公開されていた数千の記事は、そのままデータベースに保存して閲覧できるようにしてあります。
各ページに表示されるキャンペーンバナーは、CMSで管理しているので、簡単に追加や順番の変更が行えます。
付随するサービスをメガメニューで分かりやすくナビゲート
付随するサービスをメガメニューで分かりやすくナビゲート
パインバレー様が展開する「ネットショップ」、「ブログ」、「SNS」などの付随する情報サイトに分かりやすくアクセスができるようにオンマウスをするとメニューが展開するメガメニューを採用
各ページにしっかりと「ノリ」を表現
各ページにしっかりと「ノリ」を表現
クオリティの高いホームページを構築する為の3要素「スペーシング」「オブジェクト」「カラー」。この3要素があれば美しいホームページが完成します。 ただ、販売促進の観点からもう一つ「ノリ」をしっかりと表現すると大きくサイトの持っている目的に近づくことができます。今回は全ページにページビジュアルを作り込み、しっかりと「ノリ」を表現しています。
興味を抱くブログレイアウト
興味を抱くブログレイアウト
一般のブログは記事一覧が文字ベースで作られていて、他の記事に興味を抱かないという事が想定できます。今回は記事に画像を添えて興味促進に力を入れています。 その他、ブログ記事ランキングや「この記事を読んでいる人はこんな記事も読んでいます」といったレコメンドエンジンも実装しています。
スマホ対応-レスポンシブコーディング
スマホ対応-レスポンシブコーディング
スマホやタブレットの対応としてレスポンシブデザインを採用しました。レスポンシブデザインはブラウザのサイズによってデザインが可変しますのでどのサイズでも適切なデザインでご覧いただけます。
また、ヘッダー内ではコーポレイトサイト閲覧用のメニューボタンと、ブログ・SNS・オンラインショップなどのメディアリンクボタンを左右に配置してスクロールでも動かないように固定化。どのような状況でも動線を確保しています。
ブログ内に入るとブログメニューは下段で固定化。コーポレイトメニューとメディアメニューとブログメニューを差別化して配置することによりストレスの無い回遊を実現させています。
制作概要・工程
企画デザイン設計ライティング撮影SEO内部対策コーディングCMS導入納品チェック・リダイレクト処理
-
納品日 2017年03月24日 端末対応 レスポンシブ対応 ページボリューム 通常ページ:55ページ
ブログ移行:2835ページ
フォーム:3本 -
グレード ハイクオリティ 撮影 なし CMS 部分導入
お客様の声
Customer feedback
サイト制作を依頼しました。ヒアリング能力が高くレスポンスが良く、期限内に丁寧なサイトを作成していただきました。外注業者というよりはパートナーといえる程、親身になっていただきました。長くお付き合いしたい企業です。