| No. | ||
|---|---|---|
| 1 | URL | https://ak-portfolio.blog/Corporatesite |
| 2 | 作品ジャンル | 本作品は、企業の事業内容や会社情報を紹介することを目的としたコーポレートサイトのWebデザイン作品である。企業概要、ブログ記事、問い合わせ情報などを掲載し、企業の活動内容やサービスをユーザーに分かりやすく伝える構成として設計した。トップページ、記事ページ、会社情報ページなどの基本構造を備え、企業サイトとして必要な情報を整理して掲載することを意識して制作したポートフォリオ作品である。 |
| 3 | 作品タイトル | コーポレートサイトデザイン「AK Information Design」 企業の事業内容や活動情報を発信することを目的としたコーポレートサイトとして制作したWebサイトデザイン作品。会社概要やブログ記事を掲載することで、企業の理念や取り組みをユーザーに伝える構成となっている。シンプルで見やすいレイアウトを採用し、企業サイトとして信頼感のあるデザインを意識して制作したポートフォリオ作品である。 |
| 4 | 制作の目的 | 本制作の目的は、企業サイトの基本構造を理解し、企業情報を整理して分かりやすく伝えるWebデザインスキルを習得することである。企業サイトでは、会社概要や事業内容などの情報を見やすく掲載することが重要であるため、情報設計とユーザー導線を意識して制作した。また、ポートフォリオとしてコーポレートサイト制作能力を示すことも目的としている。 |
| 5 | 制作の課題 | 企業サイトでは、掲載する情報が多くなるほどページ構造が複雑になり、ユーザーが必要な情報を見つけにくくなるという課題がある。本作品では、ナビゲーションメニューやページ構成を整理し、ユーザーが会社情報や記事ページへスムーズに移動できる導線設計を課題として制作した。また、企業サイトとして信頼感のあるデザインを表現する点も重要な課題となった。 |
| 6 | ターゲット （誰に向けたデザインか） | 本サイトのターゲットは、企業のサービスや活動内容に興味を持つ一般ユーザーや取引先企業を想定している。企業情報を確認したいユーザーや、会社の取り組みを知りたいユーザーが利用することを想定し、誰でも読みやすいシンプルなデザインを採用した。また、パソコンやスマートフォンから閲覧する幅広いユーザーを想定した構成として設計している。 |
| 8 | 制作プロセス | 制作はまず企業サイトの構成を調査し、必要なページ構造を整理することから開始した。その後ワイヤーフレームを作成し、トップページ、会社概要、記事ページなどのレイアウトを設計した。次にデザイン制作を行い、配色やフォント、画像配置を調整しながらサイト全体のビジュアルを整えた。最後にHTML・CSSによるコーディングを行い、表示確認とデザイン調整を行って完成させた。 |
| 9 | デザインのポイント | デザインでは、企業サイトとしての信頼感と情報の見やすさを重視した。余白を活かしたシンプルなレイアウトを採用し、情報を整理して表示することでユーザーが内容を理解しやすい構成にしている。また、ナビゲーションメニューを分かりやすく配置し、会社情報や記事ページへスムーズに移動できる導線を設計した。落ち着いた配色を使用することで、企業サイトとしての信頼感を表現している。 |
| 10 | 制作期間 | 制作期間は約2〜3週間を想定している。最初の数日間でサイト構造の調査とワイヤーフレーム作成を行い、企業サイトとして必要なページ構成を整理した。その後デザイン制作を行い、レイアウトや配色、フォントなどの調整を進めた。最後の1週間でHTML・CSSによるコーディングを行い、各ページの表示確認やデザイン調整を行って完成させた。 |
| 11 | 使用ツール | 制作にはAdobe PhotoshopおよびIllustratorを使用し、Webデザインのレイアウト制作や画像素材の加工を行った。コーディングにはHTMLとCSSを使用し、Webサイトの構造を構築した。また、WordPressを利用することで記事投稿機能を実装し、ブログ形式で情報を更新できるサイト構成として制作した。 |
| 12 | 工夫した点 | 企業情報を分かりやすく伝えるため、ページ構成とナビゲーション設計を工夫した。トップページから会社概要や記事ページへスムーズに移動できる導線を意識し、ユーザーが迷わず情報にアクセスできる構造にしている。また、記事ページでは見出しや段落を整理し、長文でも読みやすいレイアウトを採用した。シンプルなデザインにすることで、企業サイトとしての信頼感を高めている。 |
| 13 | 特記 | 本サイトはポートフォリオ用に制作したコーポレートサイトのデモ作品であり、企業サイトの基本構造や情報設計を学習する目的で制作した。会社概要、記事ページ、問い合わせ情報など、実際の企業サイトを想定したページ構成で制作している。コーポレートサイト制作に必要な情報整理やデザイン設計を実践的に学ぶことを目的とした作品である。 |
[table id=22