業務系システム開発デザインの導入の流れ

03 デザインの導入の流れ

ヒアリングから納品まで、デザインの導入の流れ

デザインの導入は、要件定義などの上流工程や、システム開発が開始した後の画面設計段階など、お客様のご要望に応じて柔軟に対応します。「わかりにくい機能の説明のために、アイコンを追加したい」といったパーツのみの制作にも対応しますので、お気軽にご相談ください。

ヒアリングとお見積もり

  • 案件内容をヒアリング 案件内容をヒアリング

    システムの目的や必要な機能、運用開始時期などを伺います。

  • 成果物の擦り合わせ 成果物の擦り合わせ

    成果物として必要なデータや形式、画面数などを確認します。

  • お見積もりの提出 お見積もりの提出

    ヒアリング内容を基に、お見積もりを作成してご提出します。

  • お客様内でのご検討 お客様内でのご検討

    ご提出したお見積もりについて、妥当性をご検討ください。

  • デザインの導入のご依頼 デザインの導入のご依頼

    正式にご依頼がいただければ、プロジェクトを開始します。

プロジェクト開始から納品まで

  • キックオフミーティング キックオフミーティング

    システムの概要や担当範囲、スケジュールの確認のほかに、デザイン参考イメージなどを情報共有します。

  • デザインの制作 デザインの制作

    擦り合わせた内容を踏まえて、ワイヤーフレームや画面のイメージ、モックアップなどの制作を開始します。

  • お客様によるご確認 お客様によるご確認

    制作したデザインをお客様内でご確認いただき、修正箇所がないかなどをご検討ください。

  • デザイン修正案の提出 デザイン修正案の提出

    お客様のフィードバックを受けて、デザインを修正します。

  • 最終のご確認 最終のご確認

    デザイン決定後、納品物となるデータを作成します。

  • デザインの納品 デザインの納品

    デザインデータを納品(開発と連携)します。

開発プロセスとデザイン導入のメリット

要件定義

要件定義

システムの流れを理解し、画面上の情報を整理した上で、
使いやすいデザインを検討します

成果物
  • エンジニア………要件定義
  • デザイナー………モック制作、画面イメージ、画面整理
  • デザインを可視化して課題を早期に発見
  • ユーザー視点で不要な機能・機能漏れを削減
  • 使いやすいシステムの提案でUXを向上
  • 後工程での手戻りで発生するコストを抑制

設計・開発

設計・開発

機能を直感的にわかりやすく伝えるアイコンなどの
部分的なデザインにも対応します

成果物
  • エンジニア………設計書、プログラムモジュール
  • デザイナー………画面デザイン、パーツデザイン、アイコン制作
  • 業務フローや開発技術の制限を考慮したデザイン
  • 過度な装飾によって生じる実装コストを抑制

公開・運用

公開・運用

システムをよりよくお使いいただけるように
使いやすいUIをご提案します

成果物
  • お客様………Webサイト解析、ユーザー要望
  • デザイナー………UI改善提案、イメージ制作、モック制作
  • ご要望に合わせて、より使いやすいUIを提案
  • 継続したUI改善によって業務効率化、生産性向上

デザインの業務実績と成果物例

各成果物はお客様と相談の上、ご要望に沿った形式でお渡しが可能です。

デザイン業務実績 成果物 形式 ツール
開発時の画面デザイン・モック画面
  • 画面のイメージ画像
  • png、jpg
  • Illustrator
  • XD
  • 静的HTML
  • storybook
  • HTML、CSS、js
  • Dream Weaver
  • Visual Studio Code
要件定義時のワイヤーフレーム画像作成
  • ワイヤーフレームイメージ画像
  • png、jpg
  • Illustrator
  • XD
  • エクセルでの画面仕様書
  • xlsx
  • Excel
アイコンの作成
  • アイコンファイル
  • アイコン画像
  • ico
  • png、jpg、9patchなど
  • Illustrator
  • Photoshop
  • XD
既存画面のUI改善・提案
  • 画面イメージ画像
  • png、jpg
  • Illustrator
  • XD
  • 提案資料
  • pdf
  • ppt
  • xlsxなど
  • PowerPoint
  • Excel
デザインガイドの作成
  • デザインガイド
  • png、jpg
  • Illustrator
  • XD
  • 静的HTML
  • storybook
  • HTML、CSS、js
  • Dream Weaver
  • Visual Studio Code
操作マニュアルのデザイン
  • 操作マニュアル
  • pdf
  • ppt
  • docx
  • xlsxなど
  • PowerPoint
  • Word
  • Excel

関連資料ダウンロード

Sky株式会社のソフトウェア開発に興味を持ってくださった皆さまに向けて、各種資料をご用意しました。下記よりダウンロードいただけますので、ぜひご活用ください。

関連資料ダウンロードページ

お問い合わせ

ソフトウェア開発・評価/検証(ソフトウェアテスト)に関するご依頼・ご質問は、下記フォームよりお問い合わせください。弊社製品・サービスに関するお問い合わせは、各商品Webサイトより受けつけております。

パートナー企業募集

Sky株式会社では長期的なお付き合いができ、共に発展・成長に向けて努力し合えるパートナー企業様を募集しております。パートナー企業募集に関するご依頼・ご質問は、下記フォームよりお問い合わせください。

ページのトップへ