ネット通販事業者向け、ブラウザで動作するWebアプリツールのUIデザイン。htmlとCSSでの納品の仕事

依頼の募集内容

発注者が選定した提案

実際の支払い金額

108,000 円

実際の受注者

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

WebデザインからDrupalによるサイト構築まで対応いたします。

rachiと申します。再三にわたる質問にお答えいただき、大変にありがとうございました。 本件につき、提案をさせていただきます。 ・基本的にはフラットでカラフルなデザインを目指しました。大量のデータを扱うときの視認性を良くすることに加え、アニメ調キャラクターとのマッチングを意図しております。 ・全体の色合いは未定とのことでしたので、業務アプリとしては一般的な青系を中心に、ポイントカラーとして明るいオレンジを配色いたしました。 ・画面の大きさは、サンプルのトップ画面の画像に合わせて調整いたしました。ただしリキッドレイアウトで制作しておりますので、ウィンドウの大きさに応じて全体が拡大縮小いたします。 ・「画面左のサイドバー」「検索条件」は、アイコンをクリックもっと見る

引き続きよろしくお願いいたします。

集まった提案(一部)

詳しい依頼の募集内容

依頼概要

弊社はインターネット通販サイトを利用して小売りを行う出品者向けにツール（アプリケーションソフト）を開発しています。

この度、Amazon、楽天市場、ヤフーショッピングを連携させるツールの開発を行っています。すでにトップページのラフイメージはでき上がっており、そのイメージにあったシステム操作画面のUIデザインをお願いします。


■依頼の詳細
すでにイメージ画像とトップ画面のラフができており、そのイメージと統一感の取れたシステム操作画面のデザインをお願いします。

ツールの名前は「発送小町」です。
ツールの特徴については後述します。

イメージ画像はこちらです。
http://s-emotion.biz/image/komachi/28k_his_s1_2_p1.jpg
http://s-emotion.biz/image/komachi/28k_his_s2_fr1.jpg

トップ画面のラフはこちらです。
http://s-emotion.biz/image/komachi/hkt_2_cor3.jpg
（配色はまだ決定されていません。ピンクに統一されていますが、もう少し自然な色味にする予定です。参考程度にお考え下さい）


ユーザーの使い勝手を考慮してシステムエンジニアが作った画面デザインがこちらです。こちらが今回のデザイン対象になります。3画面のデザインをお願いします。
http://s-emotion.biz/image/komachi/kom_sys_image.png
http://s-emotion.biz/image/komachi/kom_sys_image2.png
http://s-emotion.biz/image/komachi/kom_sys_image3.png

システムエンジニアが作ったデザインですので、機能性しか考慮されていません。これを使いやすさを損なうことなく、発送小町のイメージに合わせたUIにしてください。

なお、デザインには反映されていませんが、実際には画面の右下か左下に発送小町のキャラクターが小さなワイプ画面で登場し、口が動いたりまばたきしたりして、本日の売上目標などメッセージで表示する機能も実装予定です。

納品はhtmlとCSSファイルでお願いします。
（ブラウザで閲覧できる状態）
（画像ファイルでデザインのみの納品ですと、コーディングしづらいデザインになることがあるため）

金額はシステム画面3ページ分となります。


■3画面の提案期限について
コンペ終了日まで5日しかないため、3画面のデザインが間に合わない場合はひとまず1画面、あるいは2画面でご提案いただくことも可とします。3画面揃ったところで正式に当選と致します。




より、イメージをつかんでいただくために以下の詳細情報もお伝えします。

■ ツールの特徴
商品が売れたときに購入者への発送手続きを自動的にやってくれるシステムです。
商品はAmazon倉庫に納品されており、楽天とヤフーで売れた商品もAmazonから発送します。発送手配はオンラインでできます。

ツールのネーミングは「発送小町」としました。小町はきれいな女性をイメージしています。ツールを機械ではなく、擬人化する狙いできれいな女性をイメージするネーミングにしました。PCでの面倒な発送処理を一手に引き受けてくれる頼もしくて美人な女性スタッフが発送小町です。

従来は商品が売れる度に、購入者の住所宛に商品を発送する手続きをしなければならず、発送後にも発送通知や追跡番号通知など手間のかかる作業が必要でした。そのためAmazon、楽天市場、ヤフーショッピングの各店舗にそれぞれ担当者をつけなければ運営ができないという問題がありました。


その問題を解決するのが今回の「発送小町」です。
商品が売れてから発送手配、その他の処理をツールにより自動化します。
これにより毎日の受注業務から解放され、経営者は売れ行きを見て在庫補充すればよいだけになります。「発送小町」を導入することでAmazon、楽天市場、ヤフーショッピングが一つの巨大な自動販売機のようになります。

各ECサイトごとに置いていた担当者の人件費削減と、倉庫保管料のコスト削減、人のミスによる誤配送が防げます。

ターゲット：Amazon、楽天、ヤフーでのECサイト運営をしている事業者。男性の比率が多い。


■要望
ユーザーは男性の比率が高いため、男性が喜ぶように女性に擬人化していますが、女性向けツールではないのでターゲットを意識して下さい。ツール全体の統一感を持たせるため小町のイメージに合ったきれいなデザインにしていただきたいのですが、事業者向けツールであることを忘れず「使いやすさ」を損なわないデザインでお願いします。

当選対象を9月末に決定し、修正をしてUIデザインの完成が10/5目標ですので、迅速な対応をいただける方を希望します。


■UIデザイン対象イメージ（再掲。上記と同じです）
http://s-emotion.biz/image/komachi/kom_sys_image.png
http://s-emotion.biz/image/komachi/kom_sys_image2.png
http://s-emotion.biz/image/komachi/kom_sys_image3.png

■重視する点
トップ画面のデザインや小町のキャラクターと統一感があること。
使いやすさを損なわないこと。


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

■ 選んだ理由

修正を進んで行っていただけるためお願いすることにしました。

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

この度はご提案誠にありがとうございました。