販売管理システムの見積入力画面の入力項目のＵＩデザイン（web）の仕事

依頼の募集内容

発注者が選定した提案

実際の支払い金額

32,400 円

実際の受注者

YU ブロンズ 認証済み、受注実績のあるランサーです

WEB・UIデザイン承ります！

初めまして_YU_と申します。 提案させていただきます。 ご指示のように作成しました。 不要な箇所を取り除き必要な項目を配置しました。 商品名〜仕入先は一段で表記することでコンパクトで読みやすくなっています。 仕込区分と販売区分の背景色は修正前のものは色覚障害があると差がわかりにくい色でした。 提案は、色覚障害がある方にも、差がわかりやすいカラーを使用しています。 01.pngと02.pngは、 セル一段飛ばしで背景（薄いグレー）をつけたものとつけてないものです。 一番上段のセルは最大文字数配置しております。 ご検討のほどよろしくおねがいします。

　短い納期にも関わらず即時に作成したうえに当社からのコメントを踏まえて修正をかける仕事への対応が素晴らしかったです。

集まった提案(一部)

詳しい依頼の募集内容

依頼概要

弊社は住宅資材販売用の販売管理システム開発をおこなっております。
今回弊社で新たに開発する販売管理システムの見積入力画面の入力項目のみについてUIデザインを手伝って頂きたいです。

■依頼の詳細
見積の入力項目をどのように並べれば見やすく、入力をしやすいか検討していただき、配列と簡単なデザインをご提案いただきたいです。
現状は添付ファイルのような画面なのですが、さらに操作性が良い配列にしたいと考えております。添付ファイルの赤枠内のみ検討していただけると助かります。
実際のシステムに実装する際には、グーグルスプレッドシートのようなツールを利用する予定で、エクセルのような操作感になります。
PCでの利用を想定しています。

■添付画面項目の説明
１　大分類、中分類、小分類及び予定月については項目自体が不要です。
２　品番：商品の品番です　英数字２０文字以内
３　商品名：日本語です　日本語５０文字以内
４　型式・規格：サイズや詳細説明　日本語５０文字以内
５　メーカー：メーカーの名称　日本語２０文字以内
６　仕入先：仕入先の名称　日本語２０文字以内
７　定価：定価　数字８桁以内
８　在庫区分：在庫品　又は　発注品　選択式
９　数量：数量　数字４桁以内
１０　単位：単位　日本語５文字以内
１１　仕入区分：仕入価格の区分　標準単価、キャンペーン特価、得意先標準単価、得意先特別単価　の選択式
１２　単価：仕入の単価　数字８桁以内
１３　掛率：商品の定価に対する仕入掛け率　％表示　小数点第２位まで
１４　金額：仕入の金額　単価×数量　数字８桁以内
１５　販売区分：仕入価格の区分　標準単価、キャンペーン特価、得意先標準単価、得意先特別単価　の選択式
１６　単価：販売の単価　数字８桁以内
１７　掛率：商品の定価に対する販売掛け率　％表示　小数点第２位まで
１８　金額：販売の金額　単価×数量　数字８桁以内　
１９　粗利率：粗利率　％表示　小数点第２位まで
２０　粗利額：粗利額　数字８桁以内
２１　備考：備考　日本語５０文字以内

■要望
建築業界のオジサンたち（中にはおじいさんもいる）が利用するシステムですので、「使いやすさ」「見やすさ」を優先したデザインでお願いします。
横スクロールは入らないようにお願いします。
見積行が１画面に何行か（できれば８行）収まるととても助かりますので、あまり高さを使いすぎない配列でお願いします。



その他何かご不明な点がございましたら、お気軽にご質問下さい。
よろしくお願いいたします。

■ 選んだ理由

　色覚障害がある方に配慮することは想定になかったので新たな気付きがありました。
　項目を配慮した提案となっておりUI設計への参考になったことが要因です。

■ 提案者全員のお礼・コメント

　短い提案期間にも関わらず応募いただきありがとうございました。
　どれも甲乙つけがたいところもありましたが、実装時に参考となるpointが多かったものを採用させていただきました。
　また、開発画面が多数あるのでUI設計に行き詰った際には仕事を依頼したいと考えております。
　今回はありがとうございました。

添付ファイル

※ 締切後、添付ファイルはクライアントと当選したランサー以外は閲覧できません

• 見積入力画面の参考図.png