本文へスキップ

Web制作・WordPress実装

初稿後の修正を減らし、
ディレクター様の確認時間を軽くするコーダーです。

製造業で10年間培った品質管理の視点を活かし、仕様確認・事前チェック・進捗共有を徹底しています。
WordPress構築から公開対応まで、制作会社様の進め方に合わせて対応します。

  • 品質管理10年
  • WordPress / FLOCSS
  • 福岡県久留米市
制作実績を見る 進め方を見る
コーダー 川原秀之助の顔写真

川原 秀之助 （かわはら しゅうのすけ）

Issues

初稿提出後、このような確認に
時間を取られていませんか？

  • PCでは合っているが、スマートフォンで崩れている
  • 指示した内容が一部反映されていない
  • 提出予定日になってから確認事項が出てくる
  • 進捗が分からず、こちらから確認しなければならない
  • 公開直前に細かな修正が集中する

このような状況がございましたら、下記の進め方がお役に立てるかもしれません。

Approach

確認の手間を減らすために
行っている3つのこと

  1. 01

    着手前に仕様を整理します

    デザインデータ、レスポンシブ時の挙動、更新箇所、アニメーションなどを確認し、認識のずれを減らします。

  2. 02

    提出前にチェックします

    表示崩れ、リンク、フォーム、画像、文字、WordPressの更新画面など、案件に応じた項目を確認します。

  3. 03

    進捗と確認事項を見える化します

    現在の進捗・確認をお願いしたい内容・次の対応を、専用のページで共有します。

修正がゼロになるとは申し上げません。提出前に確認できる箇所を、できる限り潰しておくという考え方です。

Flow

制作の進め方

  1. STEP 1

    資料・仕様の確認

    デザインデータ、サイトマップ、仕様書、既存サイトを確認します。

  2. STEP 2

    不明点の整理

    着手前に確認事項をまとめ、認識をそろえます。

    確認事項リストをお渡しします

  3. STEP 3

    コーディング・WordPress実装

    制作会社様のルールに合わせて実装します。

    進捗ページのURLをお渡しします

  4. STEP 4

    提出前チェック

    表示、挙動、レスポンシブ、リンクを確認します。

  5. STEP 5

    初稿提出・修正対応

    確認しやすい状態で共有し、修正内容を整理して対応します。

    納品前チェック報告書をお渡しします

Documents

ディレクター様の確認負担を減らすために
2つのページをお渡ししています

進捗ページ

案件開始時にURLを1本お渡しし、以後は同じURLを更新します。確認のたびに過去のメールを探す必要がありません。

  • 今どの工程か / 次にこちらが着手すること
  • ご確認をお願いしたい内容と、その期限
  • 遅れた場合に何が起きるかを各依頼に明記
サンプルを見る

納品前チェック報告書

初稿提出時に、チェック結果をページでお渡しします。自分で直せるものは直したうえでご報告します。

  • 主要ブラウザ表示 / スマートフォン表示 / リンク / フォーム動作 / 画像・文章 / WordPress管理画面
  • 要ご回答（Q番号つき。「Q1は2番で」とご返信いただけます）
  • ご報告のみ（判断して実装した箇所の事後報告）
サンプルを見る

Works

制作実績

担当した範囲と、実装上で配慮した点を記載しています。自主制作は実務実績と分けて表示しています。

  • 実務実績

    アーチ電工 コーポレートサイト

    担当範囲
    WordPress実装、公開対応、公開後の改修・保守
    ご支給
    デザインデータ、仕様指示
    使用技術
    HTML / CSS / JavaScript / WordPress / Contact Form 7
    配慮した点
    採用ページの動画埋め込みによる表示負荷、公開後の継続的な差し替え運用
    制作体制
    CIENS株式会社様の制作パートナーとして担当
    実サイトを見る

  • 自主制作

    結景建築 コーポレートサイト

    担当範囲
    企画・デザイン・コーディング・WordPressオリジナルテーマ化・公開・自動デプロイ構築
    使用技術
    HTML / SCSS(FLOCSS) / JavaScript(GSAP) / WordPressオリジナルテーマ / カスタム投稿 / CF7 + reCAPTCHA v3 / GitHub Actions
    規模
    全11ページ（施工事例の一覧・詳細を含む）
    配慮した点
    画像のWebP自動変換、非対称レイアウトの再現、検索避けの設定

    架空の建築設計施工会社を想定した自主制作です。

    実サイトを見る

  • 自主制作

    結景建築 採用特設LP

    担当範囲
    企画・デザイン・実装（WordPressのページテンプレート追加）
    使用技術
    固定ページテンプレート / GSAP / CF7流用
    配慮した点
    常設の採用ページと役割を分けた（常設＝制度・要項 / LP＝物語・1コンバージョン）。相互リンクで回遊させる

    上記サイト内に追加した特設ページです。架空の企業を想定しています。

    実サイトを見る

  • 自主制作

    ヴェレナ美容クリニック 医療脱毛LP

    担当範囲
    デザインカンプからのコーディング（LP1枚）
    使用技術
    HTML / SCSS / JavaScript / PHPメールフォーム
    配慮した点
    ファーストビューは人物と文字が一体のデザインのため、カンプの完成画像をそのまま使用し、文言は代替テキストに記述しています。それ以降のセクションは、カンプ内の文字を画像で貼らずHTML・CSSで再現しました（SEO・アクセシビリティ・可読性のため）。医療広告ガイドラインの作法（総額表示・断定表現を避ける・リスク併記）にも配慮しています。

    架空のクリニックを想定した自主制作です。

    実サイトを見る

