DOEのホームページ制作実績
Past work Past work
今回のホームページリニューアルではブログ記事を合わせて3,000ページ近いコンテンツに対してしっかりとした設計を行うところがポイントの一つでした。
情報の分類を把握し、見つからないコンテンツが無いようにスマートに階層構造を見つめ直しました。
また、コンテンツ下段に配置される関連性の高いリンクメニューにより高い回遊性を実現させています。
コーポレイトサイトはハーレーの画像が引き立たせる狙いからバックグラウンドの色は「黒」を選定、ブログは読みやすさを重視して「白」を選定いたしました。
この2つのバックグラウンドカラーの違いより、「ブログ」、「コーポレイトサイト」を感覚的に理解できるように考えられています。
既存のサイトではブログが5つあり、ブログごとにCMSをインストールされていましたが、管理がしにくいことや、セキュリティ面などを考慮し、リニューアル時にはマルチサイト機能を使ってひとつの管理画面で複数ブログを管理できる設計にしました。
また、これまでに公開されていた数千の記事は、そのままデータベースに保存して閲覧できるようにしてあります。
各ページに表示されるキャンペーンバナーは、CMSで管理しているので、簡単に追加や順番の変更が行えます。
納品日 | 2017年03月24日 |
---|---|
端末対応 | [レスポンシブ仕様] PC、タブレット、スマホ対応 |
ページボリューム | 通常ページ:55ページ ブログ移行:2835ページ フォーム:3本 |
撮影 | なし |
CMS | 部分導入 |
スマホやタブレットの対応としてレスポンシブデザインを採用しました。レスポンシブデザインはブラウザのサイズによってデザインが可変しますのでどのサイズでも適切なデザインでご覧いただけます。
また、ヘッダー内ではコーポレイトサイト閲覧用のメニューボタンと、ブログ・SNS・オンラインショップなどのメディアリンクボタンを左右に配置してスクロールでも動かないように固定化。どのような状況でも動線を確保しています。
ブログ内に入るとブログメニューは下段で固定化。コーポレイトメニューとメディアメニューとブログメニューを差別化して配置することによりストレスの無い回遊を実現させています。
Customer feedback
Similar works
DOE(横浜)のニュースとブログ
News News
横浜のWeb制作会社DOEはホームページ制作に関連するWeb技術、Webデザイン、SEO対策情報など人気&おすすめ記事を随時公開中です。
尚、Xでは現場の声がリアルタイム配信中です。良かったらShareして繋がってください。
2024.10.12 お知らせ