WEBSITE
担当:情報設計/UIデザイン/フロントエンド実装/レスポンシブ対応(ユーザー導線と公開後の改善を考慮して設計)
Corporate Website Design & Development
情報設計 / UIデザイン / フロントエンド実装
Illustrator / Photoshop / HTML / CSS / Bootstrap
企業のブランドイメージを正しく伝え、問い合わせにつながるコーポレートサイト制作
企業の信頼感を伝えるブランドトーンとビジュアルを設計
クライアントの要望を丁寧にヒアリングし情報設計に反映
問い合わせまでの導線を明確に設計
既存サイトがなく、企業情報が十分に整理されていない状態でした。 営業担当からの紹介により、新規コーポレートサイト制作案件として依頼を受けました。
企業の強みや事業内容は存在するものの、それを効果的に伝えるための情報設計が必要でした。 ブランドイメージも未定義の状態で、ゼロからの構築が求められる案件でした。
企業のブランドイメージを正しく伝え、問い合わせにつながるコーポレートサイトを構築すること。 企業の信頼性を高め、ビジネス機会の創出を目指しました。
・取引先候補となる企業担当者
・企業情報を確認したいビジネスパートナー
・採用候補者(求職者)
・企業情報が散在しており、サイト化に必要な情報整理が必要
・ブランドイメージが未定義で、視覚的な統一感を持たせる必要がある
・問い合わせまでの導線が未設計で、訪問者を適切に誘導する構成が必要
・公開後のユーザー行動を分析し、継続的な改善を行う基盤が必要
クライアントへのヒアリングを重ね、企業の強み・サービス内容・ターゲットを丁寧に整理。 Illustratorでラフを作成し、打ち合わせで意見を反映しながらブラッシュアップしました。
企業ロゴを新規制作し、サイト全体のデザイントーンを統一。 企業の個性を視覚的に表現し、信頼感を高めるビジュアル設計を行いました。
問い合わせまでの導線を明確に設計し、訪問者が次のアクションを取りやすい構成を実現。 企業の魅力を効果的に伝えるストーリー設計を心がけました。
Bootstrapを使用してレスポンシブ対応のコーディングを実施。 PC・タブレット・スマートフォンすべてで最適な表示を実現しました。
公開後のユーザー行動分析と改善運用を想定し、計測ツールの導入を前提とした構成で設計。 継続的な改善が可能な基盤を構築しました。
・ヒアリングを通じた情報設計の重要性を実感
・ブランド構築におけるビジュアル統一の経験を獲得
・レスポンシブ対応のコーディングスキルを向上
・公開後の改善を見据えた設計思考を身につけた
・企業の信頼感を伝えるコーポレートサイトを新規構築
現在、Google Analytics 4 と Microsoft Clarity の導入を予定しており、
公開後のユーザー行動分析を通じた継続的な改善運用を想定しています。
企業の信頼感を伝える
コーポレートサイトを新規構築