INVOLVE

デザインをコードに

Webページコーディング開発代行

デザインはできるがコーディングができない広告代理店様向けに、HTML/CSS/JavaScriptのコーディングを代行。システムが絡む案件についても仕様の整理から対応可能。


Benefits

こんな方におすすめ

01

デザイン通りの忠実なコーディング

FigmaやXD、Photoshopなどのデザインデータをお渡しいただくだけで、余白や文字サイズまで忠実に再現したコーディングをお届けします。レスポンシブ対応・表示速度・修正しやすいコードの書き方まで含めて品質を担保しますので、エンドクライアント様への納品物としてそのままお使いいただけます。

02

システム開発の相談も可能

CMS導入や問い合わせフォームなど、システムが絡む案件も仕様の整理からお手伝いします。「これは技術的にできるのか」という段階のご相談でも大丈夫です。実現方法と概算の工数をセットでお答えします。

03

奈良県の広告代理店で多数実績あり

地域の広告代理店様との協業経験が豊富で、進行のペースや納品物に求められる品質の勘所を心得ています。制作の裏方に徹しますので、エンドクライアント様との窓口は代理店様のままで問題ありません。


Process

制作の流れ

01

デザインデータの確認

1日

提供いただいたデザインデータ(Figma、PSD、XDなど)を拝見し、コーディングに必要な情報が揃っているかを確認します。不足があれば箇条書きで具体的にお伝えしますので、確認のやり取りが何往復も続く心配はありません。

02

仕様・機能要件のヒアリング

2日〜

アニメーションの動きや対応ブラウザ、納品形式など、デザインデータだけでは読み取れない要件を確認します。エンドクライアント様の意向が固まっていない部分は、選択肢と費用感を挙げてご提案します。

03

コーディング開始

1週間〜

確認した仕様に沿って、HTML/CSS/JavaScriptでデザインを忠実に再現します。スマートフォンやタブレットでの表示、表示速度、公開後の修正のしやすさにも配慮して実装します。

動作テスト・納品

主要なブラウザと各デバイスで表示と動作を確認してから納品します。納品後にエンドクライアント様から修正依頼が入った場合の対応方法も、事前に取り決めておけます。


Preparation

ご準備いただくもの

01

デザインデータの準備

Figma・PSD・XDなど、普段お使いの形式のままで結構です。デザインデータさえいただければ、コーディングに必要な情報はこちらで読み取って進めます。

02

仕様の確認

動きのある演出やフォームの有無など、決まっている範囲でお知らせください。未確定の部分があっても、ヒアリングの中で一緒に整理していきますので問題ありません。

03

参考サイトの共有

「この動きに近づけたい」というサイトがあれば、URLを共有してください。言葉では伝えにくいニュアンスも、実例があれば認識のずれを防げます。

04

納期の確認

エンドクライアント様への納品日から逆算して、スケジュールを組み立てます。お急ぎの案件も、まずは日程をご相談ください。

Pricing

基本料金目安

1案件あたりの目安です(デザインデータ支給・5ページ程度まで)。ページ単価でのお見積りも可能です。

¥100,000/案件(税別)

Insights

関連記事

プロジェクトを共に創りましょう

現在の課題感や、漠然としたイメージだけでも問題ありません。まずは御社のビジョンをお聞かせください。

開発を依頼する