既存サイトや業務画面の使いにくさを改善するサービスとして、変更前と変更後を比較できるページを設計しました。文字の大きさ、余白、ボタン、導線、エラー表示など、具体的な改善対象を説明しています。
見た目だけを整えるのではなく、利用者が迷う場所や作業に時間がかかる原因を確認して改善する方針です。ヒアリング、画面調査、改善案、試作、実装という流れを掲載しました。
Reactコンポーネント単位で改善する場合と、CSSのみで対応する場合を分け、既存システムへの影響を抑える方法も紹介しています。小さな改善から始められる構成です。