UIデザイン

デザインはFigmaで、まずスマホ、そのあとPCの順に進めます。小さな画面でこそ、何が余分かが見えるからです。どの画面も完成度の高い状態で、空のとき、読み込み中、エラー、完了といったすべての状態までそろえてお渡しします。忘れられがちで、欠けているといちばん目立つ部分です。

コードを書く前に、お手持ちのスマホで実際に触れるプロトタイプをつくります。見つからないボタン、いらない手順、伝わらない言葉。本当の疑問はそこで出てきます。プロトタイプなら数分で直せることも、公開後のサイトでは数日かかります。

目指すのは、色を変えただけのテンプレートではなく、そのブランドだけの見た目です。暗いトーンのギャラリーのAIseigen、あたたかい雰囲気のゲームのKuri x Kuri、データを楽に読めるようにした比較サービスのMOTOR-SCOPE。三つとも見た目はまったく違いますが、同じプロセスから生まれました。