【制作背景】

サイトの更新作業にあたり、Web版とアプリ版のデザインが異なっていたため
デザインを合わせユーザーが理解しやすく、より使いやすくなるようユーザーインターフェースを設計するよう心掛け作業をしました。
また、コンテンツやデザイン・機能などをペルソナに合わせて最適化することで、ユーザーの満足度やコンバージョン率を向上させることを目指しました。

【現状分析】

作業開始時にデザインデータ管理をするためのマスターデータがなく、Webサイト・アプリの全体構造を可視化するためのマスターデータを作成しました。
デザインデータのコンポーネントを設計し、色彩・フォント・アイコンなどの要素・余白・ボタンの大きさ等にルールを儲け、円滑に運用しやすく整理をする必要がありました。
更新ごとにWeb版とアプリ版のデザインを近づけることも意識する必要がありました。

【デザインフロー】

Web版とアプリ版共通のスタイル定義・コンポーネント化を徹底しました。
例えば、登録ボタンや検索バーの位置、アイコンの形状や色などが同じだと直感的に理解できることは、ユーザーが効率的に利用する上で不可欠です。
結果、ブランドイメージを 強化しユーザーに安心感を与えることができました。

【感想】

ディレクターや開発メンバーから、デザインデータがわかりやすくなり作業が円滑になったと言葉をいただきました。
デザインをする上でも作業効率が向上し時短に繋がりました。
また、仕様についてユーザーからのクレームが減少したとの報告も受けました。