TASKLY

作品のメインビジュアル

タスク管理Webサービス (PC版のみ)

情報過多になりがちなタスク管理を、 「迷わず行動できる状態」へ整理することを目的とした
タスク管理Webサービスのデザイン・実装を行いました。 個人利用からチーム利用までを想定し、
シンプルさと実用性のバランスを重視したUI設計を行っています。

target

想定ターゲット

TASKLYは、日々の仕事やタスク管理を効率化したいと考えながらも、 複雑な操作や多機能なツールに負担を感じている社会人や個人ユーザーを 主なターゲットとしています。 個人利用から小規模チームまで、 迷わず直感的に使えるタスク管理体験を求める層を想定しています。

backdround

設計背景

タスク管理ツールは数多く存在しますが、 情報量の多さや操作の複雑さから、 使い続けられないという課題がありました。 TASKLYでは、必要な情報を整理し、 考えずに行動できるシンプルな設計によって、 継続して使いたくなる体験を目指しています。

issue

課題

!

情報過多による操作の迷い

多くのタスク管理ツールでは、 情報が均一なトーンで並び、 重要な要素が視覚的に埋もれてしまう傾向がありました。

サービスの印象が伝わりにくいビジュアル設計

機能説明を中心とした構成になりがちで、 サービスの世界観や価値が視覚的に伝わりにくい点が課題でした。

継続利用を妨げる視覚的・操作的ストレス

日常的に使うツールであるにもかかわらず、 視覚的な疲労や操作ストレスが生じやすい状態でした。 UIとデザインの両面から、 長く使い続けられる設計が必要でした。

design

デザイン

TASKLY ページ全体デザイン
タスク管理WebサービスTASKLY|ページ全体構成(PC表示)

以下では、特に意識したポイントを抜粋して解説します。

ファーストビューのデザイン

ファーストビューの情報設計

「何ができるサービスなのか」が一目で伝わるように
キャッチコピーと画面イメージを中心に構成しました。 また、利用に直接進めるボタンを配置することで、 興味を持ったユーザーが迷わず行動できる導線を設計しています。

情報整理されたコンテンツ構成

迷わず理解できるコンテンツ構成

機能が多くなりがちなタスク管理サービスにおいて、
情報の優先度が直感的に伝わるよう、コンテンツの配置と構成を整理しました。セクションごとに役割を明確にし、余白を活かすことで、視線が自然に下へ流れるリズムを設計しています。 読み進める中で操作イメージが自然に湧くよう、 迷わず理解できるUIを意識しました。

TASKLYでは、情報設計とビジュアル表現のバランスを重視し、 視覚的な心地よさと使いやすさを両立するデザインを目指しました。 日常的に使い続けられる体験を意識した設計としています。

作品一覧にもどる