オンラインゲーム情報Webメディア「OnlineGamer」（スマホ版）
OVERVIEW
オンラインゲームに特化したニュースやゲーム情報のデータベースを取り扱うメディアサイト「OnlineGamer」スマホ版のデザインリニューアル。バックエンド以外は、ワイヤーフレーム作成からデザイン、コーディング、スケジュール管理、リリース作業までほぼひとりで担当しました。
URL
制作担当
- 要件定義
- ワイヤーフレーム作成
- デザイン
- コーディング
- リリース
- リリース後UI・UX改善
工夫点
デザインはPC版と同じくあざやかな水色をメインカラーとして制作。男性ユーザーがメインですが、女性ユーザーも多いため、シンプルなデザインの中にもアイコンやイラストを豊富に用いて親しみやすい印象になるようデザインしています。
ニュースサイトであると同時に、オンラインゲームの豊富なデータベースと口コミが特徴のメディアサイトです。なので、ユーザーがオンラインゲームを探しやすくなるよう、またどんなゲームなのか伝わりやすくなるよう心がけて設計しました。
苦労したのはリニューアル時にバラバラの比率だったサムネイル画像を使用してデザインすることです。元画像をリサイズし直すには、あまりにも膨大な量のサムネイルになっていました。以前は一覧でそのまま表示していましたが、リニューアルを機にCSSで画像を切り抜いて元画像には手を入れずにスッキリと一覧で表示させることができました。
