| No. | ||
|---|---|---|
| 1 | 作品ジャンル | 本作品は、金融・就職・不動産・保険・通信・学習など幅広いジャンルの情報を比較・解説するアフィリエイト型の記事メディアサイト群である。ユーザーがサービスを比較しながら自分に合った商品やサービスを選択できることを目的とした情報サイトとして設計した。クレジットカード、投資、求人、保険など複数のジャンルをカテゴリ別に整理し、ユーザーが目的の情報へスムーズにアクセスできる構造を採用している。 |
| 2 | 作品タイトル | 総合比較メディア「まとめドットコムシリーズ」記事サイト制作 金融、就職、保険、不動産、通信など生活に関わる様々なサービスを比較・解説する情報メディアサイト群として制作した。各ジャンルごとに専門サイトとして構成し、ユーザーがサービス内容や特徴を理解しながら最適な選択ができるよう設計している。記事型コンテンツを中心とした構造により、検索エンジンからの流入を意識したメディアサイトとして制作した。 |
| 3 | 制作の目的 | 本制作の目的は、検索エンジンからの流入を想定した記事メディア型サイトの構造を理解し、情報整理と導線設計のスキルを習得することである。ユーザーが複数のサービスを比較しながら理解できるコンテンツ構造を設計することで、実用的なWebメディアサイト制作の経験を積むことを目的とした。また、ポートフォリオとして記事サイト制作能力を示すことも目的としている。 |
| 4 | 制作の課題 | 記事メディアサイトでは、情報量が多くなるほどユーザーが目的の情報にたどり着きにくくなるという課題がある。本作品ではカテゴリ整理や記事構造を工夫し、ユーザーが必要な情報を見つけやすいサイト構造を設計することを課題とした。また、複数ジャンルのサイトを制作するため、サイト構造の統一性とジャンルごとの分かりやすさを両立させる点も制作上の課題となった。 |
| 5 | ターゲット （誰に向けたデザインか） | 本サイトのターゲットは、金融サービスや転職、保険、通信サービスなどを比較検討したい20代〜50代のインターネットユーザーを想定している。特にサービス選択の際に情報収集を行うユーザーを対象とし、初心者でも理解しやすい記事構成とシンプルなサイトデザインを意識した。検索エンジンから訪問したユーザーが必要な情報を素早く得られる構成を重視して制作している。 |
| 6 | 制作プロセス | まず各ジャンルの情報サイトを調査し、記事メディアの構造やコンテンツ構成を分析した。その後サイト構成を設計し、カテゴリや記事ページのレイアウトを決定した。次にWordPressを使用してサイトを構築し、記事ページのデザインやナビゲーション構造を整えた。最後に表示確認やデザイン調整を行い、検索エンジンからの閲覧を想定した記事メディアサイトとして完成させた。 |
| 7 | デザインのポイント | デザインでは、情報の読みやすさと記事の視認性を重視した。記事ページでは見出しや段落を整理し、長文でも読みやすいレイアウトを採用している。また、カテゴリメニューやナビゲーションを分かりやすく配置することで、ユーザーが目的の情報へ移動しやすい構造を設計した。シンプルな配色と余白を活かしたデザインにすることで、情報を整理した読みやすいメディアサイトを目指した。 |
| 8 | 制作期間 | 制作期間は全て合わせると3か月程度かかっている。最初の1か月間でサイト構造の設計とジャンル整理を行い、必要なページ構成を決定した。2〜3か月目はWordPressによるサイト構築と記事ページデザインを行い、カテゴリ構造やナビゲーションを整備した。最終週では表示確認やデザイン調整を行い、複数のジャンルサイトとして統一感のある記事メディアサイトを完成させた。 |
| 9 | 使用ツール | 制作にはWordPressを使用し、記事メディアサイトとしての構造を構築した。デザイン制作にはAdobe PhotoshopおよびIllustratorを使用し、画像素材の作成やビジュアルデザインを行った。また、HTMLとCSSを用いてレイアウト調整やカスタマイズを行い、記事ページの読みやすさやナビゲーション構造を整えた。これらのツールを組み合わせ、情報メディアサイトとして制作した。 |
| 10 | 工夫した点 | ユーザーが目的の情報を見つけやすくするため、カテゴリ構造と記事導線を工夫した。金融、転職、不動産、保険などジャンルごとにサイトを分けることで専門性を高め、ユーザーがテーマごとに情報を探しやすい構造にしている。また、記事内では見出しやリストを活用し、情報を整理して読みやすくする工夫を行った。検索エンジンからの流入を想定した記事構成も意識して制作した。 |
| 11 | 特記 | 本サイト群はポートフォリオ用の制作作品として、記事メディアサイトの構造を学習する目的で制作したものである。金融、求人、不動産、保険など複数ジャンルの比較情報サイトを制作することで、情報整理やサイト構造設計のスキルを実践的に学んだ。実際のサービス比較サイトを参考にしながら、検索エンジンからの閲覧を想定した記事型Webメディアとして制作した。 |
| No | サイト名 | URL |
| 1 | クレジットカードまとめドットコム | https://ak-article.com/credit-card |
| 2 | FXまとめドットコム | https://ak-article.com/fx/ |
| 3 | 株まとめドットコム | https://ak-article.com/stock/ |
| 4 | 仮想通貨まとめドットコム | https://ak-article.com/cryptocurrency/ |
| 5 | CFDまとめドットコム | https://ak-article.com/cfd/ |
| 6 | 投資信託まとめドットコム | https://ak-article.com/investment-trust/ |
| 7 | NISAまとめドットコム | https://ak-article.com/nisa/ |
| 8 | iDeCoまとめドットコム | https://ak-article.com/ideco/ |
| 9 | 銀行口座まとめドットコム | https://ak-article.com/bank-account/ |
| 10 | ネット銀行まとめドットコム | https://ak-article.com/net-bank/ |
| 11 | ファクタリングまとめドットコム | https://ak-article.com/factoring/ |
| 12 | キャッシング・ノンバンクまとめドットコム | https://ak-article.com/consumer-finance/ |
| 13 | 転職まとめドットコム | https://ak-article.com/job-change/ |
| 14 | 就職まとめドットコム | https://ak-article.com/employment/ |
| 15 | 独立・フリーランスまとめドットコム | https://ak-article.com/Independence/ |
| 16 | エンジニアの就職・転職ドットコム | https://ak-article.com/engineer-employment/ |
| 17 | クリエイター・デザイナーの就職ドットコム | https://ak-article.com/creator-designer-employment/ |
| 18 | 医師の求人まとめドットコム | https://ak-article.com/doctor/ |
| 19 | 看護師の求人まとめドットコム | https://ak-article.com/nurse/ |
| 20 | 薬剤師の求人まとめドットコム | https://ak-article.com/pharmacist/ |
| 21 | 介護士の求人まとめドットコム | https://ak-article.com/care-worker/ |
| 22 | 保育士の求人まとめドットコム | https://ak-article.com/childcare-worker/ |
| 23 | 不動産の売却まとめドットコム | https://ak-article.com/sale-of-real-estate/ |
| 24 | 不動産の購入まとめドットコム | https://ak-article.com/purchase-of-real-estate/ |
| 25 | リフォーム・リノベーションまとめドットコム | https://ak-article.com/renovation/ |
| 26 | 住宅ローンまとめドットコム | https://ak-article.com/mortgage/ |
| 27 | 不動産投資のまとめドットコム | https://ak-article.com/real-estate-investment/ |
| 28 | 太陽光発電のまとめドットコム | https://ak-article.com/solar-power-generation/ |
| 29 | 車の売却ドットコム | https://ak-article.com/selling-a-car/ |
| 30 | レンタカーまとめドットコム | https://ak-article.com/rental-car/ |
| 31 | 合宿免許まとめドットコム | https://ak-article.com/driving-school-intensive-course/ |
| 32 | 車両保険まとめドットコム | https://ak-article.com/automobile-insurance/ |
| 33 | クリエイター・デザイナーの学習ドットコム | https://ak-article.com/creator-designer-learning/ |
| 34 | プログラミング学習ドットコム | https://ak-article.com/programming-learning/ |
| 35 | 学びまとめドットコム | https://ak-article.com/learning/ |
| 36 | ガジェットまとめドットコム | https://ak-article.com/gadget/ |
| 37 | 光回線・モバイルWifiまとめドットコム | https://ak-article.com/fiber-optic-line-wi-fi/ |
| 38 | 引越しまとめドットコム | https://ak-article.com/moving/ |
| 39 | 旅行まとめドットコム | https://ak-article.com/travel/ |
| 40 | 医療保険まとめドットコム | https://ak-article.com/medical-insurance/ |
| 41 | がん保険まとめドットコム | https://ak-article.com/cancer-insurance/ |
| 42 | 火災保険まとめドットコム | https://ak-article.com/fire-insurance/ |
| 43 | 生命保険まとめドットコム | https://ak-article.com/life-insurance/ |
| 44 | ペット保険まとめドットコム | https://ak-article.com/pet-insurance/ |