資生堂 watashi+
A diagnostic web experience designed with Shiseido-like clarity and refinement.

診断の流れをなめらかに整え、
迷いのない操作体験をつくる。

このサイトでは、ユーザーがチェック項目に答えていくことで肌の状態を把握できるため、各ステップを迷わず進められることが特に重要でした。診断の流れが途切れず、自然に次のアクションへ進めるよう、構成全体を細かく整理しています。

ボタンの大きさや配置、設問まわりのマージン、各要素の距離感まで丁寧に調整することで、視認性と操作性の両方を確保しました。情報量を抑えた画面の中でも必要な要素がしっかり伝わるよう、UIの優先順位を明確にしながら設計しています。

きれいに見えることと、答えやすく使いやすいこと。その両方を切り離さずに組み立てることで、ブランドとしての上質さと実用性が無理なく共存する体験を目指しました。watashi+のサイトでは、情報設計とデザインを一体で整えることで、診断コンテンツとしての完成度を高めています。