できること

意図を読み取り、
実装でかたちにする。

デザインの意図を汲み取り、使いやすく運用しやすい形へ実装します。

コーディングとWordPress実装を中心に、UI実装まで対応します。
デザインの経験を、意図の確認や整理、ご提案という形で実装に活かします。
内容に応じて、デザインからの一貫対応も可能です。

実装が主軸。
デザインは、
その精度を支えるもの。

実装を中心に、必要な範囲まで。

制作会社さまの制作フローに合わせて、必要な工程から対応します。
対応できる範囲には、次のような優先順位があります。

  • コーディング・WordPress実装

    デザインデータをもとにした実装が中心です。
    HTML / CSS / SCSS でのマークアップから、
    WordPressのオリジナルテーマ制作まで対応します。

  • レスポンシブ・UI実装、アクセシビリティ対応

    PC・SPのレスポンシブ対応、JavaScriptによるUI実装、
    状態変化や動きの再現まで含めて実装します。
    読み上げや操作性への配慮も行います。

  • デザインの確認・提案、デザイン対応

    実装の中で気づいた点は、確認や整理、ご提案という形でお返しします。
    既存のトンマナを活かしたページ展開や、
    内容に応じてデザインからの一貫対応も可能です。

優先順位
1. 実装
2. UI・アクセシビリティ
3. 確認・提案
4. デザイン対応
5. 一貫対応

対応できること。

主な対応内容です。案件に応じて、必要な範囲から組み合わせて対応します。

  • コーディング

    HTML / CSS / SCSS でのマークアップ。
    PC・SPのレスポンシブ対応、基本的なアニメーションを含みます。

  • JavaScript・UI実装

    スライダーやタブ、開閉などのUI実装。状態変化や動きを、
    意図した挙動のまま再現します。アクセシビリティにも配慮します。

  • WordPress実装

    オリジナルテーマの制作。Contact Form 7 によるお問い合わせフォーム、
    カスタム投稿・カスタムフィールドの設定まで対応します。

  • デザイン対応

    デザインデータをもとにした実装のほか、既存トンマナを活かした
    ページ展開、UIの確認・整理・改善提案。内容に応じて、
    デザインから実装まで一貫して対応します。

ご依頼に合わせた、料金の考え方。

案件ごとに内容が異なるため、目安としてご覧ください。
詳しい金額は、内容を伺ったうえで都度お見積りします。

Service

Price

  • 01 Section Coding

    コーディング

    ¥5,000〜
    / section

    既存環境への部分実装や、継続案件でのセクション単位の実装に対応します。

    Includes

    デザイン支給/PC・SPのレスポンシブ対応/ホバー・フェード等の軽微なアニメーション/基本的なUI実装/動作・表示確認

    Note

    複雑なレイアウト・UI・JavaScriptを含む場合は、内容に応じて個別でお見積り致します。

  • 02 LP Coding

    LPコーディング

    ¥50,000〜

    デザインをもとに、1ページ完結のLPを実装します。

    Includes

    HTML / CSS / JavaScriptによる実装/PC・SPのレスポンシブ対応/ホバー・フェード・開閉・スライダー等の一般的なアニメーション・UI/基本的なお問い合わせフォーム/動作・表示確認

    Note

    WordPress化・CMSによる更新機能など長期運用を想定した構築や、複雑なJavaScript・検索・絞り込み・高度な演出等は、仕様に応じて追加でお見積りします。

  • 03 WordPress / Original Theme

    WordPress実装

    ¥100,000〜

    オリジナルテーマで、更新・運用を想定したWebサイトを構築します。

    Includes

    TOP+下層2ページ程度/オリジナルテーマ構築/投稿・更新機能1種類(お知らせ等)/一般的なお問い合わせフォーム1点/PC・SPのレスポンシブ対応/主要ブラウザでの動作確認

    Note

    上記の仕様を想定した最低価格です。ページ追加、投稿・更新機能の追加・拡張、検索・絞り込み、複雑なフォーム、外部サービス連携、複雑なJavaScript・アニメーション等は、仕様に応じて追加でお見積りします。

  • 04 Corporate Website

    コーポレートサイト

    内容に応じて
    お見積り

    企業・事業サイトの実装に対応します。

    Scope

    ページ数、CMS・更新機能、仕様等を確認したうえで、内容に応じて個別にお見積りします。

  • 05 UI / Design Support

    UI・デザイン対応

    内容に応じて
    お見積り

    既存サイトやサービスのトンマナを活かした、
    UI改善・情報設計・デザイン対応を行います。

    Scope

    既存UIの改善/情報設計/既存デザインを踏まえた追加対応/実装時に必要となるデザイン補完

    Note

    実装を主軸とした対応です。対応範囲や実装の有無を確認したうえで、個別にお見積りします。

Conditions / 料金について

  • 掲載している金額は税抜の参考価格で、基本仕様を想定した最低価格です。
  • デザイン・素材の支給を基本としています。
  • ページ数、仕様、機能、支給データの状態により金額は変動します。
  • 各項目の基本料金に含まれない機能・仕様は、追加でお見積りします。
  • 継続案件や複数ページのご依頼も、内容に応じてお見積りします。

Additional Estimate / 追加お見積りの例

  • WordPress化・CMSによる更新機能など、長期運用を想定した構築
  • ページ追加
  • 外部サービス連携
  • 複雑なJavaScript・アニメーション

投稿・更新機能

Included / 基本料金に含むもの

お知らせ等、1種類の更新コンテンツを想定しています。

Individual Estimate / 更新機能の追加・拡張

  • 更新コンテンツが複数必要な場合(お知らせ・施工事例・ブログ等)
  • 更新コンテンツの入力項目や表示内容の追加・カスタマイズ
  • 検索・絞り込み機能

等

お問い合わせフォーム

Included / 基本料金に含むもの

氏名・メールアドレス・お問い合わせ内容等の一般的な入力項目、必須項目の確認、送信処理、自動返信メール、シンプルな完了表示、基本的なスパム対策までを想定しています。

Individual Estimate / フォーム追加機能

  • ページ遷移ありの確認画面・サンクスページ
  • 住所自動入力
  • 条件分岐
  • 複数ステップフォーム
  • ファイル添付
  • 外部サービス / API連携
  • 複雑なスパム対策

等