Works
制作実績
| Client | 株式会社ホープ様 |
|---|---|
| Scope | TOPページのデザイン |
| Type | コーポレートサイト |
| Schedule | 2024年6月下旬〜7月下旬 |
| Tools | Adobe XD |
| URL | https://www.hope-nerima.jp/open_in_new |
Data
データ
| ターゲットユーザー |
|
|---|---|
| 事業内容 | 総合建設業 |
| 制作目的 |
|
| 全体の希望の雰囲気 | ポップ |
| メインカラー | 青、白 |
| デザインの意図 |
★全体 ウェブアクセシビリティを意識して、ボタンの名称は全てページ遷移先の名称にしています。スライダーは一時停止ボタンを設置するようにしました。全体的にポップな雰囲気にするために画像やフォントは丸みをつけてあしらいなども希望のイメージに合う素材を使用しました。 ★背景 丸みのあるあしらいを使用してポップな雰囲気にしています。あしらいにグラデーションを取り入れることにより、全体的に深みがでて奥行きのある印象を与えています。 ★FV部分 キャッチコピーの「心にゆとりと豊かさを」の言葉に合うように、まず要素ごとの余白を広めに取り、空間を作ることでキャッチコピーが際立ち、ゆとりのある印象を与えています。ポップなあしらいが多く、色も単色ではなくグラデーションを使用しているため、全体的にうるさくなりがちですが、余白を広めに取ることにより、窮屈な印象を緩和してゆとりのある豊かな印象を与えています。 ★お知らせ お知らせを頻繁に更新する予定なので、 MV直下に配置することにより、サイトに訪れたユーザーがお知らせを見てくれる可能性が高まるため、この位置に配置しています。 ★ホープについて 地域密着、信頼感はここのブロックで表現します。地域に対しての想い、会社が大切にしている想いを文章で表現します。詳細まで読んでもらえなくても、タイトルで要点がまとめられているので、何についての文章が書かれているのか、訪れたユーザーは認識することができます。 ★採用情報 採用サイトは別サイトにあるため、どのページにいてもすぐにページ遷移できるようにヘッダーに目立つように配置しています。TOPではフッター上部に背景をグラデーションにして他のブロックと差別化して配置しています。上から会社の思いや情報を一通り見た上で、興味がある人に採用ページにページ遷移してもらう想定です。 |
PC
PCイメージ
SP
SPイメージ
