株式会社グランデ様は、自然の恵みを活かした栄養価の高い健康食品やサプリメントを提供するブランド「ナチュレライフ」を運営されています。
今回は新しく展開する血糖値アプリのデザインを担当させていただきました。ナチュレライフのWEBサイトに流入しても違和感のないデザインをご希望で、完成までのプロセスをまとめましたのでぜひ最後までご覧ください。
ご依頼内容
血糖値を中心とした、体重や薬運動なのどを管理するアプリケーションのUIをメインで作成したプロジェクトで、デザインイメージは
- ナチュレライフのWEBサイトに流入しても違和感のないデザイン
- シンプルで見やすい色が良い
- ビビット、濃い色は避けたい
- 余白を感じられるデザイン をご希望でした。
フレーム作成
先方からいただいたベースの資料をもとに、ワイヤーを作成しました。
色味の提案
また、その中でも先方の要望をもとにデザインを調整。
先方のWEBサイトの色味とアクアグリーンの色味を中心に、デザインを進めて行く方針としました。
完成デザイン
TOPのデザイン
それぞれの項目で、色を定義しまとめることでわかりやすいデザインを目指しました。
血糖値記録デザイン
カード型のデザインとし、それぞれの項目を登録できる画面
血糖値記録グラフデザイン
それぞれの、ご飯の前後で血糖値のデザインをまとめ適正な血糖値を確認できるようにし、その下部にはテーブルで確認できるように調整しました。
くすり記録のデザイン
チェックの項目で、薬の服用の確認の記録ができる。また、登録する画面で、お薬の内容を細かく入れれるモーダルも設定しました。
その他記録の画面のデザイン
基本的には血圧等、他のデザインも同様にグラフ、テーブルのデザインで記録をまとめられるようにもデザインをしています。