W
RKS
- クライアント名
- エイ・フォース株式会社
- 制作範囲
- 企画、レタッチ、デザイン、プロジェクト管理
- 制作期間
- 6~7月
- 使用ツール
- Figma、Photoshop、Illustrator
概要
今回のクライアントは、説明会で学生から
「ITの会社なのにレスポンシブ対応もされていないのですか?」
と言われた一言がきっかけで、Webサイトを一新したい気持ちを抱いたとのこと。
旧サイトは、レスポンシブ未対応に加え、デザインの古臭さや複雑なページ構成といった課題がありました。リニューアルを通じて、エイ・フォースの良さを外部に発信することを目標としました。
社員一人ひとりが自分らしく働き、協力し合える風土がエイ・フォースの強みです。これをコーポレートカラーや図形の組み合わせで、社内のいきいきとした雰囲気を表現しました。
取引先やこれから入社する社員、新しい出会いにつながるように、改良を重ねました。
目的
- サイトのリニューアルでデザインを現代的なものにすることで、外部に対し会社の印象アップ、信頼度を上げる。
- コンテンツの整理を行い、伝えたいことが伝わるようなコンテンツの構成にする。
ターゲット
- IT企業への就活を考えている、就活中の大学生。
- 業務のシステム化を考えている、情報システム部門の部長
デザイン
ファーストビューでは、IT企業らしさを視覚的に強調するため、プログラミングのソースコードを模したデザインにしました。社名の由来でもある「A」を強調したタイポグラフィを配置し、トレンド感を出しました。 色の異なる幾何学模様をモチーフとして散りばめ、社員の個性を尊重しつつ、組み合わり力を発揮する社風をデザインとして形にしました。
配色
コーポレートカラーの、オレンジ、緑、黄色を基調としました。エイフォースのブランディングをしつつ、ビタミンカラーで社内のポジティブな雰囲気を表現しました。色合い的に子供っぽくなりすぎないよう、バランス調整として黒を取り入れてメリハリを付けました。ベースカラーは、コントラストが強くなりすぎないよう、柔らかい色合いの白(#f9f9f9)を使用してます。
- 白: #F9F9F9
- オレンジ: #FF5C00
- 緑: #58D073
- 黄色: #FFD400
- 白: #FFFFFF
- 黒: #2B2C32
フォント
会社の顔となるサイトにすべく、信頼感、そして事業としてDXやAIを推進しているため、現代的な雰囲気を与えるフォントとして「Noto Sans JP」選定しました。 欧文には、丸みを帯びつつも正方形に近い形状が現代的なPoppinsを選定しました。和文やサイト内の図形と相性の良い点もポイントです。 Sans JPを使用しています。欧文には、丸みを帯びつつも正方形に近い形状が現代的なPoppinsを選定しました。和文やサイト内の図形と相性の良いのもポイントです。
NEXT
おすすめコンテンツ
チャレンジワーク・新潟
エイフォース株式会社採用サイト
