データ活用における情報Webサイトの画像

データ活用における情報Webサイト

LP

タイトルデータ活用における情報Webサイト
制作期間10h(カンプ作成のみ)
使用したソフトXD、Photoshop、Illustrator
担当箇所サイトデザイン
デザインコンセプト▼全体的に
サイトのイメージはスタイリッシュで、アクセントの黄色を入れることでメリハリを表現しています。

▼共通
<配色>
モノクロを基調にし、
コンテンツや画像には、ロゴで使用されているイエローを配色。

<タイポグラフィ
見出し(h2)は、長文が多いので、読みやすいバランスの大きさにしました。
本文は一般的に多い16pxで行間は間延びしない程度に可読性重視で空けています。
導入事例の箇所は、訴求につながるので、本文より少し大きめにしております。

<ロゴ
Barlow+Condensedというフォントを使用しています。
先進的なイメージで斜め書体を使用しています。

<写真>
モノクロで、スタイリッシュ、真面目な感じを採用しております。
イラスト・アイコン等はダミーですが、アクセントカラーのイエローを用いて統一感を出しています。

<イラスト、アイコン>
イラスト・アイコン等はダミーですが、アクセントカラーのイエローを用いて統一感を出しています。アウトラインのアイコンでシンプルさ、わかり易さを表現しております。

<シェイプ
背景にダイナミックに斜線イエローを配置。
目線を下へ下へと読み進めていけるような形にしました。

<デコレーション>
ふわりとした今どきのシャドウを使用しております。
硬い中にも柔らかさを取りいれました。