プロジェクト概要
プロジェクト名: アプリメディアサイト
クライアント名: 株式会社バローズ様
プロジェクト期間: 2023年5月3日 – 2023年6月3日
ページ数: 9ページ
背景と目的
背景:アプリの情報を発信するメディアサイトを構築したい
目的: アプリに関する記事を発信し、ユーザーにアプリの魅力や詳細情報を効果的に伝えることで、アプリのダウンロードや利用につなげる
サイトの概要
サイトの種類: メディアサイト
主な機能: 記事の出力、カテゴリーの絞り込み、記事内で再利用できるブログパーツの構築
ターゲットユーザー: アプリに興味のある一般ユーザーおよび業界関係者
デザインと開発の過程
デザインプロセス:
- リサーチ: 提供された参考サイトやメディアサイトを分析し、UI、デザイン性を調査しました。回遊性の高いサイト設計を意識しました。
- ワイヤーフレーム: ページの構造とユーザーフローを視覚化するために、Adobe XDを使用してワイヤーフレームを作成しました。
- デザインカンプ: Adobe XDを使用してデザインを行い、クライアントにフィードバックを重ねながら調整しました。
開発プロセス:
- フロントエンド: HTML/CSSを使用しました。
- バックエンド: WordPressを使用し、SWELLテーマを採用しました。
- 使用ツール: Adobe XD、Visual Studio Code
チームと役割分担
チーム構成: ディレクターと私
役割分担: ワイヤーフレーム作成、デザイン、コーディング、サイトリリースを担当しました。
公開後: サイトのメンテナンスや軽微な追加、調整を行っています。
振り返りと学び
成功した点: クライアントの要望に基づき、回遊性の高いサイト設計を実現できた点。
課題と対策: メディアサイトの構築が初めての経験であり、ホームページとは異なるUIで、ユーザーの離脱を防ぎ、滞在時間を上げるための工夫を意識する必要がありました。また、記事内に再利用できるパーツ（アプリに関する情報をまとめるテンプレート）の要望があったため、実装方法を調べながら対応いたしました。SWELLテーマを用いて制作し、ブログパーツ機能で対応できました。
学び: さまざまな課題もありましたが無事対応でき、課題に対する対応力が得られました。また、メディアサイト制作、SWELLテーマのカスタマイズに対する理解も深まりました。
