2024/11/03

2024/11/03

受発注システムのUI/UXデザイン

受発注システムのUI/UXデザイン

公開

公開

2024/11/03

2024/11/03

依頼主

依頼主

株式会社I-Tech

株式会社I-Tech

プロジェクト期間

プロジェクト期間

6ヶ月

6ヶ月

担当

担当

UI設計/UI/UXデザイン

UI設計/UI/UXデザイン

プロジェクトについて

受発注システムのUI/UXデザインを担当しました。デスクトップアプリ(Electron)のデザインは初めてだったのですが、リサーチと検証を繰り返す事で完成させることができました。デザイン以外にも、ビジネスサイドの要求分析の工程から携わさせて頂きました。チーム内で何度も修正を繰り返し、議論しながら進める所がとても経験になりました。


OOUIを守り、UIデザインの作成

OOUIを採用することで画面数を減らし、使いやすいUIを構築しました。できるだけモーダルレスにして、ユーザーの使いやすさを追求しました。リサーチはfreeeを中心に行いました。UI/UXが使いやすく、直感的なデザインだったためです。


Tailwind.cssを元に色やタイポグラフィーのデザインシステムを決定

元々、フロントエンドをしていた事もありTailwind.cssの経験がありました。本プロジェクトではTailwind.cssを使うとの事なので、エンジニアとも相談し、デザインシステムに組み込むことにしました。

セマンティックカラーも命名規則を決定し、運用しやすいデザインシステムを構築しました。