スタートアップ企業向けのITコンサルティングサービスを展開する 架空の企業サイト
- 目的と課題
- 会社の認知度アップ、新規顧客開拓のため、企業の理念やサービスを発信する。
- ターゲット
- ITの側面から会社の基盤を固めたいと考えているベンチャー企業の幹部クラスの方々。
- デザインのポイント
-
会社の認知度アップを目的としたコーポレートサイトなので、会社のビジョンやサービス内容、実績を紹介することに重点を置いたサイト構成となっています。
サイトの印象は「シンプル」「スタイリッシュ」。
シンプルすぎず、かつ雑然とした印象にならないよう、コンテンツの隙間や字間を広めにとるなど、余白を意識してデザインしました。
スタイリッシュなデザイン
ローディング時にプログレスバーが伸びる演出、ファーストビューのキャッチコピーが横から流れるように出現するスピード感ある表示、 マウスホバー時にボタンの背景色がさっと伸びる動き、スクロール時にコンテンツが下から上に向かって現れる動き。 スタイリッシュな印象になるよう、JavaScriptやCSSで動きを制御しています。 ファーストビューの色味修正
元の画像の色は青っぽい感じでしたが、サイトのテーマカラーが緑なので、Photoshopで緑色のレイヤーを重ねて色味を変更しました。 スタイリッシュなデザイン
ナビゲーションのセクション名にマウスカーソルを合わせると、英語から日本語に名前がくるっと変化するようにしています。 サイトの印象が堅くなりすぎないよう、遊び心を足しています。
- 使用ツール・技術
- Photoshop / Illustrator / HTML / CSS / JavaScript / VS Code
- 制作時間
-
- デザイン
- 21.5時間
- コーディング
- 25.5時間
- 制作時期
- 2022年3月
Other Works
