CORPORATE SITE
自主制作（スクール課題）
アプリ開発会社
コーポレートサイト
事業拡大に向け、企業の先進性と信頼性を訴求し、新たな顧客層へ企業の強みや価値が伝わるサイトを目指して制作しました。
Basic Info
制作種別
自主制作（スクール課題）
制作物
コーポレートサイト全12ページ（PC / SP）
担当範囲
情報設計 / デザイン
制作期間
3ヶ月
使用ツール
Figma ・ Illustrator
01
プロジェクト概要
Project Overview
背景
設立5年目の事業拡大と自社アプリ300万DL突破を想定し、新たな顧客層への訴求と、企業の強みや価値を伝えるコーポレートサイトを制作。
課題
既存サイトでは企業の技術力や強みが十分に伝わっておらず、情報を整理し、企業の特徴を分かりやすく伝えること。
目的
企業としての存在感を高め、新たな顧客層の獲得につなげる。
想定ユーザー
アプリ開発やDX推進を検討している企業・教育機関・自治体
前提条件
先進的な技術力と親しみやすさを両立し、企業の強みや取り組みが分かりやすく伝わる設計。
02
デザインコンセプト
Design Concept
1
コンセプト
驚きと感動を届ける、信頼と革新のパートナー
2
イメージキーワード
「信頼性」 「親しみやすさ」 「先進性」 「創造性」 「洗練感」
3
情報設計
アプリ開発を検討している企業や教育機関・自治体に向けて、事業内容や強みを分かりやすく整理しました。
実績紹介やブログ導線を設けることで、企業理解と信頼感向上につながる構成を目指しています。
4
デザイン方針
全体の方向性
先進性と親しみやすさの両立を意識し、洗練されたレイアウトと温かみのあるビジュアルで構成しました。
余白を活かした設計により、情報の整理と可読性を高めています。
配色設計
白・薄グレー・ブルーを基調に、信頼感と先進性を感じられる配色を採用しました。
明度差を活かしながら、視認性と親しみやすさを両立しています。
Base 1
#F3F4F6
Base 2
#FFFFFF
Main
#007AFF
Main 2
#E5F0FF
Main 3
#004B99
Text 1
#1A1A1A
Text 2
#4F4F4F
フォント選定
和文には視認性と可読性に優れた「Noto Sans JP」を採用しました。欧文には洗練された印象を持つ「Inter」、数字には視認性の高い「Oswald」を使用し、情報の見やすさとブランドイメージの統一を図っています。
和文フォント
Noto Sans JP
欧文フォント
Inter
数字フォント
Oswald
03
デザイン意図
Design Intent
イラストによる視覚的な伝わりやすさ
内容を直感的に理解しやすいよう、視認性の高いイラストを採用しました。
カラー統一によるブランドイメージ強化
メインカラーに合わせてイラストのトーンを統一し、先進性と信頼感を印象付けました。
リズム感を意識したレイアウト設計
イラストと文章を交互に配置し、単調にならない読みやすい構成を目指しました。
目的の事例へ辿り着きやすい導線設計
「サービス別」「業界別」の2軸で絞り込める導線を設計し、幅広いターゲットが目的の事例を探しやすい構成にしました。
成果が伝わるBefore / After設計
導入前の課題と導入後の変化をカード内に整理し、課題解決の流れが直感的に伝わるよう設計しました。
タグによる視覚的分類
各カード下部に属性タグを配置し、事例カテゴリを直感的に把握できるよう設計しました。
階層を整理した見出し設計
大・中・小見出しでデザインに強弱をつけ、情報の優先度が直感的に伝わるよう設計しました。
長文でも読みやすい余白設計
見出しや本文間に十分な余白を設けることで、情報量が多い記事でも圧迫感なく閲覧できるよう配慮しました。
04
全体像
Design Overview
PC
SP
04
全体像
Design Overview
PC
SP
Page
Top