コーポレートサイト
Web
- 概要
- 架空企業のコーポレートサイトを想定し、信頼感と情報の見やすさを意識して制作しました。
- 制作目的
- 企業サイトに必要な基本構成を理解し、情報設計からデザイン、コーディングまで一連の流れを実践することを目的に制作しました。
短期間での制作を想定し、限られた時間の中でも見やすさ・使いやすさ・信頼感を損なわないサイト設計を意識しています。 - 担当範囲
- 構成設計 / ワイヤーフレーム / デザイン / コーディング
- 使用ツール
- Illustrator / Photoshop / HTML / CSS / JavaScript / jQuery
- 制作期間
- 約3日間
- URL
-
https://works-corporate.shio-example.com/
Visit Site
Design Point
デザインのポイント
企業サイトとしての信頼感が伝わるよう、全体的にすっきりとしたレイアウトと落ち着いた配色を意識しました。
情報量が多くなりやすいコーポレートサイトでも読みやすくなるよう、余白をしっかり取り、セクションごとの役割が分かりやすい構成にしています。
また、トップページではファーストビューで企業の印象が伝わるようにビジュアルとキャッチコピーを大きく配置し、下層へ読み進めやすい流れを意識しました。スマートフォンでも見やすく操作しやすいよう、レスポンシブ対応にも配慮しています。
情報量が多くなりやすいコーポレートサイトでも読みやすくなるよう、余白をしっかり取り、セクションごとの役割が分かりやすい構成にしています。
また、トップページではファーストビューで企業の印象が伝わるようにビジュアルとキャッチコピーを大きく配置し、下層へ読み進めやすい流れを意識しました。スマートフォンでも見やすく操作しやすいよう、レスポンシブ対応にも配慮しています。
