Daily UI 001: Sing Up (＋ logo)

初めに

架空の洋服販売サイトのSign Up (Mac UI)

架空整理アプリ、FloのSign Up (iphone UI)

LINE UP (Mac UI)

設定・ペルソナ

"LINE UP" --- 要らないused clothesを簡単に売却できるサイト。自分の古着ブランドを作ることもできる。古着市で古着がよく並べて販売されていることから、LINE UPに命名。

対象ユーザー　---若者。スタイリッシュさを意識してデザインした。また洋服で自然と多色になるので、極力色彩を抑えたシンプルなデザインに徹する。

フレームワーク

完成系

更にこのサイトのDay UI 002 Cash Card Checkoutも作成

感想

無難なデザイン。Be Colourfu, Be Freeらへんの部分を白にしたが、背景によっては読みにくくなるから何か対策をしたほうが良かったと反省。またcash card については、デザイン的にあまり何もできずに終わり反省した。背景に写真を入れれば良かった。

大雑把にSign Upのデザインだけ修正してみた。細部は適当。

デザインの構成を大雑把に修正

Sign Up page

Flo (Iphone UI)

設定・ペルソナ

"Flo"は架空の月経管理アプリ。ペルソナは若い女性で、月経をポジティブに捉えられようデザイン。直感的に月経だとわかるようにデザインに工夫を凝らした。色にも工夫を凝らした。

丸を月代わりにデザイン。一周期で色が変わる＝月経をイメージ。
下の波は、潮の満ち引きイコール月経をイメージしている。

イラストを使用し、ユーザーフレンドリーな印象に。またfont-weightをlightにし、軽めのデザインに、おしゃれさを意識した。

Flo のロゴ（Daily UI 005)

感想

個人的にかなり気に入っているデザイン。強いていうなら、Log Inの色を変えて強調させれば良かった。