メディアサイトの記事アーカイブページデザイン

■ 制作概要

制作時期：2022年5月

制作時間：約4時間

担当内容：ワイヤー制作、ライティング、レスポンシブデザイン、WordPress構築

ページ数：1ページ

ページ構成：ヘッダー / カテゴリ / 成果 / プレスリリース / 記事 / フッター

使用ツール：Adobe XD、WordPress、HTML、CSS

_____________________________________________________

■ 制作背景

• 営業担当者が商談の際に、自社サービスを導入した成功事例を伝えられるツールがなく、口頭や紙資料で伝えるしかないという課題がありました。
• このページを活用しながらサービス導入事例と実際の成果事例を伝えられるよう、各企業担当者のインタビュー記事をまとめたアーカイブページを制作しました。

_____________________________________________________

■ 実装した機能、工夫したこと

• 多様な業界の担当者がこのページを閲覧した際に、自社と同様の業界記事を発見しやすくするために、トップに業種カテゴリのタグボタンを配置しました。
• カテゴリごとのセクションでは、まず成果を確認したあと詳細の記事ページへ遷移できるよう、記事本文だけでなくアーカイブページでもPREP法を意識してレイアウトしました。
• 主にビジネス商談で活用するページのため、過度な装飾を削ぎ落としシンプルなデザインを採用しました。
• 短い商談時間内でも端的にサービスの魅力を伝えられるよう、訴求ポイントは短い文章でまとめました。

_____________________________________________________

■ トップページ（pc）外観

_____________________________________________________

■ トップページ（sp）外観