静的LPコーディング
デザインカンプをもとに、1ページ完結型のLPをHTML/CSSで構築します。レスポンシブ対応・軽量設計で納品します。
Service
事業内容
制作会社様・デザイナー様向けに
HTML / CSSコーディングを行っています。
対応可能な内容
- Figma / Photoshop対応
- レスポンシブ実装
- 静的LP制作
- 企業サイトコーディング
- 軽量CSS設計
- Git納品対応
コーディング品質へのこだわり
- カンプ再現度を重視した実装
- メンテナンスしやすいCSS設計
- 表示速度を考慮した軽量構造
- 将来の改修を想定した設計
コーポレートサイト構築
複数ページ構成の企業サイトを共通レイアウト設計のもとで構築します。TOP・下層ページを含めて整理された構造で制作します。
簡易JavaScript実装
ハンバーガーメニュー、アコーディオン、スライダーなどの基本的な動作を実装します。過度な演出は行わず、実務に必要な範囲で対応します。
Coding Works
制作実績
制作会社様からのコーディング案件を中心に
対応しています。
不動産・貿易物流関連企業サイト
（非公開）
- 案件内容
- 不動産・貿易物流関連企業のコーポレートサイトコーディング
- 担当範囲
-
- トップページ
- 下層ページコーディング
- レスポンシブ実装
- 実装内容
-
- PC / SPレスポンシブ対応
- flex / gridレイアウト
- SCSSによるコンポーネント設計
- 再利用可能なCSS設計
- デザインカンプの再現コーディング
- 制作期間
- 約5営業日
- 補足
- 制作会社様から支給されたデザインデータを元に静的コーディングを担当しました。
※公開不可案件のため、詳細は打ち合わせ時に説明可能です。
公的機関関連サイト
（非公開）
- 案件内容
- 公的機関関連サイトのコーディング
- 担当範囲
-
- トップページ
- 下層ページコーディング
- レスポンシブ実装
- 実装内容
-
- PC / SPレスポンシブ対応
- flex / gridレイアウト
- SCSS設計
- 再利用可能なCSS設計
- デザインカンプの再現コーディング
- 制作期間
- 約5営業日
- 補足
- 制作会社様から支給されたデザインデータを元にコーディングを担当しました。
※公開不可案件のため、詳細は打ち合わせ時に説明可能です。
Process
納品までの流れ
1. ヒアリング
- 目的
- 素材の受領
- 対応範囲の確定
デザインデータと素材を共有いただき、対応範囲と納期を確定します。
2. 制作（コーディング）
- HTML/CSSで実装
- レスポンシブ対応
- 必要に応じて簡易JS
デザインカンプをもとに、崩れない実装を行います。
3. 確認・調整
- 表示確認（PC/SP）
- 軽微修正（文言・余白など）
- 最終チェック
ご確認後、軽微な調整を反映し最終納品に進みます。
4. 納品
- 納品形式（zip / Git / サーバー反映など）
- 公開手順（必要なら）
- 以後の修正対応の案内（任意）
HTML一式で納品します。ご希望があれば公開作業も対応します。
Price
料金目安
静的LPコーディング
50,000円〜（税抜）
デザインデータをもとに、レスポンシブ対応のLPをHTML/CSSでコーディングします。
含まれる内容
- レスポンシブ対応
- HTML / CSSコーディング
- 軽微修正2回まで
※ページ長や仕様により変動
コーポレートサイト構築
（5ページ想定）
90,000円〜（税抜）
デザインデータをもとに、TOPページと下層ページを含むコーポレートサイトをレスポンシブ対応で構築します。
含まれる内容
- TOP＋下層ページ（5ページ）
- レスポンシブ対応
- HTML / CSSコーディング
- 軽微修正2回まで
※ページ追加は1ページあたり15,000円〜
※デザインデータ支給前提の価格です。
※仕様によりお見積りは変動します。