DailyCocoda! #021~#030

#021 お問い合わせ画面

ーペルソナー

・20代後半男性&女性

・フィットネスに関心のあるだが、ジムに行くのに緊張する

・自宅で簡単でトレーニングしたい

ーコンセプトー

自分にあったトレーニング方法が分かるフィットネスアプリ

ーデザインー

フィットネスアプリのソーシャルログイン画面ということで、シンプルなデザインにしました。

パスワードを忘れた方や毎回ログインするのが手間がかかるため、ログイン状態を保持するチェックボックスを入れました。元々アカウントを持っているユーザーを想定しているが、アカウントを持ってない方もいると思うので下部に登録ボタンを配置。

ソーシャルログイン機能が多くなると、どちらで登録したのかなと思う人もいるではないかと考え、2つに絞りました。                   

メインカラー:男女とも通用できるデザインにしたかったため、ダークグレーを使用

クセントカラー:フィットネスの燃焼させるイメージでオレンジ色を使用し、ロゴも同じ色にしました。

#022 アプリ紹介画面(web)

ーペルソナー
・家計簿つけるのに慣れていない
・つけ忘れすることもある
・スマホだけでなく、パソコンでも管理したい

ーコンセプトー
家計簿アプリ「KAKEIBOO」のアプリ紹介ページ

ーデザインー
Day#017で作った家計簿アプリからブラッシュアップしました。
アプリの紹介ページということで、簡単な紹介と一目で特徴がわかるようにアイコンを使用。

また、ダウンロードしてみようと思わせるために実際の数字(利用者の声)を入れてみました。LPのUIとして、ヘッダーに各コンテンツに移動できるリンクを配置し、見たい情報をすぐみれるようにし、フッターでは画面上部に移動するためのボタンを配置しました。                  
メインカラー:気軽さと親しみやすさを意識し、さわやかな緑色
アクセントカラー:柔らかな黄色を使用