Daily UI #051（Press Page）

Daily UI 51日目のお題は「Press Page」。
全国自治体のプレスリリースまとめサイトの画面を制作します。

制作過程

今回は4時間半くらいでした。

制作の流れ
リサーチ：46分
要件定義：10分
必要な項目を考える：19分
ワイヤーフレーム・ビジュアル：3時間8分
-------------------------
計　4時間23分

リサーチ

既存の自治体の公式HPを参考にしました。

要件定義

ChatGPTに要件を詰めてもらいました。

サービス名：プレスナビ
サービス内容：全国の都道府県のプレスリリースを一元管理・検索できる
機能：絞り込み検索（都道府県別、発表年月、キーワード検索、カテゴリ別、リリース保存、リリース通知）
ペルソナ：佐藤 真奈美（35歳・大手建設会社の広報部課長）
・勤務地：東京都内の本社
・家族構成：夫と子供1人（5歳）
・趣味：読書、国内旅行
・背景：広報部で企業のブランディングやPR戦略を担当しており、全国各地で展開する自社プロジェクトのプロモーションに関わっています。特に地方自治体との協力や地域活性化プロジェクトに注力しており、全国の都道府県ごとの行政施策やイベント情報をチェックすることが日常的な業務の一部となっています。

合わせて必要な項目も考えます。

項目
・ヘッダー
　　・ロゴ
　　・言語
　　・ログイン
　　・通知
　　・保存済み
・検索
　　・キーワード検索
　　・都道府県別
　　・発表日
　　・カテゴリ別
・リリース内容
　　・年月日
　　・都道府県
　　・タイトル、リンク

ワイヤーフレーム・ビジュアル

制作したワイヤーフレームがこちら ↓

完成

制作したデザインがこちら ↓

デザインのポイント

ホバー色

全体はモノトーン調にして、マウスホバー時に色がつく想定にしました。

制作してみて

配色・テイストがあんまり納得いっていません。官公庁のものを扱っているので、白背景やぱきっとした色にして、もう少しクリーンなテイストにすれば良かったかなと思います。メインカラーのネタが切れてきたのも原因の1つです。