WEB APPLICATION

UI/UXデザイン 画面設計使われる画面を、
作る前に確かめる。

画面の使いにくさは、完成してから分かると直すのが大変です。Otsumuは、利用者の行動や状況を把握したうえで、画面設計とプロトタイプをつくり、実際に触ってもらって問題を見つけます。見た目だけでなく、迷わず操作できる流れを、開発の前から設計し、開発にそのままつなげます。

  • 利用者の行動から、画面の流れを設計
  • プロトタイプで、開発前に操作を確かめる
  • デザインを開発へそのままつなぐ

初回相談無料・30分 / 要件が固まっていなくても大丈夫です / ご依頼の判断は相談後で構いません

IS THIS YOUR CHALLENGE?

こんなお悩み、
ありませんか?

BEFORE画面のイメージが人によって違う

AFTERプロトタイプで共有でき、認識がそろう

BEFORE使いにくさが公開後に判明する

AFTERユーザビリティテストで、開発前に問題を見つけられる

BEFORE画面ごとに見た目と操作が違う

AFTERデザインシステムで、統一された画面を効率よくつくれる

ひとつでも当てはまったら、
30分で進め方を整理しませんか。

30分の無料相談を予約する ↗
FEATURES

UI/UXデザイン・画面設計で
対応できること。

記載は一例です。必要な機能は、目的と予算に合わせて一緒に絞り込みます。

01

ユーザー・利用場面の整理

誰が、どんな場面で、何をしたいのかを整理し、画面で解決することを決めます。

02

情報設計・画面遷移の設計

必要な情報と操作の流れを整理し、画面遷移図とワイヤーフレームにします。

03

プロトタイプの作成

クリックして動くプロトタイプを作り、実際の操作に近い形で確認できるようにします。

04

ユーザビリティテスト

対象となる利用者に操作してもらい、つまずく箇所を観察して、改善の優先順位を決めます。

05

ビジュアルデザイン・UIキット

色・文字・部品を整理し、既存のUIキットも活用して、統一感のあるデザインにします。

06

デザインシステム・開発への引き継ぎ

共通の部品と規則をまとめ、開発しやすい形で引き継ぎ、実装後の見た目も確認します。

USE CASES

活用シーンの例。

CASE 01

新規サービスの画面設計

開発の前に、申込みから利用までの画面の流れを描き、関係者で確認してから開発に進む。

CASE 02

既存画面の改善

入力途中の離脱が多いフォームの流れを見直し、プロトタイプで検証してから改修する。

CASE 03

管理画面の使い勝手の整理

社内で使う管理画面の操作を洗い出し、業務の流れに沿って画面を整理する。

WHY OTSUMU

Otsumuに任せる、
3つの理由。

REASON 01

事業の成果から、つくる範囲を決める

言われた仕様をそのままつくるのではなく、目的と効果から逆算して、本当に必要な機能に絞り込みます。

REASON 02

AI活用で、速く・小さく

AIを開発プロセスに組み込み、少人数・短期間で動くシステムに到達します。投資を抑えて、早く効果を確かめられます。

REASON 03

つくった後まで、同じチームで

リリース後の改善、運用の自動化、KPI改善まで一気通貫。開発会社と運用担当の間で意図がずれません。

HOW WE WORK

開発の進め方。

  1. STEP 01

    目的と要件の整理

    解決したい課題と効果を確認し、最初に必要な機能と優先順位を決めます。

  2. STEP 02

    設計・プロトタイプ

    画面とデータの設計を行い、触れるプロトタイプで認識をそろえます。

  3. STEP 03

    開発・リリース

    AIを活用した開発で、小さく早くリリース。テストと移行も支援します。

  4. STEP 04

    改善・保守運用

    利用状況をもとに改善を続け、保守・運用の自動化まで支援します。

PRICING

費用の目安。

掲載価格は税別の参考価格です。対象範囲を確認し、正式なお見積もりをご案内します。

POC / MVP SPRINT

PoC / MVP Sprint

まずは小さく、検証に必要な機能から。問いに答える、最小のシステムをつくる

300万円〜税別・参考価格 / 6週間を目安に設計プランの詳細を見る ↗
CUSTOM

本開発・機能追加

機能範囲、連携するシステム、データ移行の有無などに合わせて個別にお見積もりします。

個別見積もり範囲に合わせてご提案無料相談で費用感を確認する ↗
MAINTENANCE

保守・改善の継続支援

リリース後の保守、改善、運用の自動化を、必要な範囲で継続して支援します。

個別見積もり範囲に合わせてご提案保守・運用について見る ↗
FROM FIRST CALL

ご相談から、開始まで。

  1. 01

    フォームから申込み

    1〜2分で完了。わかる範囲のご記入で大丈夫です。

  2. 02

    日程のご連絡

    担当者から、日程調整のご連絡をします。

  3. 03

    30分の無料相談

    現在地と課題を伺い、次に確認すべき論点を整理します。

  4. 04

    ご提案・お見積もり

    範囲・期間・費用をご提案。ご納得いただいてから開始します。

UI/UXデザイン・画面設計の
よくあるご質問

デザインだけの依頼もできますか?

はい。画面設計やプロトタイプだけを切り出してご依頼いただけます。開発は別の会社に依頼する場合にも使える資料を用意します。

費用の目安を教えてください。

画面数、調査の有無、テストの規模によって変わるため、個別にお見積もりします。小さく検証したい場合は、PoC / MVP Sprint(300万円〜・税別、参考価格)からのご相談も可能です。

ユーザーテストの対象者がいなくても大丈夫ですか?

はい。想定する利用者の条件を整理し、集め方のご相談から支援します。

開発まで一緒に任せられますか?

はい。設計からデザイン、開発、運用まで、同じチームで担当できます。

相談したら、必ず依頼しないといけませんか?

いいえ。初回の30分は、現在地と次に確認すべき論点を整理する場です。ご依頼の有無にかかわらず、お持ち帰りいただける内容をお伝えします。

秘密保持や契約の条件はどうなりますか?

秘密保持、成果物の取り扱い、契約・検収の条件は、ご相談時に確認のうえ合意します。

KNOWLEDGE

UI/UXデザイン・画面設計の実践記事

関連用語:画面設計書

RELATED

あわせて検討される開発

すべての開発メニューを見る ↗

LET’S BUILD WHAT’S NEXT.

UI/UXデザイン・画面設計のご相談は、
まず30分から。

初回相談は無料です。目的と現状を伺い、進め方と費用感を整理します。
お申し込み後、担当者から日程調整のご連絡をします。

30分の無料相談を予約する ↗