営業支援ツール Senses Reactリニューアル

OVERVIEW

2018年1月~ / 約40画面 / デザイナー 1名 /IA・デザイン / リニューアル

YEAR 2018

概要

SAASの営業支援ツール Sensesの、AngularJSで実装されている既存プロダクトを順次React化。

入社時にエンジニアが作成した初期マテリアルデザインのUIをリニューアル。

先行してほぼ全画面のデザインとガイドラインを作成したが、諸事情により全体リニューアルを断念し、既存画面の改修と並行して、新機能のみ順次リプレイスしていく方向に変更。

他、iOS / Android アプリのデザインも担当。

メイン画面となる、案件ボード。既存画面としてReact化されたものはこの画面のみ。

他、既存画面のreact版画面も作成したが、未だ不使用のもの多数。

新機能の権限設定と見積書作成機能などは最初からReactで実装。


ガイドライン

仕様カラールールから、各UIパーツのデザイン・挙動のルール、カスタムレポートのチャートデザインパターンなど作成。