DESIGN STUDY / Webサービス紹介
機能より先に、使う人の変化を。
flowly自主制作・架空案件 / 2026
架空の業務支援サービスを題材に、仕事の情報が散らばる悩みから、ひとつの画面で整理する使い方へ案内する紹介サイトを制作しました。
✳ flowly仕事は、もっと軽くできる。WORK IN FLOW.
この制作例はKSCのデザイン・実装を示す自主制作です。実在の企業から受託した実績や、集客効果を示すものではありません。
DESIGN DIRECTION
選んだ表現と、その理由。
表現の方向性
写真を使わず、画面を模したパーツと図形で、サービスの利用イメージを表現しています。
情報の順番
「何ができるか」の一覧だけでなく、探す手間が減ることを先に説明。その後に機能のイメージを置き、読む人が自分の仕事に置き換えやすくしています。
文字・色・余白
暗い背景とラベンダーの面を組み合わせ、画面のまとまりを強調。カードの重なりで情報の整理を視覚的に伝えています。
WHAT THIS SHOWS
この制作例から、考えられること。
ここで制作したのはサービス紹介のデモです。ログイン、データ保存、業務処理などのアプリ機能は実装していません。紹介画面と動くアプリの開発範囲は分けて検討します。
ホームページ制作の対応範囲を見る ↗