作品ページの基本構成
このプロジェクトでは、架空企業のコーポレートサイトを設計・開発しました。
企業サイトとしての信頼性を高めるため、トップページ、会社概要、お問い合わせの3ページ を作成し、ユーザーが必要な情報にスムーズにアクセスできる設計 を意識しました。
作品タイトル
架空企業のコーポレートサイト
制作年2025年
制作の目的・背景
この制作は、企業向けのWebサイト構築を想定した訓練課題 として実施しました。
特に、ビジネス向けサイトに必要なデザイン・情報設計・SEO対策・問い合わせフォームの実装 など、
実際のWeb制作現場で求められるスキルの習得を目的 としています。
また、スマホ対応（レスポンシブデザイン）を考慮し、企業サイトとしての視認性やユーザビリティ向上に注力 しました。
使用ツール
- Photoshop（デザイン作成）
- Illustrator（アイコンやロゴ制作）
- Visual Studio Code（コーディング環境）
担当範囲
- HTML/CSSを用いたサイトのコーディング
- ページレイアウトの設計（ワイヤーフレーム作成）
- 問い合わせフォームの構築
制作プロセス
- リサーチ：企業コーポレートサイトのデザイン・構成を分析
- ワイヤーフレーム作成：Adobe XDを使用し、ページ構成を整理
- デザインカンプ作成：Photoshopを用いて、ブランディングを意識したデザイン作成
- コーディング：HTML5/CSS3を用いてレスポンシブ対応を行い、SEOを考慮した構造に設計
- 問い合わせフォーム実装：PHPを用いたフォームを作成
成果・学び
この制作を通じて、ゼロから企業サイトを設計・構築するプロセスを体系的に学びました。
また、企業向けサイトに求められるユーザビリティやSEO対策、フォーム実装など実務に直結する技術を習得 しました。
今後は、より高度なJavaScriptの活用や、CMS（WordPress）などの実装にも挑戦したい と考えています。