TOP

Daily UI #027 / 028 / 030

アプリデザイン
  • コミュニティアプリ
  • 音楽
DailyUI_027-030

制作範囲

  • デザイン
  • 企画

制作ツール

  • Figma

制作期間

  • 4時間 ~ 5時間

Daily UI #027「Dropdown」ドロップダウン

CosComi ブログ投稿
デフォルト
CosComi ブログテンプレート
ドロップダウン表示

デザイン概要

ブログ投稿画面でテンプレートを使用できるドロップダウンのUIデザインを作成しました。

メイク関連のクチコミアプリ「LIPS」の投稿画面を参考にしています。
LIPSでは投稿する際にテンプレートパーツが用意されており、クリックするだけでリストや装飾を簡単に追加することができます。

スマホで記事を作成するにはパソコンと違って労力が掛かることや、h2 → h3の構成について把握していない場合があるので、テンプレートパーツを使って作業効率化を図る仕様を想定しました。

Daily UI #028「Contact Us」お問い合わせ

CosComi お問い合わせ
お問い合わせ入力フォーム
CosComi お問い合わせ完了
お問い合わせ完了

デザイン概要

CosComiのお問い合わせフォームのUIデザインを作成しました。

アプリの使用方法や不具合の報告など簡潔なフォーム内容で気軽に送信できる構成となっています。

Daily UI #030「Pricing」価格設定

ミュージックアプリサブスク

デザイン概要

#009で作成した「ミュージックアプリ」のプラン画面のUIデザインを作成しました。

SpotifyとNetflixのデザインを参考に「特典・オプション」による契約メリットをアイコンで強調し「利用可能プラン」でプランの概要を簡潔に説明する導線を構築しています。

Pricing プロトタイプはこちら