Daily Cocoda!

UI Design(Practice)

About

UIデザインの練習として、Cocoda!に定期的に取り組んでいます。
Cocodaでは、身近なアプリケーションを題材に様々なお題が用意されており、そのお題に沿ってアプリケーションのUIデザインに取り組める、というものですが、そのうち、本ページではこれまでに製作した数十作品のうち、3作品を取り上げます。
なお、全コンテンツはCocodaのマイページからご確認いただけますので、こちらもご覧ください。

1. Pomodoro Timer

普段私が作業するときは、ポモドーロ形式(ざっくり言うと、25分の作業時間+5分の休憩)で作業に取り組んでいます。
今回は、このポモドーロを効率的に展開するためのタイマーにお題として取り組みました(こちらは公式のお題ではありません)。ダークモードと合わせて2種類の画面を作成し、上部にはリング形式で残り時間をわかりやすく表示し、下部には積み上げられたタスクが確認できます。コンセプトは、「パッと登録、サッと管理」。画面もシンプルな構成とし、タイマーの再生・一時停止、そしてタスクの追加など機能を絞って配置しました(時間の配分などは、一時停止時に変更することができます)。
2020年2月作成。

ポモドーロタイマーアプリ

2.Daily Calendar

自分がなんとなく構想として持っていた、ひめくりカレンダーをアプリに落とし込んでみた作品となります。もちろん、ページの移動をする際にいちいちすワイプするようなアプリではなく、毎日初回の起動時に日めくりを行うように促すと言うもの。1日の切り替えのきっかけや、今日が始まるという実感につながるのではないかと考えています。
ターゲットは、「仕事も予定管理もきっちりとこなす、30代会社員」に設定。スタイリッシュ、クールなデザインを目指し、直近の予定を手軽に確認できるアプリケーションとしました。2020年2月作成。

日めくりカレンダーをイメージしたUI

3.Chat Comunication

テーマは「ビジネスシーンでも使えるチャットアプリ」。
シンプルなデザインを目指し、「空気のように自然な会話を」というコンセプトを設定。全体的にすっきりとしたデザインにしたほか、空色を基調とした軽やかなイメージを持つ配色にしました。しかしながら、チャット機能の画面しか作り込めていないため、今後短時間で多くの画面がデザインできるように、スキルアップを図る必要性を感じました。2020年1月作成。

日めくりカレンダーをイメージしたUI

Detail

制作年:2020
担当:UIデザイン
クライアント:自主制作
スキル:Adobe XD, Adobe Illustrator, Adobe Photoshop And etc.

(C) 2020- Sora Harada. All rights reserved.