PROBLEM 01
バックエンド開発で手いっぱい
画面のデザインやHTML/CSS実装まで手が回らず、開発スケジュールが圧迫されている。
累計
約100画面 業務画面の
制作実績
約100画面 業務画面の
制作実績
UI / UX
見やすさ・操作性を意識した画面設計
既存画面 → Web
再設計からHTML/CSSモックまで
1画面〜
必要な範囲だけご依頼可能
PROBLEMS
こんなお困りごとは
ありませんか？
業務システム・Webアプリ開発における、画面制作のお悩みをサポートします。
PROBLEM 02
仕様書はあるが、画面を作れる人がいない
画面設計書や既存システムをもとに、HTML/CSSモックを制作できる担当者が不足している。
PROBLEM 03
機能は揃っているが、画面が使いにくい
エンジニアが実装した画面のレイアウトや情報の優先順位を整理し、見やすく整えたい。
PROBLEM 04
必要な画面だけ外部へ切り出したい
一覧・検索・入力フォームなど、一部の画面制作だけを外部パートナーへ依頼したい。
SERVICES
必要な工程だけ
ご依頼いただけます
デザインのみ、HTML/CSS実装のみ、既存画面の調整など、案件に合わせて対応します。
UI/UXを意識した画面設計
Figmaを使用し、一覧・検索・入力・詳細画面など、業務の流れに沿った画面を制作します。
- 既存画面のUI/UX改善
- 業務フローに沿った導線整理
- 情報の優先順位・レイアウト設計
HTML/CSSモック
バックエンドへ組み込む前の静的画面を、保守性や既存ルールを意識して実装します。
- HTML/CSSコーディング
- BEMによるクラス設計
- 既存コードへの追加
レスポンシブ対応
PC固定画面から、タブレット・スマートフォンを含むレスポンシブ画面まで対応します。
- ブレイクポイント設計
- テーブルの表示調整
- 実機を想定した確認
LP・Webサイト実装
業務画面に加えて、サービス紹介LPやコーポレートサイトの実装もご相談いただけます。
- デザインから一貫対応
- コーディングのみ
- 既存サイトの改修
CUSTOMER REVIEWS
お客様から
いただいた評価
迅速な対応と、後工程で活用しやすい画面制作を評価いただいています。
01
多画面、追加制作への対応
02
提案資料としての品質
03
デザイン・レイアウト
04
案件ごとの柔軟な対応
※ランサーズに寄せられた評価より。クライアント情報、案件名および報酬額は非公開としています。
WORKS
業務画面の
UI制作サンプル
守秘義務により実案件の画面は公開できませんが、AccessからC#への刷新案件などで、これまで約100画面のHTML/CSSモックを制作してきました。こちらは、その経験をもとに作成したサンプルです。
SYSTEM UI / SAMPLE
在庫管理システムを
想定した
画面モック制作
在庫管理業務で使用するシステムを想定し、発注画面とログイン画面を制作しました。日常的に繰り返し使用する画面として、情報の優先順位や入力項目のまとまり、操作の分かりやすさを意識して設計しています。
- 制作区分
- 自主制作サンプル
- 制作範囲
- UI設計／デザイン／HTML・CSS実装
- 対応形式
- PC固定画面
※掲載画面は、これまでの業務システム制作経験をもとに作成した自主制作サンプルです。実案件の画面や機密情報は使用していません。
BENEFITS
A designへ依頼する
メリット
業務システムは、毎日繰り返し使われるもの。
見た目を整えるだけでなく、利用する方が迷わず操作できる画面づくりを大切にしています。
仕様書・既存画面から対応
完成したデザインデータがなくても、仕様書や既存画面、参考資料を確認して制作します。
画面単位で切り出せる
画面1枚の調整や一部機能のモックなど、必要な範囲だけご相談いただけます。
デザインから実装まで
FigmaによるUIデザインとHTML/CSS実装を一人で対応し、工程間のやり取りを抑えます。
継続・追加制作にも対応
納品後の追加画面や修正、別案件についても、内容とスケジュールを確認して対応します。
PRICE
画面制作の料金目安
画面の情報量やデザイン・実装範囲によって料金が異なります。
下記は1画面あたりの参考価格です。
部分UI・小規模画面
15,000円〜
モーダル、確認画面、完了画面、ボタンや入力項目の少ない画面など、構成が比較的シンプルな画面。
標準的な業務画面
40,000円〜
入力フォーム、詳細画面、一般的な一覧画面など、既存画面や仕様をもとにHTML/CSSモックを制作。
情報量の多い複合画面
70,000円〜
一覧・検索・入力・詳細など、複数の機能や表示エリアを含む、情報量の多い業務画面。
1画面から数十画面規模まで対応しています。複数画面の場合は、共通パーツや画面構成を確認し、案件単位でお見積もりします。
※ログイン画面やメインメニューなど、デザイン性を重視する画面は、Figmaでの事前確認を含め個別にお見積もりします。
FLOW
ご相談から納品まで
-
01
ご相談・資料共有
仕様書・既存画面・参考資料など、現在お持ちの情報をご共有ください。
-
02
範囲・お見積もり
対応範囲、納品形式、スケジュール、料金をご確認いただき、ご契約後に制作を開始します。
※案件内容により、制作開始前に着手金をお願いする場合があります。 -
03
画面制作
FigmaまたはHTML/CSSで制作し、確認用データを共有します。
-
04
確認・修正
ご確認内容を反映し、必要な調整や表示確認を行います。
-
05
お支払い・納品
ご確認完了後、残金のお支払いをお願いいたします。入金確認後、合意した形式で納品します。
※法人のお客様の支払規定については、事前にご相談ください。
FAQ
よくあるご質問
画面1枚から依頼できますか？
はい。内容とスケジュールを確認のうえ、必要な画面だけ対応します。
デザインデータがなくても対応できますか？
仕様書、既存画面、参考サイトなどをもとに制作可能です。現在お持ちの資料をご共有ください。
HTML/CSSコーディングのみ依頼できますか？
はい。Figmaや画像などの完成デザインからの実装にも対応します。
JavaScriptやバックエンド開発も依頼できますか？
基本的なUI動作や既存コードの調整は、内容を確認してご案内します。バックエンド開発は対応範囲外です。
LPやWebサイトの制作も依頼できますか？
LPやWebサイトについても、デザインからHTML/CSS実装まで対応しています。ページ数や必要な機能を確認のうえ、個別にお見積もりいたします。