Close

DOEのホームページ制作実績

Past work Past work

ホームホームページ制作実績[ハーレーパーツショップサイト] パインバレー様

Web creation record

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

納品日 2017年03月24日
端末対応 [レスポンシブ仕様] PC、タブレット、スマホ対応
ページボリューム 通常ページ:55ページ
ブログ移行:2835ページ
フォーム:3本
撮影 なし
CMS 部分導入
[パインバレー] トップページ | スマホビュー
[パインバレー] インジェクションチューニングインデックスページ | スマホビュー
[パインバレー] チューニングルームと設備ページ | スマホビュー
[パインバレー] アッキーブログトップページ | スマホビュー

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

Customer feedback

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

DOE(横浜)のニュースとブログ

News News

横浜のWeb制作会社DOEはホームページ制作に関連するWeb技術、Webデザイン、SEO対策情報など人気&おすすめ記事を随時公開中です。
尚、Xでは現場の声がリアルタイム配信中です。良かったらShareして繋がってください。