Works / Warehouse Management SaaS
複雑な倉庫業務を、導入したくなる分かりやすさへ。
勤務先在籍時に担当したクラウドWMSのサービスサイトです。ワイヤーフレーム作成から画面設計、HTML/CSS実装まで一貫して担当しました。
- INDUSTRY
- 物流・在庫管理SaaS
- TYPE
- サービスサイト
- SCOPE
- ワイヤー・画面設計・実装
- PLATFORM
- HTML / CSS
Project Background
多機能なWMSを、導入担当者が費用と効果で判断できる情報へ。
倉庫管理サービスは機能が多く、違いや導入負担を把握しにくい商材です。料金、導入実績、主要機能、期待できる効果を優先して提示し、「自社でも使えそう」という判断から問い合わせへ進める設計にしました。
機能が多く違いが伝わりにくい
WMS、RPA、クラウド印刷、ハンディーを目的別に整理し、必要な機能を見つけやすくしました。
導入費用への不安が大きい
初期費用29,800円・工事不要という具体的な数字を前面に出し、検討初期の不安を減らします。
導入後の効果を想像しにくい
生産性向上と事務工数削減を主要価値として示し、システム導入を経営成果へ結びつけました。
DESIGN CONCEPT複雑な機能を整理し、
現場感・業務効率・導入しやすさを一つの画面に。
数字で安心をつくる。
Concept
ネイビーとブルーを土台に、赤とオレンジで判断材料を強調。
業務システムに必要な信頼感をネイビーで表現し、操作性やクラウド感をブルーで補強。料金と実績は赤・オレンジの円形バッジで目立たせ、重要情報を見落としにくくしました。
※掲載画像は権利関係に配慮し、実制作物をもとに名称や表現の一部を変更したダミーキャプチャです。
料金をファーストビューに表示
初期費用と工事不要を大きく見せ、導入コストをすぐに判断できるようにしました。
300社の実績で安心を補強
具体的な導入社数を料金と並べ、価格だけでなく利用実績も比較材料として提示します。
機能へ直接アクセス
主要機能をナビゲーションに並べ、担当者が必要な情報へ短い動線で進める設計です。
Project Scope
ワイヤーフレームから画面設計、HTML/CSS実装まで担当。
勤務先在籍時の制作案件として、主要機能、料金、導入実績、FAQ、問い合わせの情報設計を行い、デザインをHTML/CSSでサービスサイトとして実装しました。
公開資料に基づく設計の解説
設計の背景と判断
対象者と課題｜導入前に、何を判断したいか
在庫管理サービスを比較する担当者にとって、機能が分かることと、自社で導入できるか判断できることは別の段階です。この事例を「業務に必要な機能」「費用や導入条件」「相談したい点」という3つの問いから読み解くと、各情報の役割が見えてきます。
具体的な判断｜機能・料金・FAQの役割を分けて読む
機能の説明は、対応できる業務を知るための材料。料金や導入実績は、比較するための材料。FAQと問い合わせは、疑問を解消し、自社固有の条件を確認するための入口です。ここでは公開中の構成をもとに、その関係を整理しています。当時の顧客への聞き取りや、実際に閲覧された順序を示すものではありません。
担当範囲と掲載資料
勤務先在籍時の担当は、情報設計・ワイヤーフレーム・PC画面デザイン・HTML/CSS実装です。掲載画像は実制作をもとに名称や表現を調整した再構成資料であり、画像内の導入社数や料金を、制作による成果として扱うことはしていません。
Start a Project
複雑なサービスを、比較しやすく相談しやすいサイトへ整えませんか。
機能や料金の整理から対応します。導入担当者の判断を前へ進めるサービスサイトをご提案します。