WEB CREATION RECORD

ホームページ制作TOP > Web制作実績 > パインバレー [ハーレーパーツショップ / レスポンシブサイト]
[期間限定] 標準クオリティープラン  WEBサイト制作20%OFF
失敗しないWeb制作会社の選び方

WEB CREATION RECORD

パインバレー様

[ハーレーパーツショップ / ホームページ制作実績]

[パインバレー] トップページ
[パインバレー] インジェクションチューニングインデックスページ
[パインバレー] チューニングルームと設備ページ
[パインバレー] ネクストハーレーブログトップページ
[パインバレー] トップページ
[パインバレー] インジェクションチューニングインデックスページ
[パインバレー] チューニングルームと設備ページ
[パインバレー] ネクストハーレーブログトップページ

DESIGN

今回のホームページリニューアルではブログ記事を合わせて3,000ページ近いコンテンツに対してしっかりとした設計を行うところがポイントの一つでした。
情報の分類を把握し、見つからないコンテンツが無いようにスマートに階層構造を見つめ直しました。
また、コンテンツ下段に配置される関連性の高いリンクメニューにより高い回遊性を実現させています。
コーポレイトサイトはハーレーの画像が引き立たせる狙いからバックグラウンドの色は「黒」を選定、ブログは読みやすさを重視して「白」を選定いたしました。
この2つのバックグラウンドカラーの違いより、「ブログ」、「コーポレイトサイト」を感覚的に理解できるように考えられています。
既存のサイトではブログが5つあり、ブログごとにCMSをインストールされていましたが、管理がしにくいことや、セキュリティ面などを考慮し、リニューアル時にはマルチサイト機能を使ってひとつの管理画面で複数ブログを管理できる設計にしました。
また、これまでに公開されていた数千の記事は、そのままデータベースに保存して閲覧できるようにしてあります。
各ページに表示されるキャンペーンバナーは、CMSで管理しているので、簡単に追加や順番の変更が行えます。

付随するサービスをメガメニューで分かりやすくナビゲート

[パインバレー] メガメニュー

付随するサービスをメガメニューで分かりやすくナビゲート

パインバレー様が展開する「ネットショップ」、「ブログ」、「SNS」などの付随する情報サイトに分かりやすくアクセスができるようにオンマウスをするとメニューが展開するメガメニューを採用

» [パインバレー様] トップページ

各ページにしっかりと「ノリ」を表現

[パインバレー] ページメイン画像

各ページにしっかりと「ノリ」を表現

クオリティの高いホームページを構築する為の3要素「スペーシング」「オブジェクト」「カラー」。この3要素があれば美しいホームページが完成します。 ただ、販売促進の観点からもう一つ「ノリ」をしっかりと表現すると大きくサイトの持っている目的に近づくことができます。今回は全ページにページビジュアルを作り込み、しっかりと「ノリ」を表現しています。

» [パインバレー様] セカンドページ

興味を抱くブログレイアウト

[パインバレー] ブログ設計

興味を抱くブログレイアウト

一般のブログは記事一覧が文字ベースで作られていて、他の記事に興味を抱かないという事が想定できます。今回は記事に画像を添えて興味促進に力を入れています。 その他、ブログ記事ランキングや「この記事を読んでいる人はこんな記事も読んでいます」といったレコメンドエンジンも実装しています。

» [パインバレー様] ブログ

スマホ対応-レスポンシブコーディング

[パインバレー] トップページ | スマホビュー
[パインバレー] 音比較ページ | スマホビュー
[パインバレー] HD × SUZUKI ブログトップページ | スマホビュー
[パインバレー] ブログメニュー | スマホビュー
[パインバレー] MEDIAメニュー | スマホビュー

スマホ対応-レスポンシブコーディング

スマホやタブレットの対応としてレスポンシブデザインを採用しました。レスポンシブデザインはブラウザのサイズによってデザインが可変しますのでどのサイズでも適切なデザインでご覧いただけます。
また、ヘッダー内ではコーポレイトサイト閲覧用のメニューボタンと、ブログ・SNS・オンラインショップなどのメディアリンクボタンを左右に配置してスクロールでも動かないように固定化。どのような状況でも動線を確保しています。
ブログ内に入るとブログメニューは下段で固定化。コーポレイトメニューとメディアメニューとブログメニューを差別化して配置することによりストレスの無い回遊を実現させています。

制作概要・工程

企画デザイン設計ライティング撮影SEO内部対策コーディングCMS導入納品チェック・リダイレクト処理

  • 納品日  2017年03月24日
    端末対応  レスポンシブ対応
    ページボリューム  通常ページ:55ページ
    ブログ移行:2835ページ
    フォーム:3本
  • グレード  ハイクオリティ
    撮影  なし
    CMS  部分導入

Customer feedback

サイト制作を依頼しました。ヒアリング能力が高くレスポンスが良く、期限内に丁寧なサイトを作成していただきました。外注業者というよりはパートナーといえる程、親身になっていただきました。長くお付き合いしたい企業です。

PAGE TOP