TOP

Daily UI #043 / 044 / 046 / 047 / 049/ 050

アプリデザイン
  • アパレルEC
  • コミュニティアプリ
  • その他
DailyUI_043-050

制作範囲

  • デザイン
  • 企画

制作ツール

  • Figma

制作期間

  • 4時間 ~ 5時間

Daily UI #043「Food Menu Items」フードメニュー

旧作
旧作品
フードメニュー
今回のデザイン

デザイン概要

2020年に一度UIデザインの勉強で作成したフードメニューアプリのデザインを作り直しました。

マックを参考に目立つカラーは使わず、クリックから購入までのフローを簡潔にわかりやすくする導線を心がけました。

Daily UI #044「favorites」お気に入り

ミュージックアプリ お気に入り画面

デザイン概要

#009で制作したミュージックアプリを活用したお気に入り画面を作成しました。

アーティストや曲によるカテゴリ分けと曲のジャンルにより絞り込み機能により、お気に入りした数が多くなった後にも便利かと思い実装しています。

Daily UI #046「Invoice」請求書

領収書画面

デザイン概要

#002で制作したアパレルECアプリの請求書画面を作成しました。

「注文の内容」から「お支払い料金」の流れまでユーザーが購入するまでの決断に至る流れを意識した構成になっています。

Daily UI #047「Activity Feed」アクティビティフィード

アクティビティフィード

デザイン概要

コミュニケーションツールを想定したアクティビティ画面を作成しました。

notionを参考にチームスペース用とプライベート用で分割し、それぞれのチャットごとに通知を表示しています。

Daily UI #049「Notification」通知

通知アプリ

デザイン概要

コスプレ特化型アプリ「CosComi」の通知画面を作成しました。

数値による通知の件数と、単体と複数のユーザーによる通知ではアイコンを2つ表示するようにしています。

Daily UI #050「Job Listing」お仕事通知

求人サイト01
トップ画面
求人サイト02
求人画面

デザイン概要

トップ画面ではソーシャルログインを使用し、気軽に登録ができる流れになっています。

求人情報ではwantedlyを参照にフィルターを使った絞り込みと、複数回見た求人を履歴にすることで「応募で迷ったけどやっぱ応募しとこう!」となったときに気軽に応募できたり掲載情報を確認しやすくしています。