バック

kawara

Website builder with easy operation

Visual Identity, UI Design - 2024

Visual Identity

UI Design

2024

"kawara "はWordPressのプラグインとして提供されているウェブサイトビルダーで、誰でも簡単にウェブサイトを作成することができます。テクノロジーに不慣れな年配の方でも、直感的に使いやすいUX・UIデザインを目指しました。

プロダクト・オーナー:
飯塚研究所

デザインコンセプト

誰もが使いやすく、簡単だと感じるデザインを目指す場合、どのような要素がそのデザインを「簡単」に見せるのだろうか?調査やインタビューから、機能的な観点と感情的な観点から、それぞれ以下の2つのポイントがあることがわかった。

機能面:
ユーザーがツールをコントロールできていると感じられる直感的なUI。

感情面:
ストレスや困難を感じさせない安心感のあるデザイン

具体的には、機能面の要件を満たすために、ユーザーの期待に反しないようなトランジションや振る舞いを設計し、能動的な表現を書くことを心がけた。

情緒面の要求に応えるため、色ごとに役割を設定したカラーパレットや、難易度を下げるためのイラストの使用、アクセシビリティへの配慮などを提案した。

これらを考慮して、"優しいデザイン "をコンセプトにした。原色はティール。青みがかったグリーンは、フレッシュで若々しくもありながら、安全な印象を与えます。書体は、ゆったりとした印象で読みやすい、内空幅の広いものを採用した。

スタイルガイド&UI

私はまずスタイルガイドとコンポーネント・ライブラリを作成し、ガイドラインで定められたルールに従ってUIのデザインを進めた。