自主制作/UIデザイン

OVERVIEW

デザイナーになりたい人たちのための学習サービスCocoda!(https://cocoda.design/)Daily UI#01〜#09をまとめました。

YEAR 2020 - 2021


【Daily UI 001】SNSのプロフィール画面

◉ターゲット&コンセプト

ターゲット:プライベートも楽しむ働き盛りの女性(26才)

インサイト:「ファッションに特化したSNSを使いたい!」

コンセプト:お気に入りのコスメやファッションをシェア。新しいお気に入りを探すSNS


◉制作ポイント

コスメに特化したSNSなので、パレットはロマンチックな印象に。

白を基調でアクセントカラーをワイン系の色にして「かわいい」も「モード」も馴染むデザインにしました。




【Daily UI 002】音楽アプリの新規登録画面

◉ターゲット&コンセプト

ターゲット:人気のクラブミュージック・ヒップホップに敏感な男性(21才)

インサイト:「好きなテイストの音楽を見つけたい」

コンセプト:クラブミュージック中心のミュージックアプリ


◉制作ポイント

若い男性がターゲットなので、全体的に暗いトーンにしました。

クラブミュージックを連想させるようなネオン調のデザインにしてナイトクラブに入り込んだような世界観にしました。




【Daily UI 003】メッセージアプリのチャット画面

◉ターゲット&コンセプト

ターゲット:社会人4年目営業職の男性(27才)

インサイト:「社内用のメッセージアプリが欲しい」

コンセプト:社内のやりとりをフラットにするメッセージアプリ


◉制作ポイント

社内用のアプリですが、堅くなりすぎないように、色合いはライトグリーンを中心にしました。 リモートワークが推進されている昨今で、メンバーとオンラインのやりとりが増えて来たと思います。 メールよりも手軽にできて、スピーディなコミュニケーションを促進します。

また、PDFやEXLなどのファイルを送受信した際は一目見て何の種類かわかる様な表示にしました。



【Daily UI 004】レシピの検索画面

◉ターゲット&コンセプト

ターゲット:食べ盛りな子供を持つワーキングマザー(35才)

インサイト:「毎日の献立を考えることが大変。新しい料理にも挑戦していきたい」

コンセプト:レシピだけじゃない 献立も提案するレシピアプリ


◉制作ポイント

日々の献立も一緒に考えるレシピアプリです。 トップに「今日の献立」を持ってきたので、開いてすぐに今日のおかずを選ぶことができます。

また、トップから食材からのレシピ検索もできます。

色合いはアットホームな雰囲気を感じられるようオレンジを基調としました。



【Daily UI 005】音楽アプリの再生画面

◉ターゲット&コンセプト

ターゲット:毎日電車通学の女子高生(17才)

インサイト:「好きな音楽を友達とシェアしたい」

コンセプト:好きな音楽をシンプルに再生する音楽アプリ


◉制作ポイント

あまり機能はつけずにスッキリした再生画面をデザインしました。

色味をあまり使わないことで、アーティストの写真やCDジャケットに馴染む様にしました。



【Daily UI 006】デリバリーアプリのリスト画面

◉ターゲット&コンセプト

ターゲット:都内に住む会社員男性(28才)

インサイト:「エスニック料理をもっと楽しみたい」

コンセプト:エスニック料理に特化したフードデリバリー


◉制作ポイント

「ENAKDELI」の「ENAK」はインドネシア語で「美味しい」という意味です。

色合いはスパイスや香草を連想できるようターメリックイエローとモスグリーンにしました。

近くのエスニック料理屋から選びたい。 人気の料理から選びたい。 好きな料理の国がある。 食べたいメニューがあるお店を知りたい。 さまざまなニーズに合わせた検索画面にしました。



【Daily UI 007】計算機アプリの計算画面

◉ターゲット&コンセプト

ターゲット:家計簿をつけ始めたい主婦(32才)

インサイト:「家計簿を書くのが楽になる電卓が欲しい」

コンセプト:シンプルな計算機アプリ


◉制作ポイント

どんな用途でも使えるようにシンプルに、欲しい機能はしっかり取り入れたデザインです。 iPhoneの電卓をトレースして製作しましたが、「00」のボタンは使うことも多い為追加しました。 色合いはビビットなグリーンを入れてどんな年齢や性別の人でも使いやすいデザインにしました。



【Daily UI 008】天気情報画面

◉ターゲット&コンセプト

ターゲット:ビジネスマン男性(25才)

インサイト:「出勤前にサクッと天気を確認したい」

コンセプト:デザイン全体で今の天気をお知らせする天気情報アプリ


◉制作ポイント

今の空の状況をグラデーションで視覚的にも表現しました。 

・今日1日の天気 ・今の気温 ・降水確率 ・一週間の天気が1画面で見られるので忙しい朝にぱっと確認できます。



【Daily UI 009】地図アプリの行き先検索画面

◉ターゲット&コンセプト

ターゲット:スマホを買ってもらいたての中学生(14才)

インサイト:「簡単に使える地図アプリが欲しい」

コンセプト:よく行く場所を一眼で見れる地図アプリ


◉制作ポイント

登録したよく行く場所を検索orタッチして道順、距離、かかる時間を表示するシンプルなデザインにしました。