Skills

対応できること

コーディング

  • デザインカンプからのHTML・CSS実装
  • レスポンシブ対応
  • JavaScriptを使った一般的な動きの実装
  • FLOCSSを意識したCSS設計
  • 既存サイトの修正・更新

WordPress

  • 静的サイトのWordPress化
  • オリジナルテーマ構築
  • カスタム投稿 / カスタムフィールド
  • 更新画面の構築
  • 本番環境への公開対応

対応データ・環境

  • Figma / Adobe XD / Photoshop / Illustrator
  • Git（GitHub）
  • Vite / Sass(SCSS)
  • レンタルサーバーへの設置・公開

Price

費用の目安

単価をすべて公開しています。ご相談の前に、おおよその金額をご確認いただけます。

代表的な単価（表示額がそのままご請求額です）
LPコーディング 40,000円 〜／枚
トップページ 30,000円 〜／枚
下層ページ 10,000円 〜／枚
お問い合わせフォーム 15,000円 〜／個
WordPress化 ページ構成により算出

LP・トップページは縦の長さで変動します（10,000pxを超える場合は10,000pxごとに5,000円加算）。お急ぎの場合は特急料金として合計金額の10%程度を申し受けます。
お問い合わせフォームの金額はUI（入力画面）の実装費です。実際に送信できるようにする設定費（5,000円 〜 20,000円・環境により選択）を加えた合計が、フォームの費用になります。

単価表をすべて見る

お見積りに必要な情報

次の4点をお送りいただければ、概算をお返しします。

  1. デザインデータとページ数（Figma / XD / PSD / Illustrator）
  2. WordPress化の有無（更新したい箇所があればその範囲）
  3. フォームの有無（項目数・確認画面の要否）
  4. 公開先サーバーの環境と希望納期（PHPが動作するかどうか）

この金額に含まれるもの

  • レスポンシブ対応（PC / スマートフォン）
  • 主要ブラウザでの表示確認
  • 納品前チェック報告書のご提出
  • 進捗ページの共有（着手から公開まで）
  • 初稿提出後の修正2回まで

含まれないもの（別途お見積り）

  • デザイン制作
  • 原稿・写真素材のご用意
  • サーバー・ドメインの契約費用
  • 仕様確定後の大幅な設計変更
  • 3回目以降の修正

お取引について

契約・ご請求の名義
川原 秀之助（NOSUKE WORKS）
表示価格
表示している金額がそのままご請求額です。消費税の免税事業者のため、消費税は申し受けません。
インボイス
適格請求書発行事業者の登録はしておりません。ご登録が必要な場合はご相談ください。
お支払い
月末締め・翌月末払いに対応しております。
秘密保持契約
締結可能です。

Profile

品質管理で培った確認習慣を、
Web制作でも大切にしています

川原 秀之助 かわはら しゅうのすけ ／ NOSUKE WORKS

  • 通信機器の品質管理を10年間担当
  • 公共インフラ関連製品を扱う環境
  • 仕様確認、事前チェック、納期遵守を経験
  • 現在は福岡県久留米市を拠点にWeb制作へ対応

現在の稼働状況

  • 週40時間まで対応可能です
  • 土日も対応いたします
  • お急ぎの案件は事前にご相談ください（特急料金：合計金額の10%目安）

ご連絡について

  • お問い合わせには原則1営業日以内にご返信いたします
  • 連絡手段：Chatwork / メール
  • 平日の日中はすぐに対応できない場合があります。18時以降に必ず返信いたします
  • 土日は日中もご連絡いただけます

FAQ

よくあるご質問

WordPressはどこまで対応できますか？
オリジナルテーマの構築、カスタム投稿・カスタムフィールドの設定、更新画面の構築、本番環境への公開対応まで対応できます。
オリジナルテーマにも対応できますか？
対応できます。既存テーマのカスタマイズ、静的サイトのWordPress化のいずれも承ります。
PC版だけのデザインからスマートフォン版を実装できますか？
可能です。着手前に、折り返し位置や要素の並び替えなど、判断が必要な箇所をまとめてご確認いただく形を取っています。
他の方が書いたコードの修正は可能ですか？
可能です。既存の記述ルールに合わせて修正します。大きく作り直したほうがよい場合は、その旨を先にお伝えします。
Figma、XD、Photoshopのデータに対応できますか？
いずれも対応できます。Illustratorのデータも承ります。
Gitを使った制作は可能ですか？
可能です。GitHubでのブランチ運用、プルリクエストでのやり取りにも対応します。
急ぎの案件や土日の対応は可能ですか？
土日も対応しております。お急ぎの場合は事前にご相談ください（特急料金として合計金額の10%程度を申し受けます）。
ChatworkやSlackで連絡できますか？
Chatworkとメールに対応しております。ご連絡には原則1営業日以内にご返信いたします。平日の日中はすぐに対応できない場合があり、18時以降の返信となります。

まずは案件化前のご相談でも構いません。

コーディングの対応範囲や費用、現在の稼働状況について確認されたい場合は、お問い合わせフォームよりご連絡ください。
15分ほどのオンラインでのご挨拶も可能です。

お問い合わせフォームへ メールで連絡する

フォームを使わずに送る場合は kawahara@nosuke.works 宛にお願いします。

TOP