Web Design & Renewal
Xserver SNS サービスサイト新規デザイン制作
- 実務
SNS構築マネージドサービス「Xserver SNS」のローンチに伴うサービスサイト新規制作案件。個人ユーザーをターゲットに設定し、明るく親しみやすいデザイン構成を採用。ワイヤーフレームを基に全6ページのデザイン制作とトップページの実装、社内合意形成を主導しリリースまでを担当しました。
Background
制作背景・目的
MastodonやMisskeyのサーバー構築における高いコストや技術的ハードルを解消するマネージドサービス「Xserver SNS」のローンチに伴い、サービスサイトを新規制作しました。知識ゼロでも申し込み後30秒で専用サーバーが開設できる高いタイムパフォーマンスと、保守作業が不要なマネージドサービスの利便性を、個人ユーザーへ分かりやすく訴求することを目的としました。
Challenge
課題
- 個人向けサービスとして親しみやすいトーンと、Xブランドとしてのデザイン統一感を両立させること。
- VPS自作構築との違いである「知識ゼロで30秒作成可能」「保守不要」という強みを直感的に伝えること。
- 全6ページに渡るサイト構成において、各SNSアプリの特性やリリースキャンペーン情報を適切に整理して伝えること。
Approach
デザイン方針
検討済みのワイヤーフレームを踏襲しつつ、個人向けサービスを意識して明るめの配色と親しみやすい構成を採用しました。ヘッダー・フッターおよびロゴは既存のXブランド他サービスのデザインを踏襲して統一感を保持。メインビジュアルの雰囲気やイラスト表現を変えた複数デザイン案（A案・A2案・B案）を作成・提案し、課内判断のもと最適なデザインを選定しました。
Highlights
デザイン上の工夫
- メインビジュアルの雰囲気やイラスト・配色を変えた複数案（A案・A2案・B案）を提示し、社内での比較検討と迅速な意思決定を促進。
- 「知識ゼロで30秒作成」「保守不要」など、ユーザーメリットである導入の手軽さと管理の容易さをファーストビュー付近で強調。
- レビュー時のフィードバックを即座に反映し、ターゲット層の認知に配慮した分かりやすいサービス説明・表記へ最適化。
- トップページに加え、MisskeyやMastodonの各専用ページ、キャンペーンページ等全6ページを一貫したトーンで設計し、トップページについては自身でHTML/CSS実装まで完遂。
Gallery
画面画像
クリックで拡大表示
Results
成果・学び
- 社長・副社長へのデザインレビューにおいて、複数案の提示により論点を明確化し、手戻りのないスムーズな承認獲得を実現。
- フィードバックに対する迅速なデザイン・文言の調整を行い、ユーザー目線での分かりやすさと表記の正確性を両立。
- 全6ページの制作・関係者確認を滞りなく完了させ、予定日時（2024年6月26日14時）通りに無事リリースを達成。