← 作品一覧

アプリ企画・UIデザイン / 個人制作

Meltone

Instagramの色味と投稿順を考えるアプリ

写真の加工と投稿順の確認を、一つのアプリで行うための「Meltone」を企画しました。普段Instagramを使っていて感じた不便をもとに、機能や操作の流れを考え、画面をデザインした作品です。

担当
企画 / UX設計 / UIデザイン
使用ツール
Figma / Illustrator
制作期間
2週間
Meltoneの写真の色味を整えるアプリ画面
01

制作のきっかけ

カフェや旅行先で撮った写真は、場所や光によって色味が違います。一枚ずつは気に入っていても、フィードに並べると合わないことがありました。写真を加工するアプリと、投稿順を確認するアプリを行き来せずに済むようにしたいと考えました。

02

機能と操作の流れ

今のフィードに合わせて、新しい写真の色味を自動で調整する機能を考えました。その結果を見ながら自分でも加工し、投稿順を入れ替えられる操作の流れを、画面デザインにまとめています。

03

画面のデザイン

写真の色を見比べやすくするため、画面の背景は白とアイボリーにしました。調整前後の写真を大きく配置し、操作するボタンはブラウンで揃えています。写真を確認する画面と細かく調整する画面を分けました。

操作の流れ

色味を調整した結果を確認し、自分でも加工したうえで、投稿順を考える流れを想定しています。

  1. 01

    色味を調整する

    今のフィードに合わせた調整結果を確認します。

  2. 02

    自分の好みに加工する

    調整前後を見比べながら、細かく加工する画面へ進みます。

  3. 03

    投稿順を確認する

    写真を並べて、フィードでの見え方を確認します。

制作資料

クリックすると拡大できます。

コンセプト
課題とインサイト
操作の流れ
追加機能
ロゴとUIデザイン
次の作品を見る