パインバレー様

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

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

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

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

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

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

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

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

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

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

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

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