HTMLの依頼・発注・代行

【スケジュール　3/26時点】
4月の納期であれば対応可能です。
短納期案件には対応いたしかねます。ご了承ください。

【制作実績】
▼ポートフォリオ
https://www.lancers.jp/profile/MikaKurimoto/portfolio/557534

【営業時間】平日9〜20時（土日祝は返信遅れます）

【ご利用の流れ】
① メッセージから制作予定のLPについてご相談ください。
② ヒアリングシートにご記入（必須）
③お見積もり：明確な料金とスケジュールをご提示※
④ご契約：ランサーズ仮入金後・契約書締結※
⑤制作開始：デザインからコーディング、公開まで一貫して対応
⑥納品・サポート：納品後90日間は不明な点や不具合あればメッセージでサポートします。

※企業、個人（士業・店舗）の所在地が確かな方のご依頼のみ対応しております。

※発注前のビデオ電話には対応しておりません。

※③のお見積り期限は2週間です。
※スケジュール確保や制作開始は【契約書締結後】【LP原稿のご提出後】となります。

【📌 文章がご用意できない方へ】

お客様でLPに掲載する文章や構成が十分にご用意できていない場合は、
スタンダードプランをご選択ください。

ヒアリング内容をもとに構成案を作成し、
ChatGPT（AI）を活用しながらLP掲載用の文章作成をサポートいたします。

※薬機法・医療・専門知識が必要な文章制作には対応しておりません。

【📌 お客様に必ずご用意いただきたいもの】

※以下の情報がご用意いただけない場合、制作を進めることができません。

✅ LPの基本的な文章（商品・サービスの詳細情報、会社情報など）
✅ 商材写真（商品・サービス画像）
✅ サイトロゴ画像

※デザインに使用する素材（写真・イラスト）は当方でご用意可能です。
※すべて丸投げでの文章作成は対応しておりません。

【このプランでできること】

✅オリジナルデザイン
テンプレートではなく、企業のサービスに合わせた完全オリジナルデザイン制作。

✅ライティング補助（スタンダード、プレミアムのみ）
ヒアリング内容をもとにChatGPT（AI）を活用しながらLP掲載用の文章作成をサポート。
（※薬機法・医療・専門知識が必要なものは不可）

✅デザイン画像素材の提供
必要な素材はストック素材で購入して提供可能です。

✅WordPress構築・設置
WordPress構築により、公開後は自社でCMSで更新可能なLP を制作します。
（Lightningテーマ／X-T9／Swellテーマ対応）
通常のHTML構築の納品も可能です。

✅サーバー・ドメイン契約もサポート
エックスサーバーのビジネスパートナーに加入しており、契約のお取次ぎも可能です。

✅会社概要・プライバシーポリシー2Pまで無料

✅ 運営マニュアルPDFの提供
LPサイトを更新・運営していくためのWordPressマニュアルPDFを納品時にお渡しします。
納品後にサイト更新、修正（保守）が難しいお客様は別料金としてご相談と対応は可能です。

✅ 公開後のサポート
納品後90日間の不具合対応に加え、納品後2週間以内は軽微な文章修正にも対応。

※デザインカンプデータの納品をご希望の場合は別料金になりますのでオプション料金をご選択ください。
（対応形式：Ai、PSD、XD、figma）

※アニメーション多用したLPには基本的に対応しておりません。

※WordPressは指定がなければLightning、X-T9テーマで制作します。

※御社指定のテーマで構築する際は2万〜の追加費用がかかります。

■ 当サービスに向いていない方

・AI生成のデザインやワイヤー通りに再現してほしい前提で依頼される方
・制作途中で構成や掲載内容を大きく変更する可能性がある方

当サービスは要望を元に最適なLPデザイン制作するスタイルのため、
ご期待に沿えない可能性がございます。

2025 Top 100 Lancer掲載の認定ランサーがコーディング代行いたします！

コーディングを行う必要があるあなた様へ。こんなことにお困りではないでしょうか？

✅「PC用のデザインしか用意していないが、レスポンシブには対応したい」
✅「自社でコーディングする時間を確保できない」
✅「デザインは用意できるけどコーディングは外注したい」
✅「特定の箇所は後から変更・更新できるようにしておきたい」

そういったお困りごとに2022 Top 100 Lancer掲載の認定ランサーが丁寧に対応させて頂きます。 まずはご相談ください。そちらでご検討いただいて、満足していただけるものを提供したいと思います。
飲食店、士業、美容、建設・不動産、スクールなど業種に関わらず受け付けております。

3つのプランをご用意しておりますので、お作りしたいものに合わせて最適なプランをご用意致します。
『見積もり・カスタマイズの相談』ボタンからご相談を受け付けております。お気軽にお問い合わせください。

【対象】

• 外注先をお探しの法人様
• 協業をお探しの Webデザイナー様
• 依頼の一部を外部リソースに依頼したいコーダー様

【活動実績】

• 2022 Top 100 Lancerに掲載

【納品までの流れ】

1. 出品者へDM（ダイレクトメッセージ）を送信
　「見積もり・カスタマイズの相談」というボタンから問い合わせフォームに移動します。
　納品希望日と相談内容の業種を入力していただきます。

2. 出品者から相談者様へ返信
　送っていただいた内容について質問や回答を行います。

3. 注文・仮払い
　納得いただいた場合に注文をお願いします。

4. 製作開始

5. 納品物の確認と修正
　お客様に納品物を確認していただき、修正が必要な箇所を指摘して頂きます。

6. 最終納品
　納品日から3日間無制限に修正対応致します。

【主な確認事項】

• フォント
• ホバーアニメーション
• ヘッダーの動き
• ハンバーガーメニューの開き方
• メタタグ、OGP
• 各リンク先
• ファビコン
• 電話番号のタップ挙動
• フォーム用メールアドレス
• 確認及びサンクスページの有無
• 画面幅がデザインカンプより広がった場合の挙動

【WordPressテーマ化について】

ご希望であれば静的コーディングのファイルをWordPressテーマ化も承っております。
請求額については要相談。
静的コーディング時のお見積り額に加算させていただきます。

【注文時のお願い】

• ご相談の上で対応出来ないと判断したものは、受注前にお断りさせていただくことがございます。
  ご了承の程よろしくお願い致します。
• デザインカンプはFigmaもしくはXDファイルでの提供をお願いいたします。

【注意点】

納期はデザインデータなどすべての提供素材のご提示からのカウントとなります。
出品サービス購入からデータをお送りいただくまでの日数は納期に含みませんのでご注意ください。

納品方法がレンタルサーバーへのアップロードをご希望の場合は以下の３点にご注意下さい。

ドメインとレンタルサーバーのご契約済みであること
DNS設定が反映されている状態であること
FTP接続情報のご用意
WordPressの構築も依頼内容に含む場合は、こちらもご用意をお願いいたします。

レンタルサーバーのコントロールパネルのログイン情報
または
phpMyAdminへのログイン情報
※ご依頼時にもご案内させていただきます。納品前にはご用意をお願いいたします。
　ご不明な部分があればお気軽にお知らせください。

【その他】

またこのようサービスを出品しております。
https://www.lancers.jp/menu/detail/1230032

サムネイル右上にある再生ボタンを押していただくと、12秒程の短いメッセージ動画が再生されます。
よろしければ御覧ください。

TOPページ/下層ページ、LP、HTMLメールなどデザイン通りにコーディングします！

◾️提供可能な内容


• HTML・CSSの静的コーディング
• アニメーション、動作コントロール
• お問い合わせフォーム
• WordPressの構築
• 運用管理
• 環境設定
• テスト環境の構築
• SEO対策

◾️基本料金内


• HTML・CSSの静的コーディング
• CSSアニメーション（「ふわっと表示」のような基本的な動作）
• jQuery/JavaScript（メインビジュアルのスライダやメニューボタン・CSSアニメーションのコントロールなど一般的な動作）
• スマホ最適化（レスポンシブ対応）
• SEO対策（原則に沿ったコーディング）
• 修正対応（不備等、本アップまで対応可能）

◾️オプション


• 運用管理（サーバー/ドメイン契約、継続的な管理）
• 環境設定（サーバー設定、SSL、セキュリティその他）
• テスト環境（本アップと別で構築）
• お問い合わせフォーム（入力フォーム+サンクスページ）
• アニメーション（高度な動作）
• WordPress構築（オリジナルテーマ制作 / カスタマイズ）
• WordPress更新マニュアル

◾️納期

（お急ぎではない場合）正式なご発注後1週間
特急（LPで翌日など）可能です！お急ぎの場合はお知らせください。

◾️金額について

金額・納期はボリュームやページ数などで変動いたします。
要件に沿ってお見積りさせていただきます！
まずはお気軽にお問い合わせください。
ご安心いただけるよう、密なコミュニケーションをこころがけております。

サービスを閲覧いただきありがとうございます！
まずはお見積もりからお願いしております。

◎ サービス内容 ◎
・HTMLの静的ページのコーディング
・JavaScriptを使用した動きの表現
（スクロールに合わせたアニメーション・スライダー・ハンバーガーメニュー・アコーディオンなど）
・WordPressサイトのコーディング
・WordPressへの機能実装（カスタム投稿・カスタマイザーの設定など）
※WordPressはカスタマイズによって別途費用がかかる場合がございます。

◎ 制作内容 ◎
1ページから複数ページまで承っています。

◎ コーディング費用 ◎
・TOPページ：30,000円〜 / 1ページ
・下層ページ：20,000円〜/ 1ページ
・JavaScriptの実装 → 内容に応じて別途お見積もり
　※簡単なハンバーガーメニューは無料となります。
・お問い合わせフォームの設置 → 内容に応じて別途お見積もり
・WordPress-TOPページ：40,000円〜 / 1ページ
・WordPress-下層ページ：20,000円〜 / 1ページ
※カスタマイズ内容によっては別途追加料金をいただく場合がございます。

※デザインやページボリュームによって金額は変動いたします。
※料金は全てレスポンシブ込みです。

◎ 無料対応範囲 ◎
・画像圧縮（基本的にはwebpに変換いたします）
・SEO対策のmetaタグ設置（内容はご提供お願いします。）
※WordPressの場合はプラグインを使用
・サーバーへのアップロード（FTP情報のご提供をお願いいたします。）、もしくはZipファイルでの納品。

◎ 流れ ◎

1. コーディング内容の詳細をお聞かせください。
   ↓
2. 納品日と金額をお伝えいたします。
   ↓
3. 問題がなければ、デザインや素材等コーディングに必要な材料をお送りください。
   ↓
4. コーディング開始
   ↓
5. ご確認
   ※修正は基本無料で対応いたしますが、仕様変更等は別途費用となります。
   ↓
6. 納品（サーバーへのアップ・もしくはファイルの送付）
   ※対応ブラウザは「Chrome・Edge・Firefox 」としています。

ご不明点があればお気軽にご連絡ください。

迅速・丁寧に対応致します。
お急ぎの場合は土日祝日の対応も可能なのでご相談ください。

宜しくお願い致します。

実績作りのため格安で対応します！
現役WEBディレクター/元WEBコーダー

発注の流れ

お問い合わせ
まずはメッセージにて、ご希望の業務内容や予算、納期などをお気軽にお知らせください。

ヒアリング
オンラインまたはメッセージにて、お客様のビジネスや課題について詳しくお伺いします。

企画・提案
ヒアリング内容をもとに、最適なWebサイト制作プランをご提案します。

お見積り
具体的な業務内容に基づいて、詳細なお見積りをご提示します。

ご契約・制作開始
ご納得いただけましたらご契約いただき、Webサイト制作を開始します。

対応範囲・価格

WebサイトまたはLP制作（1ページ）：1万円〜
トップページ、会社概要、サービス紹介など基本的なWebサイトを制作します。
デザイン、コーディング、レスポンシブ対応込み。
お客様のイメージに合わせたオリジナルデザインをご提案します。
※Wordpressでのテンプレート使用のみ。オリジナルテーマ作成は別途
※アニメーション別途（ボリュームによりご相談）
※サーバー、ドメイン代はお客様ご負担となります
※問い合わせフォームや決済等の機能なし
※初回のみの金額です

Webサイト更新・保守：月額1万円〜
Webサイトのコンテンツ更新、メンテナンスを代行します。
急なトラブルにも迅速に対応いたします。

制作の流れ

要件定義・設計
お客様の要望を詳細にヒアリングし、Webサイトの構成や機能、デザインの方向性などを決定します。

デザイン制作
ワイヤーフレーム作成後、お客様のブランドイメージに合わせたWebサイトのデザインを制作します。

コーディング
デザインを元に、HTML、CSS、JavaScriptなどを用いてWebサイトを構築します。
レスポンシブ対応も行います。

テスト・修正
Webサイトの動作確認を行い、不具合や修正点があれば修正します。

納品・公開
お客様にWebサイトをご確認いただき、問題がなければ納品・公開となります。

📌 サービス概要
「画像を変えたいだけなのに、制作会社に頼むと高い…」
「突然サイトが崩れてしまった！至急直したい！」
「担当者が辞めてしまい、更新の仕方が分からない」

そんなWebサイト・ホームページのお悩み、 個人Web制作事務所「HAKONIWA」 が解決いたします。

システムエンジニア歴15年の経験を活かし、軽微な修正から専門的なシステムエラーの調査まで幅広く対応可能です。
「これって直せるのかな？」といった漠然としたご相談でも構いません。

⚠️ 料金についてのご案内
各プランに表示されている金額は「最低基本料金（目安）」となります。
作業内容・ボリューム・難易度によって正式なお見積もり額を提示させていただきます。
まずは「見積もり・カスタマイズの相談をする」ボタンより、お気軽にご相談ください。

✅ 作業内容（一例）

• テキスト・画像の差し替え（1か所からOK！）
• デザイン・レイアウト修正（スマホ表示崩れ、文字サイズ変更など）
• 機能修正・エラー対応（フォームの不具合、画面が真っ白になった 等）
• 新規ページ追加（LP作成、お知らせページ追加など）
• CMSカスタマイズ（WordPressの修正、プラグイン設定など）
• SSL化対応・サーバー移行

✅ HAKONIWAに依頼するメリット

• ベテランエンジニアが直接対応
  経験の浅いスタッフではなく、実績豊富なプロが責任を持って対応します。
• 専門用語なしでOK
  「なんとなくここを変えたい」という伝え方でも、意図を汲み取って提案します。
• 最短即日のスピード対応
  お急ぎの場合はその旨をお伝えください。スケジュール次第で即日着手も可能です。

✅ 対応条件・環境

• HTML / CSS / JavaScript / PHP / WordPress など幅広く対応
• サーバー情報（FTP情報）やCMSログイン情報をご共有いただける方
• コーポレートサイト、ECサイト、ブログ、LPなど柔軟に対応可能

🔁 定期更新・保守も歓迎！
スポット依頼だけでなく、「毎月のお知らせ更新を任せたい」「万が一の時の相談役が欲しい」といった定期契約（3ヶ月・6ヶ月～）も可能です。
更新作業をアウトソースしたい方に最適！

🔧 ご相談・お見積もりの流れ

1. 「見積もり・カスタマイズの相談をする」 ボタンをクリック
2. 対象のサイトURLとご相談内容（「ここを直したい」「エラーが出ている」等）をお送りください。
3. 内容を確認し、作業可否と概算のお見積もりをご返信いたします。

まずはお気軽にお問い合わせください！

こんな方へおすすめ
✅ 短期間でWebサイトやアプリを構築したい方
✅ HTML/CSSのコーディングをスムーズに依頼したい方
✅ JavaScriptでインタラクティブな機能を追加したい方
✅ WordPressサイトの構築・カスタマイズを検討している方
✅ 追加ページの作成を依頼し、サイトを拡張したい方
✅ デザインも合わせて簡単な調整をしてほしい方（オプション）

ご提供内容
📌 HTML/CSS コーディング（レスポンシブ対応・LP制作）
📌 JavaScript開発・機能追加（動的要素・API連携）
📌 WordPressサイト構築・カスタマイズ（テーマ調整・設定代行）
📌 追加ページ制作（サービス紹介・問い合わせページなど）
📌 デザイン制作（シンプルなレイアウト調整）
ご希望に合わせて柔軟に対応可能！理想のサイトを形にします。

購入後の流れ
1️⃣ ご依頼内容の確認（仕様書・要件ヒアリング）
2️⃣ 初回実装＆レビュー（動作確認・方向性調整）
3️⃣ 修正・調整対応（フィードバックを反映）
4️⃣ 納品＆コード提出（ZIPファイル形式）

作業途中でも適宜確認を行い、ご希望に沿った仕上がりを目指します！

製作可能なジャンル
💻 コーポレートサイト（企業向けWebサイト）
📱 ランディングページ（キャンペーン・イベント向け）
🎨 その他カスタム機能の開発（オリジナル仕様に対応）

納期
⌛ HTML/CSS コーディング：3～5日
📂 JavaScript機能追加：5～7日
📌 WordPressサイト構築：7～10日
🌍 追加ページ制作：2～4日（1ページあたり）
🎨 デザイン制作（オプション）：3～5日
納期の調整も可能ですので、お急ぎの方はご相談ください！

お持ちのデザインデータをWEBサイトにコーディングします。

HTML・CSS・JavaScript・jQueryを使ってコーディングします。

• 社内にコーディングスタッフがおられない場合
• ご多忙でコーディングの時間が取れない場合
• デザインデータだけ手元にある場合
  など、ぜひお役に立てましたら幸いです。

test環境をお持ちでないお客様には、こちらのサーバーでテストアップします。

サーバーやドメインの取得についても、ご相談に乗ります。

サイト修正のご希望は、柔軟に対応させていただきます。

1ページ、5ページ、10ページのプランですが、実際のページ数に合わせてお見積りします。ページ数が少ない場合は減額いたします。

php を使用した小規模な作業を広く請けます。

• php のバージョンアップ

• フレームワークのバージョンアップ

• バッチ処理の作成

• 既存コードの見直し

• 新設、改修

• wordpress に関してはプラグインによるリスクが大きいためいかなる業務もお断りしております。

• 受注目的、レーティング操作を目的で営業をかけてくるランサーの存在を確認しています。パッケージ販売の本来の意図として照らしパッケージの最低額のプランを請求しますのでご了承ください。

パッケージをご覧いただき、ありがとうございます。

フリーランスのフロントエンドエンジニア・デザイナーの竹山 と申します。

札幌のシステム開発会社で約10年間、WEB制作を一貫して担当してきました。
現在はフリーランスとして4年目となり、
大手企業サイトから自治体・メーカー・個人事業主様のサイトまで、幅広く制作を行っています。

現在までの経験を活かし、WEBサイトの更新・保守・管理を迅速・丁寧に安心サポートします。

スポット対応（¥3,000〜）をご希望の方は、
パッケージの「まずは相談する（無料）」ボタンや、
プロフィールページの「このフリーランスへまずは相談してみる（無料）」ボタンより、
お気軽にお問い合わせください。

ご要望によりましては、指示通りの対応のみならず、
より良い改善へのご提案も可能です。

◎よくある対応例
・文章やテキスト・カラーの変更
・写真の差し替え
・コンテンツの追加
・新規ページの追加制作
・バナーの設置や制作・
・会社概要等の更新

◎よくあるお悩み
・高額の保守管理費用が毎月発生している
・Webサイトの更新作業が後回しになっている
・WordPressの不具合や表示崩れが不安
・社内に詳しい人がおらず、管理が属人化している
・軽微な修正を頼める人がいない
・制作会社に頼むほどではないが、放置はしたくない

スポット対応や、月定額対応等お気軽にご相談ください。

--
他の制作パッケージや実績はこちらからご確認いただけます。
https://www.lancers.jp/profile/neromaro
--

◎サービス内容（WEBサイト更新・保守・管理）
・テキスト・画像差し替え
・HTML / CSS / PHP の軽微修正
・WordPressの更新・不具合対応
・表示崩れ・エラー調査
・バックアップ対応
・セキュリティ対策

「これ頼んでいいのかな？」という内容も、まずはご相談ください。
お見積りのみでもお気軽にご連絡をお待ちしております。

◎発注の流れ
① ヒアリング
現在のWebサイトの状況、更新内容、困っている点をお伺いします。

② 作業内容の確認・ご提案
対応可能範囲・作業内容・納期をご案内します。

③ 作業実施
合意した内容に基づき、更新・修正・保守作業を行います。

④ 完了報告
作業完了後、対応内容をご報告します。

対応範囲・価格（目安）
Webサイト更新・修正：3,000円〜
・テキスト修正
・画像差し替え
・軽微なレイアウト調整

WordPress保守・管理：月額15,000円〜

軽微な更新：即日〜3営業日
不具合対応：内容により応相談

※お急ぎ対応も可能です。

◎対応可能なサイト
WordPressサイト
HTMLサイト
企業サイト / LP / ECサイト
制作会社様からのご依頼（業務委託）も歓迎

◎私が選ばれる理由
WEB制作歴20年の実務経験
制作だけでなく「運用・保守」に強い
小さな修正も丁寧に対応
専門用語を使わず、わかりやすく説明
WEBサイトの「困った」を、すぐ相談できる存在に

「更新する時間がない」
「管理が不安」
「誰に頼めばいいかわからない」

そんな時に、気軽に頼れるWEB担当者としてサポートします。

まずはお気軽にご相談ください。
現状を確認し、最適な更新・保守方法をご提案いたします。

コーポレートサイトやLP（ランディングページ）の
HTML・CSSコーディングを承ります。

デザインを正確に再現するのはもちろん、
コードのメンテナンス性や見やすさも考慮し、
作業させていただきます。

制作に関するご相談やお見積りは無料です。
メッセージよりお気軽にご連絡ください。

■ パッケージの特徴
1.Illustrator・Photoshopデータのコーディングもお任せください
Illustrator(.ai)形式、Photoshop（.psd）形式からの
コーディングも安心してお任せ下さい。

2.既存プロジェクトの引き継ぎも対応可能です
既存データを引き継ぎ、作業を進めることも可能です。

3.PCデザインのみでも、スマホ最適化まで対応
PC版のデザインしかないといった場合でも、
最適なレスポンシブデザインに調整し、実装が可能です。

■ 標準対応
1.マルチデバイス対応
PC、スマートフォン、タブレットの各デバイスに
最適化されたコーディングを提供いたします。

2.標準で実装可能なインタラクション
スライダー、ハンバーガーメニュー、スムーススクロールのJavaScript（jQuery）、
ボタンhover時のインタラクションの実装はプランの費用内に含まれます。

3.ブラウザチェック
主要ブラウザ（Google Chrome / Mozilla Firefox / Safari / Microsoft Edge）の
最新バージョンにて表示・動作確認を行います。

■ 費用
・ランディングページ（1ページ）：40,000円〜
・トップページ（1ページ）：35,000円〜
・下層ページ（1ページ）：10,000円〜

※制作内容やボリュームにより費用が変動するため、まずはお気軽にご相談ください。
詳細を確認させていただいた上、お見積りさせていただきます。
※サイトの更新や修正なども対応可能です。

■ 入稿可能なデザインデータ
・Adobe Illustrator
・Adobe Photoshop
・Adobe XD
・Figma

■ 納品について
ZIPファイルでHTMLデータ一式をお送りいたします。
ご指定のテストサーバーへのアップロードも可能です。

■ ご依頼の流れ
まずはご相談フォームよりデザインデータや仕様など、
案件の詳細をお知らせ下さい。
内容を確認し、お見積りさせていただきます。

1.お見積もり
2.仮払いのお手続き
3.デザインデータのご入稿
4.コーディング開始
5.コーディングデータの送付
6.検収・修正対応
7.納品完了

webサイトのコーディングを承ります。

《Webデザイナー様》デザインに集中して、コーディングだけ外注したい！
《Web制作会社様》案件が重なり、コーダーのリソースが急に必要になった！

など、必要な時に十分なスキルでコーディング対応致します。

当たり前のことですが、
「お客様の大切なデザインを忠実に再現する」
「お約束した納期を厳守する」
という2点について、これまでご依頼いただいたクライアント様からも、高い評価をいただいております。

レスポンシブ対応については、PC用デザインのみでも対応が可能です。
※レスポンシブ後の構成はおまかせいただきます。

★ 簡単ですが自己紹介させていただきます ★
20年以上の社会人経験と、その中で長く従事した営業職の経験から、
ご依頼をいただくお客様に満足いただくことを最善に対応させていただきます。

★ 対応可能なデザインデータ ★
・Figma、XD、Photoshop、Illustratorのいずれか

★ 依頼から納品までの流れ ★
ご依頼（仮払い）・デザインデータのご支給
　↓
コーディング開始
　↓
テストサイトへアップし確認（必要な場合は修正対応）
※テストサイトは当方にて準備しますが、クライアント様にてご準備される場合はそちらで対応させていただきます。
　↓
納品

★ webサイトでよく使用される動きをつけるものは、基本料金内で対応します ★
・スライダー、カルーセル
・アコーディオン
・タブメニュー
・ハンバーガーメニュー

《オプション料金にて対応可能》
・メールフォームの実装（PHP組み込みなど）

※オプション内容により納期が変わります。
※上記にない内容につきましては別途お見積りさせていただきます。

★ 動作確認ブラウザ★
各ブラウザのOS最新バージョン
※最新以外のバージョンは動作保証できかねます。必要な場合は個別にご相談ください。

★ 納品形式★
・zipファイル送付
・ご指定のサーバーにアップロード

以上となります。
ご不明な点がございましたら、お気軽にメッセージにてお問い合わせください。

ご覧いただきありがとうございます！
ココナラ等でも活動しており、200件以上の実績がございます。

◆サービス内容

・HTML/CSSを用いた静的なコーディング
・JavaScript(jQuery)を用いたアニメーションな実装（ハンバーガーメニュー、スライダー等）
・レスポンシブ対応
・WordPressの構築(オリジナルテーマ)

とのによる修正回数については無制限です、ご満足いただけるまで責任をもって対応いたします！
※デザイン変更については、別途料金が発生する場合がございます。

◆料金表（レスポンシブ対応含む）

・LPコーディング：30,000円～
・トップページ：20,000円～
・下層ページ：10,000円～/1ページあたり
・アニメーション：5,000円～
・問い合わせ機能：10,000円～
・WordPressの機能実装：要相談

【無料対応】
・ホバーアニメーション
・ハンバーガーメニュー
・フェードイン
※ご希望される場合は、ご依頼時にお申し付けください。

◆制作の流れ

１．「見積り・カスタマイズを相談する」よりご相談ください。
２．デザインデータお預かり
３．コーディング
４．ご確認・修正
５．最終確認・納品

◆納品方法

・zipファイルの送付
・サーバーへのアップロード
※サーバへのアップロード希望の場合は原則 FTP情報共有をお願いします。不明な場合・サポートが必要な場合はご相談下さい。

Ankiアプリにてデッキを作成します。
━━━━━━━━━━━━━━━━━━━━━━━━
◎主な業務内容
　・カード入力はスクショ（切取画像）。
　・納品物は「apkgファイル」。

◎税抜料金例（単純な「一問一答式」の場合）
　・500問であれば「17,000円」。
　・1問（スクショ2枚）増える毎に「16円」増額。
　・スクショ編集等で作業時間かかる場合、単価増。

◎見積の流れ
　1.下記Googleフォームへ書籍情報などを入力
　　https://forms.gle/Gj37TgvxGdQHspeF9
　2.ランサーズにて見積希望の旨をメッセージ送信
━━━━━━━━━━━━━━━━━━━━━━━━

WebサイトのTOPページデザインのコーディングを承ります。
外注先をお探しの制作会社さま、フリーランスのWebデザイナーさまにご利用いただいております。

※下層ページやLP（ランディングページ）は、各専用メニューからご依頼ください↓

【LPコーディング】
https://www.lancers.jp/profile/life-life/plan/118439

【下層ページコーディング】
https://www.lancers.jp/profile/life-life/plan/167452

このようなお悩みはありませんか？
「コーディングを外注したけど、なんかちょっとデザインと違う」
「デザインを忠実に再現してほしい」
「スマホ用デザインを作る時間がない…。でもレスポンシブに対応してほしい」

当方では、これらすべてをクリアしてコーディングいたします。

一番に心掛けているのは、
【デザインを忠実に再現すること】です。
デザインカンプの再現性は、リピートのお客様に高評価をいただいております。

その他にも、以下のような作業を心掛けています。

・メンテナンスしやすいソースコード
・内部SEOを意識したマークアップ
・CSS設計法に基づいたコーディング（BEM、FLOCSS）

デザイナーとしての実務経験もございますので、
PC用デザインのみ（スマホ用デザインがない場合）でも、
見た目の整ったコーディングが可能です。

● 作業者について ----------------------------------------------------

制作会社に6年間勤務し、現在フリーランス活動4年目となります。
デザイン、コーディング両方に対応できるのが強みです。
品質を第一に考え、丁寧な制作を心がけております。

● 対応可能データ ----------------------------------------------------

・PSD、AI、XD、Figmaのいずれか
　確認のため、デザインを書き出したJPEGもしくはPNGデータを送付ください。
　AI形式の場合はリンク画像も添付（もしくは埋め込みで）お願いいたします。

● 動きのある要素について ---------------------------------------------

【料金内で対応可能】
・スライダー、カルーセル
・アコーディオン
・タブメニュー
・ハンバーガーメニュー

【オプション料金にて対応可能】
・アニメーション（簡易な動き）
・PHPメールフォームの実装
・その他、動きのある要素

※追加オプションの内容は、下記オプション欄をご参照ください。
※オプション内容により納期が変わります。
※上記にない内容につきましては別途お見積りさせていただきます。

● ブレイクポイント --------------------------------------------------

一箇所が料金内です。（PC・スマホの切り替え）

※特にご指示がなければ、768pxで切り替えます。
※タブレット用など、ブレイクポイントを追加される場合はオプション料金にて承ります。

● 動作確認ブラウザ --------------------------------------------------

・Windows
　Chrome、Microsoft Edge
・Mac
　Chrome、Safari
・iOS バージョン16
　Safari
・Android バージョン14
　Chrome

※いずれも最新版です。

● 納品形式 ---------------------------------------------------------

・ファイル送付、もしくはご指定のサーバーにアップロード

● 納期について -----------------------------------------------------

標準納期は、「デザインデータ受領から」5営業日となります。（ベーシックプランの場合）

※サービス購入からデータをお送りいただくまでの日数は納期に含みません。

以上となります。
ご不明な点がございましたら、お気軽にメッセージにてお問い合わせください。

本パッケージはWebサイトのコーディング代行サービスです。
ココナラプラチナランク・100件以上の販売実績有り！
この度ランサーズにも参入いたしました。
ぜひお気軽にご相談下さいませ！

■□――――こんな方におすすめ――――□■

「デザインデータはあるけどコーディングをする時間がない」

このようなお悩みをお持ちではありませんか？
・コーディング業務の外注先をお探しの方
・コーディングが苦手な個人Webデザイナー様
・継続的にお願いできるパートナーを探している制作会社様

ご満足頂けるように丁寧かつ柔軟な対応を心掛け、満足していただけるサービスを提供しています

■□―――― 料金 ――――□■

・トップページのコーディング：20,000円 〜
・下層ページのコーディング　：10,000円〜 / 1ページ
・LPのコーディング：30,000円〜
・アニメーション：要相談
・Wordpress構築：要相談

※ 上記は基本料金となります。ページの長さやデザインの内容によって価格変動ございます。
※ レスポンシブ対応込みの価格になります。
※ Wordpress対応ご希望の方はカスタマイズからご相談ください。

修正や部分コーディングも対応可能ですのでお気軽にご相談くださいませ。

■□―――― 対応可能データ ――――□■

・XD、Photoshop 、Illustrator、Figma等
※ 確認用に、一枚で書き出した画像データ（JPEGかPNG）を一緒に送付ください。
※ Illustratorの場合はリンク画像も添付（もしくは埋め込みで）お願いいたします。

■□―――― 納品までの流れ ――――□■

① ヒアリング・お見積もり
② ご契約・デザインデータお預かり
③ コーディング
④ テストアップ（ご確認・修正）
　→ テスト環境にアップしお客様にブラウザで確認いただきます
⑤ 最終確認・納品

■□―――― 納品形式 ――――□■

・zipファイルの送付
・ご指定のサーバーへのアップロード

■□―――― 注意事項 ――――□■

・必ずデザインデータをご用意下さい。
・WEBフォントを使用したデザインの場合、フォントの契約はお客様の方でご準備をお願い致します。
・コーディングのルールがございましたら事前にお知らせください。
・コーディング着手後に大幅なデザイン変更があった場合、追加料金が発生する場合がございます。
・サーバーのご準備はお客様の方でお願い致します。

※デザインデータがない状態でのご相談が増えております。参考サイトのみのご提示やデザイン作成込みの対応は行なっておりませんのでご了承ください
※やりとりの間に1週間以上ご回答がない場合はキャンセルさせて頂く場合がございますのでご了承下さい（ご回答にお時間かかる場合はその旨をお伝え頂くようお願いいたします。）

ご満足頂けるように丁寧かつ柔軟に対応致しますので、疑問に思った点などがあれば、お気軽にご相談下さい。

Web制作会社で働く現役Webエンジニアの私が、コーディング代行を致します。
既存サイトの不具合などの小さなご依頼から、対応可能です！

「サービス詳細」
いただいたデザインカンプ(Figma/XD/Photoshop/イラレ)から、Webサイトコーディングをします。
SEO対策に有利な、コーディングを致します。
・HTML/CSSコーディング
・Wordpressサイト開発
・JavaScript,JQueryを使ったアニメーション実装
・Vue.jsを使ったモダンフロントエンド開発
・レスポンシブ対応
・お問い合わせフォーム実装(追加料金)
・既存サイトの不具合対応

「ちゃんと進捗管理ができて、連絡ができるエンジニアです。」
私は、「進捗管理」ができるエンジニアです。
ですので、エンジニアによくある、「進捗状況が把握しづらい。」と言ったことは、私の場合ございません。
進捗管理シートを使用し、コーディングを進めます。ですので、進捗状況がわからないと言ったことは起こらないと思います。
また、内部SEO対策を考え、コーディングを致します。

「私の強み」
・内部SEOを意識しコーディング
・進捗確認 / 修正指示がしやすい。
・Wordpressサイトを作成する際は、セキュリティ対策を致します。
・サイト表示速度改善のため、画像圧縮を行います。
・常時SSL化とアクセスデータ見ることができるGoogleアナリティクスの設置を行います。

「私の実績」
実績
・ホームページの制作(住宅業・ホテル宿泊業・美容クリニック・介護/デイサービス・福祉・保育園・歯医者・鍼灸院等)
・LP(大手企業のサービスLP・オンラインスクール・美容クリニック等)
・採用サイト(年間数本制作しております)
・Wordpress
・長野県の企業のサイト制作をすることが多いです
などなど

「アフターフォロー」
・追加修正が3回目まで無料

「大まかな流れ」
①内容のヒアリング、お見積もり
ヒアリングにて、画像やデザインデータを確認させていただきます。
②ご契約
③コーディング
④ご納品
レンタルサーバーにアップロード or ファイル納品を想定しております。

[ 毎月1名様限定 ]

この度は当サービスをご覧いただき、ありがとうございます。
フリーランスWeb制作者の tamashita と申します。

本サービスは、WordPressまたはHTMLによるサイト制作（コーディング）のご紹介です。
ただ作るだけでなく、公開後の更新のしやすさ・表示速度・運用のしやすさまで意識して構築するのが特徴です。

コード制作か、ノーコードか？

近年は安価なテンプレート制作やノーコード制作も増えていますが、
実際には以下のお悩みを聞くことがあります。

• 更新しづらい
• 不要な機能が多い
• 表示が重くなる
• 後から修正しにくい
• 将来的に作り直しが必要になる
• 利用後に継続費用が負担になった

など。

もちろん、ノーコード自体を否定するわけではありません。
ただ、事業用サイトや長く運用するサイトでは、見た目だけでなく、更新性・拡張性・保守性まで考えて制作することが大切だと考えています。

こんな方におすすめ

• 長く運用しやすいサイトを作りたい
• 公開後は自分でも更新したい
• 既製テンプレ感の強いサイトは避けたい
• 表示速度や内部構造も意識したい
• 制作後の軽微な改修も相談しやすい相手を探している
• 既存サイトをリニューアルしたい

サービスの特徴

• デザインデータをもとに丁寧にコーディング（デザイン制作は対象外）
• WordPressは更新しやすい構成を意識
• PHPによる実装理解も深めながら、より保守しやすい構成を意識
• HTMLサイトの制作にも対応
• スマホ表示対応
• 基本的な内部SEOを考慮（個人でブログ運営を運用中）
• お問い合わせフォームやFAQ等にも対応可能

価格目安

・HTMLサイト（5P程度）　160,000円〜
・WordPressサイト（5P程度）　230,000円〜
・ページ追加や機能追加は別途お見積り
※基本的な機能実装については、お問い合わせ後にお伝えします

納期目安

1.5か月～（その他受注状況による）

その他

• 受注状況により着手時期が変動するため、まずはご相談ください
• 価格はすべて税込みです
• インボイスは免税事業者となります

まずはサイトの目的やご希望を伺ったうえで、適した形をご提案します。
「とにかく安く作る」より、後から困りにくいサイト制作をお求めの方は、ぜひお気軽にご相談ください。

デザインカンプ（FigmaやXD、画像ファイルなど）をもとに、HTML/CSS/JavaScriptでコーディングを行います。

【こんな方におすすめです】
・デザインは自分で用意しているので、コーディングだけ依頼したい
・レスポンシブ対応（スマホ・タブレット・PC）のサイトを作りたい
・納品後に自分で修正できるよう、読みやすいコードで書いてほしい

【対応内容】
・HTML/CSS（SCSS）によるコーディング
・JavaScript（アニメーション・スクロール演出・フォームバリデーションなど）
・レスポンシブデザイン対応（モバイルファースト）
・Figma・Adobe XD・画像ファイルからの再現
・コメント付きの読みやすいコードで納品

【納品物】
・HTML/CSS/JSファイル一式
・画像・フォントなどの素材ファイル
・簡単な修正方法のメモ（希望者のみ）

【制作の流れ】

1. ご依頼・ヒアリング（使用するデザインデータや要件を確認）
2. お見積もり・納期の確認
3. コーディング着手
4. 途中経過の共有（スタンダード・プレミアムプラン）
5. 修正対応（2回まで無料）
6. 最終納品

【修正について】
納品後2回までの修正は無料で対応します。大幅な仕様変更・デザイン変更は別途お見積もりとなります。

まずはお気軽にメッセージでご相談ください。要件が固まっていない段階でも、一緒に整理するところからお手伝いします。

Figmaでご支給いただいたデザインをもとに、LP（ランディングページ）のHTML/CSSコーディングを行います。
PC・スマートフォンのデザインに対応し、レスポンシブを意識した見やすいレイアウトで丁寧に実装いたします。

「デザインはあるので、コーディングだけ依頼したい」
「シンプルなLPを早めに形にしたい」
といったご相談におすすめのサービスです。

【対応内容】
・FigmaデザインをもとにしたLP1ページのコーディング
・HTML / CSSによる実装
・PC / SP（スマホ）デザインに対応
・レスポンシブ対応
・見出し、ボタン、画像、セクションなどの基本的な実装
・シンプルで読みやすい構成のLP制作

【このサービスでできること】
・デザイン支給済みのLPをWebページとして実装
・シンプルな1ページ構成のLP制作
・長さや構成に応じた柔軟なお見積り対応

【プランの目安】
・ベーシック：シンプルなLP（FV＋数セクション程度）
・スタンダード：一般的な長さのLP（標準的な情報量）
・プレミアム：長めのLP、または調整量が多いLP

※LPの長さやセクション数、実装内容によっては別途お見積りとなる場合があります。
※複雑なアニメーションや大幅なレイアウト調整は、内容に応じてご相談となります。

【ご依頼時にご用意いただきたいもの】
・Figmaデザイン（PC / SP）
・使用する画像素材、テキスト
・必要に応じて参考サイトや補足指示

【ご注意】
・本サービスは「コーディング」を対象としております（デザイン制作は含みません）
・WordPress化、フォーム実装、EC機能実装、複雑なJavaScript実装は対象外、または別途ご相談となります
・内容によっては納期・金額をご相談させていただく場合がございます

丁寧なコミュニケーションを心がけ、安心してご依頼いただけるよう対応いたします。
まずはお気軽にご相談ください。

あなたには、WordPressで困っている事、実現したい事はございますか？

まずはご要望の内容が技術的に可能かどうか素早くお答えしますので、「とりあえず話してみる」つもりで気軽にご相談ください。

「丸投げ・ふんわり相談」大歓迎です。
「こんなことで困っている」「ここがどうしても設定できない」というリアルなお悩みをお聞かせください。

ヒアリングを通じて要件を整理・言語化いたします。
「作って終わり」ではなく、ご自身で運用しやすいシンプルな設計にし、無駄な機能は作らず、現場の方が本当に使いやすい形を心がけています。

【対応可能な業務内容：構築・改修】
・WordPressサイトの新規構築、リニューアル
・WordPressの修正、復旧
・「こんな機能を追加できないかな？」といった機能拡張（使いやすいお問い合わせフォームの作成など）
・「作ってみたけどうまく機能していない」自作サイトの改善アドバイスと改修代行

【対応可能な業務内容：画面共有サポート・相談】
ビデオ通話と画面共有機能を使って、実際の画面を見ながら解決へと導きます。

▶WordPressの立ち上げ作業 （ドメイン取得、サーバー設定、常時SSL化などの一連の流れをサポート）

▶テーマやプラグインの設定サポート （有料テーマを買ったけど使いこなせない、プラグインの設定にてこずっている等のお悩みに対応）

▶WordPressの外観カスタマイズ（CSS調整） （テーマの設定機能だけでは届かない、細かい部分の形や色の変更をお手伝いします。

必要に応じて、私の画面を共有し、ブラウザ上でリアルタイムにカスタマイズをお見せしながらご要望を伺います。

後ほど「追加CSS」にコピペするだけのコードをお渡ししますので、お客様の方で追加していただければOKです）

【これまでの作成実績・解決事例】
これまで、デザインの細かなカスタマイズから複雑なシステム構築まで、幅広い課題を解決してきました。

◆テーマ開発・カスタマイズ実績
・大人気無料テーマ「Cocoon」公式スキンの作成・採用
（立体的なデザイン手法を取り入れた「Neumorphism」スキンを開発し、Cocoonテーマ本体に標準同梱していただいております）

・テーマ標準の機能では届かない、CSSを用いた高度な外観カスタマイズ
※「Cocoon」をお使いで、デザインのカスタマイズをご希望の際などは特にお気軽にご相談ください！

◆機能追加・システム構築
・マッチングサイト機能の追加構築
・掲示板（BBS）機能を備えたコミュニティサイトの構築

◆サーバー・環境設定
・サーバーパネルからの確実な常時SSL化設定の代行
・「プラグインを入れたら画面が真っ白になった」等のエラートラブル解決

【ご依頼から納品までの流れ】
1.ご要望をヒアリングいたします。（ビデオ通話・画面共有も歓迎）
2.何回かやりとりさせていただき、解決策の大枠と概算見積もりをご提示します。
3.ご納得いただけましたら、詳細要件とともに本見積をご提案します。
4.ご購入、作業（構築・改修）着手、または画面共有サポート実施。
5.納品（構築・改修完了または修正コードのお渡し、または画面共有サポート終了）。
6.構築・改修の場合、フィードバックをいただき、必要に応じて調整作業。（修正回数：2〜3回を目安）
7.6を何回か繰り返し、最終納品とさせていただきます。

ユーザー目線を意識したコーディングで、既存Webサイトを整えます

既存のWebサイトやLPについて、
「スマホで見づらい」「ちょっとした修正をしたい」「実装を手伝ってほしい」
といったお悩みに対応いたします。

HTML / CSS を中心に、
見た目だけでなく ユーザーが迷わず内容を理解できる構造 を意識し、
丁寧にコーディング・調整を行います。

このようなご相談に対応しています

・スマートフォンで表示が崩れている
・テキストや画像を差し替えたい
・レイアウトや余白を整えたい
・デザインはあるが、実装を任せたい
・LPの一部セクションを追加したい

小さな修正からでもお気軽にご相談ください。

発注の流れ

1.ご相談・ヒアリング
　メッセージにて、修正内容やご要望をお伺いします。

2.作業内容・お見積りのご提案
　対応範囲・作業内容・金額をご提示します。

3.仮払い後、作業開始
　内容確定後、作業を開始します。

4.確認・納品
　ご確認いただき、問題なければ納品となります。

対応範囲・価格目安

・既存ページの修正・更新：10,000円〜
　テキスト修正、画像差し替え、CSSの微調整など

・既存ページのレスポンシブ対応：20,000円〜
　スマートフォン表示を意識した調整

・LP・Webサイトの一部コーディング：40,000円〜
　デザインデータをもとにHTML / CSSで実装

※内容・ボリュームによりお見積りいたします。

納期目安

内容確定後、3日〜2週間程度
（作業量によりご相談）

対応可能な環境・スキル

・HTML / CSS
・JavaScript（軽微な表示切替など）
・PHP（基礎理解）
・Visual Studio Code
・Google Chrome（デベロッパーツール）

対象外作業

以下の内容は、基本対応範囲外となります。
※内容により別途ご相談可能です。

・デザイン制作・デザイン修正
・ロゴ・バナーなどのグラフィック制作
・WordPress等CMSの構築・テーマ開発
・複雑なJavaScript処理・高度なアニメーション実装
・SEO施策の効果保証・順位保証
・サーバー移行・ドメイン設定などのインフラ作業
・仕様が確定していない状態での作業開始

サービス内容・姿勢

デザインデータがあるWebサイトの
HTML / CSSコーディング、既存ページの修正・改善、レスポンシブ対応を行っています。

単にデザインを再現するだけでなく、
「初めて訪れたユーザーが迷わず行動できるか」
という視点を大切に、構造や導線を意識した実装を心がけています。

実績はまだ多くありませんが、
その分、丁寧な確認・コミュニケーションを重視し、
安心して進めていただける対応を行います。

「少し直したい」「まずは試しに頼みたい」
そんなご相談も歓迎です。
どうぞお気軽にご連絡ください。

初めまして。イマムラデザインの今村と申します。
広告運用まで見据えた包括的な視点で、集客につながるLP制作サービスを提供いたします。

✅️ こんな方におすすめです

• 商品・サービスの「集客・マーケティング強化」をご検討中の方
• 広告や集客の専門知識やノウハウがなく、LP導入にハードルを感じている方
• 原稿準備やWeb設定にご不安がある方

✅️ 実績

BtoB／サロン／暮らしのサービス／EC商品／求人
教育・オンライン講座／スポーツジム／セミナーetc...

✅️ サービスの特徴

POINT01★脳内に残る！商材「らしさ」を引き出すデザイン
お客様の商材に込められたこだわりやコンセプトを丁寧に調査し、トンマナやUI／UXへ反映。
どんな商材か一目で伝わるデザインで、信頼感や親しみにつなげます。

POINT02★徹底したユーザー視点。反応が取れる構成
ユーザーがどのタイミングでLPに接触し、どんな心理状況で読み進めるのか、
マーケティングに基づいた徹底したユーザー視点で情報を最適化します。

POINT03★信頼を積み重ねるライティング
認知心理学を売るためのテクニックとして使わず、
ユーザーが共感のうえで自然に態度変容できる形でライティングに活用します。

POINT04★お客様の負担を最小限に抑えたサービステンプレート
初めてのお客様にも安心してサービスをご利用いただけるよう、
ヒアリングシートやライティングシートなど各種テンプレートをご用意しております。

✅️ 使用ツール

• デザイン：Photoshop
• 実装：コーディング（HTML,CSS, JavaScript）

✅️ サービス内容

以下サービスをすべて追加料金なしで対応いたします。
(※ベーシックプランは対象外)

• デザイン
• コーディング（PC／スマホ対応）
• 原稿作成サポート
• 有償画像・フォント使用
• LPの長さ無制限♾️
• 納品まで修正回数無制限♾️
• プライバシーポリシー・特商法ページ作成
• 計測タグ設置
• サーバーアップロードまたはWordPress変換
• バナー2枚までプレゼント
• デザインデータ（Photoshop）プレゼント

===さらに！納品後30日間アフターサポート付き===
軽微なテキスト修正など無償で対応いたします。

✅️ サービスの流れ

1. お問い合わせ
「まずは相談する」ボタンよりご依頼ください。
↓
2. 当方よりご提案
いただいたご相談内容を確認して、1営業日以内に当方よりご提案内容と
ヒアリングシートや原稿テンプレートなど必要書類一式をお送りします。
↓
3. ご注文・仮払い
ご提案内容にご納得いただけましたら、「注文・仮払いに進む」よりご購入ください。
↓
4. 準備物のご送付
後述【お客様にご準備いただくもの】をご準備いただき、ご送付ください。
↓
5. 制作スタート
ご注文と【お客様にご準備いただくもの】を確認次第、制作をスタートいたします。
合わせて、正式なスケジュールをご案内いたします。
【仮完成の目安：7〜10営業日】
↓
6. 仮完成LPのご確認＆修正対応
仮完成LPと修正依頼書をお送りします。
仮完成LPをご確認いただき、修正依頼書に修正点をご記入いただきます。
【修正対応目安：3〜5営業日/回】
↓
7. オプション対応 & 納品
デザインが確定後、オプション対応（サーバーアップロードなど）を行います。
納品物一式をご確認いただき、取引完了となります。
↓
8. 納品後30日間アフターサポート
取引完了した日から30日間、軽微なテキスト修正など無償で対応いたします。

✅️ お客様にご準備いただくもの

• ヒアリングシート
  サービス提供にあたり必要な情報（計測タグなど）をメインにお伺いしております。
• 原稿もしくはワイヤーフレーム
  コピー＆ペーストできる形式であればどの形式でも構いません。
  原稿作成にご不安のあるお客様向けに、ライティングシートもご用意しております。
• 素材
  LPで使用したい写真・ロゴ・動画等をご準備ください。
  なお、制作に必要と判断した場合は当方にて有償素材を準備いたします。
• サーバー・ドメイン
  サーバーアップロード代行をご希望の場合はご準備ください。

その他ご不安な点などございましたら、丁寧にサポートいたします。
「まずは相談する」ボタンよりお気軽にご相談ください。

HTML/CSSの修正・カスタマイズを丁寧に対応いたします。
既存サイトの「少し直したい」「ここを変更したい」といったご相談も歓迎です。

見た目の崩れやレイアウト調整など、
HTML/CSSで対応可能な修正を承ります。

一つひとつ慎重に確認しながら作業を進めているため、
内容によっては少しお時間をいただく場合がありますが、
その分、丁寧な作業と細かな確認を大切にしています。

小さな修正でも問題ありませんので、
お気軽にご相談ください。

対応可能な内容
・HTML/CSS修正
・レイアウト調整
・表示崩れの修正
・レスポンシブ対応
・デザイン微調整
・テキスト変更
・画像変更

対応の流れ
① ご相談・内容確認
② お見積り
③ 作業開始
④ ご確認・修正対応
⑤ 納品

ご相談時に教えていただきたいこと
・サイトURL
・修正箇所
・修正内容
・デザイン、修正後イメージ（あれば）

相談だけでも大歓迎です。
「ここを少し直したい」などの小さなご依頼もお気軽にご相談ください。

丁寧に対応させていただきます。どうぞよろしくお願いいたします。

「デザインはあるんだけど、コーディングに不安が残る…」
「コーディングをする時間がない」
「WordPressコーディングの知識がなくて、人に頼みたい」
というような方に向けて、WordPressを用いたデザイン再現重視のサイト制作を行います。

ご提供内容

• デザインに沿ったWordPressサイト作成
• レスポンシブ対応コーディング（標準対応）
• SEO対策処理
• JavaScript(jQuery)を用いたハンバーガーメニュー・スムーススクロール・スライダーなどの快適なサイト構築
• JavaScript(jQuery/GSAP)を用いたWebアニメーション
• など

そのほか、「これできますか？」などのご希望はお気軽にお申し付けください。

料金

料金はプラン料金欄やオプション欄をご覧ください。
デザインやご要望によって費用が前後する可能性がございます。まずはお気軽にお問い合わせください。
お見積書を作成いたします。

修正回数

無制限です。ただし、内容によっては納期をご相談させていただく場合があるかもしれません。
ご満足いただけるWebサイトを作れるよう、尽力いたします。

制作の流れ

1. まずはお問い合わせください。
2. デザインデータをご提供いただき、簡単なヒアリングをさせていただきます。
3. デザインとヒアリング内容に基づき、お見積書をご提出いたします。
4. お見積内容にご了承いただけましたら、ご契約となります。
5. コーディング
6. テスト環境へアップロード
7. ご確認・修正対応
8. 最終確認
9. 正式環境にアップロード
10. 納品

納品方法

• zipファイル送付
• サーバーへのアップロード

静的コーディングのみの場合はzipファイル送付も可能です。
基本的にはサーバーへのアップロード対応とさせていただきます。

電子ファイルをPDF化するには、いろいろな手段がありますが、逆はちょっと手間ですね。
Pythonという言語のライブラリを使用すると、デジタルPDFはすぐに読み出してデータ化できます。
スキャンされたPDFや、紙からのPDFも、PythonのOCRライブラリを使用すると、読み取ることができます。
データ化してしまえば、あとは自由に思い通りに使えます。アプリケーションで使ったり、データベースに登録したり、HTMLにしてwebページにしたり。

それに限らず、あなたの「ちょっとしたこと」を１万円で支援します。ぜひご相談ください。

Webサイトの下層ページのコーディングを承ります。

※TOPページやLP（ランディングページ）は、各専用メニューからご依頼ください↓

【LPコーディング】
https://www.lancers.jp/profile/life-life/plan/118439

【TOPページコーディング】
https://www.lancers.jp/profile/life-life/plan/166397

このようなお悩みはありませんか？
「コーディングを外注したけど、なんかちょっとデザインと違う」
「デザインを忠実に再現してほしい」
「スマホ用デザインを作る時間がない…。でもレスポンシブに対応してほしい」

当方では、これらすべてをクリアしてコーディングいたします。

一番に心掛けているのは、
【デザインを忠実に再現すること】です。
デザインカンプの再現性は、リピートのお客様に高評価をいただいております。

その他にも、以下のような作業を心掛けています。

・メンテナンスしやすいソースコード
・内部SEOを意識したマークアップ
・CSS設計法に基づいたコーディング（BEM、FLOCSS）

デザイナーとしての実務経験もございますので、
PC用デザインのみ（スマホ用デザインがない場合）でも、
見た目の整ったコーディングが可能です。

● 作業者について ----------------------------------------------------

制作会社に6年間勤務し、現在フリーランス活動4年目となります。
デザイン、コーディング両方に対応できるのが強みです。
品質を第一に考え、丁寧な制作を心がけております。

● 対応可能データ ----------------------------------------------------

・PSD、AI、XD、Figmaのいずれか
　確認のため、デザインを書き出したJPEGもしくはPNGデータを送付ください。
　AI形式の場合はリンク画像も添付（もしくは埋め込みで）お願いいたします。

● 動きのある要素について ---------------------------------------------

【料金内で対応可能】
・スライダー、カルーセル
・アコーディオン
・タブメニュー
・ハンバーガーメニュー

【オプション料金にて対応可能】
・JavaScriptを使用したアニメーション（簡易な動き）
・PHPメールフォームの実装
・その他、動きのある要素

※オプション内容により納期が変わります。
※上記にない内容につきましては別途お見積りさせていただきます。

● ブレイクポイント --------------------------------------------------

一箇所が料金内です。（PC・スマホの切り替え）

※特にご指示がなければ、768pxで切り替えます。
※タブレット用など、ブレイクポイントを追加される場合はオプション料金にて承ります。

● 動作確認ブラウザ --------------------------------------------------

・Windows
　Chrome、Microsoft Edge
・Mac
　Chrome、Safari
・iOS バージョン16
　Safari
・Android バージョン14
　Chrome

※いずれも最新版です。

● 納品形式 ---------------------------------------------------------

・ファイル送付、もしくはご指定のサーバーにアップロード

※特にご指示がなければファイル送付での納品となります。

● 納期について -----------------------------------------------------

標準納期は、「デザインデータ受領から」3営業日となります。（ベーシックプランの場合）

※サービス購入からデータをお送りいただくまでの日数は納期に含みません。
※複数ページをご依頼の際は、別途納期をお見積りさせていただきます。

以上となります。
ご不明な点がございましたら、お気軽にメッセージにてお問い合わせください。

「安心感」と「高品質」を両立！丁寧なコーディングであなたのWebサイトを成功に導きます。

このようなお悩みはありませんか？

・コーダーとのやりとりが多く、手間がかかってしまう制作会社様
・コーディング後の修正指示が多く、対応に疲れてしまうディレクター様

→丁寧で伝わりやすいやりとりを大切にし、
修正の少ないWebサイトをご提供いたします。

発注の流れ

1. お問い合わせ・ご相談
   デザインデータやサイトの仕様、ご希望の納期などをお伺いします。ご不明点や実現したい動きなど、細かい内容も遠慮なくご相談ください。

2. 内容確認・お見積もり
   いただいたデザインや仕様をもとに、作業内容・納期・料金をご提案いたします。疑問点があればこの時点でしっかり擦り合わせいたします。

3. ご発注（ご契約）
   ご提案内容にご納得いただけましたら、正式にご発注ください。スケジュール確保のため、着手前にご発注をお願いしています。

4. コーディング開始
   ご発注後、デザインデータや必要素材をお預かりし、コーディングを進めます。進捗は適宜ご報告し、確認が必要な場合は随時ご相談いたします。

5. ご確認・修正対応
   一通りの実装が完了した段階でご確認いただき、修正やご要望に対応いたします。細かな調整もお気軽にお申し付けください。

6. 納品・アフターサポート
   最終確認後、データ納品またはサーバーアップいたします。納品後も不具合や軽微な修正など、ご相談いただければ対応可能です。

納期

各プランにより異なります。詳細はお問い合わせください。

コーディング〜納品の流れ

1. コーディング
   お送りいただいたデザインデータをもとに、HTML/CSS/JavaScriptでコーディングを行います。見た目や動きがデザイン通りに再現されるよう丁寧に仕上げます。

2. テスト・デバッグ
   さまざまなデバイスやブラウザで表示や動作の確認を行い、不具合や表示崩れがないかチェックします。どの環境でも快適に閲覧できるよう対応いたします。

3. 修正・調整
   ご確認いただいた後、修正やご要望に合わせた調整を行います。細かなご指摘もお気軽にご相談ください。

4. 納品・公開
   最終確認後、Webサイトのデータを納品いたします。サーバーへのアップロードや公開作業も、ご希望があればサポートいたします。

サービス内容

丁寧なコミュニケーションと高品質なコーディングで、お客様のWebサイト制作をサポートします。HTML/CSSコーディング、WordPressサイト制作、Webサイト修正など、幅広く対応いたします。

Webサイトのコーディングでお困りではありませんか？
「どこに頼めばいいかわからない…」「予算内で高品質なサイトを作りたい…」
そんなお悩みを、丁寧なコミュニケーションと確かな技術で解決します！
細部までこだわったコーディングで、デザイン通り・高品質なWebサイトを実現いたします。

今すぐお問い合わせいただければ、無料相談を承ります。お客様のWebサイトを成功に導くために、ぜひ私にお手伝いさせてください！

■このサービスは「文章を書く気がない」方のためのものです

逆に、「商品の魅力を長文で説明したい」「細かいレイアウトにこだわりたい」という一般的な企業サイトには向きません。

「読むLP」は、もう古いです。これからは「感じるLP」の時代です。

動画や画像を全画面の“動的背景”として使い、「3秒で世界観に没入させる」Webサイトを最短日程で納品します。

サンプル：https://0-second-portfolio.netlify.app/

■「Wix」や「STUDIO」との決定的な違い

誰でも作れるノーコードツールは便利ですが、実は「見えないコスト」がかかります。
当サービスは 【完全買い切り】 のため、納品後の維持費を極限までゼロにできます。

【一般的なノーコードツール（Wixなど）】

• × 広告を消すには月額プラン（年1〜3万円）が必要
• × 解約するとサイトが消える（一生払い続ける必要あり）

【当サービス（VIDEO LP）】

• ◎ 一度払えば終了。【維持費0円】で運用可能
• ◎ 余計な広告バナーは一切なし
• ◎ データそのものをお渡し（ZIP納品）

■「サーバーとか分からない」という方へ

納品物はHTMLデータ（ZIP）ですが、ご安心ください。
「どうやって公開すればいいの？」という不安を解消するため、無料サーバーへのアップロード手順を解説した簡易マニュアル（PDF）を無料で同梱します。

知識ゼロでも、マニュアル通りにやれば10分で公開までたどり着けます。

■想定用途

• アーティスト／Vtuberの宣伝用、プロフィールページ
• 来週のイベントや展示会までにQRコードの飛び先が欲しい
• 新プロジェクトの「予告（ティザー）サイト」として

■仕様・できることの限界（必ずお読みください）

トラブル防止のため、仕様を固定しています。

1. ページ構成：1ページのみ（スクロール最小限）
2. 背景素材：動画または画像 1点固定
3. 修正回数：各プラン規定回数まで（デザインの大幅変更は不可）
4. スマホ対応：レスポンシブ対応（スマホ全画面で見れるように調整）

■制作実績の公開について（重要）

本サービスは低価格で高品質なクリエイティブを提供するため、制作したサイトを出品者のポートフォリオやSNSで「制作実績」として公開させていただく場合がございます。

• 「公開されると困る」
• 「裏のアカウントなので紐付けたくない」
• 「企業案件なので秘密にしたい」

という場合は、オプションの【実績公開不可 (+5,000円)】を必ずご選択ください。
オプション選択がない場合は、実績公開に同意いただいたものとして進行させていただきます。

※ご注意
文章を読ませたい企業様はご遠慮ください。CVよりも「世界観」と「公開速度」を最優先したいアーティスト・VTuber・展示会向けに特化しています。

お客様からご用意いただいたデザインデータをもとに、HTML / CSS のコーディングを代行いたします。
デザインの意図を大切にし、見た目が崩れない・修正しやすいコードを心がけています。

【こんな方におすすめ】
・デザインはあるが、コーディングができない
・デザイン通りに再現してほしい
・外注でも丁寧に対応してほしい
・あとから修正しやすいHTMLが欲しい
※デザイナー様・個人事業主様・制作会社様からのご依頼も歓迎です。

【対応内容】

・HTML / CSS による静的コーディング
・スムーススクロール / ハンバーガーメニュー等の基本的なJS実装
・WordPressの導入・構築・改修
・レスポンシブ対応（PC / タブレット / スマートフォン）
・デザイン忠実な再現

【対応可能デザイン形式】
・Figma
・Adobe XD
・Photoshop
・Illustrator

【お見積り／制作期間について】
記載されているものは目安のものとなります。
作成するページ数・要件によって変動いたしますので、お気軽にご相談ください。

【ご依頼の流れ】

1. ヒアリング／お見積り
2. デザインデータ・仕様の共有
3. コーディング作業
4. テスト環境でのご確認・修正対応
5. 納品

LPなどの簡単な静的なサイトを作りたい方におすすめです。

デザイン案を受け取ります。【必須】
→
コーディング作業
（作業時間の目安：10～20時間ほど）
→
問題ないかの確認・修正(２回ほど考えています)
→
納品

デザインが完成しているページの HTMLコーディング代行 を承っております。

HTML5 / CSS3 / jQuery にて対応可能です。

コーディングルールがある案件や、既存サイトへの追加実装にも対応いたします。

修正や微調整にも柔軟に対応し、最後まで責任を持って仕上げます。

年間およそ 200ページ規模 の新規・修正案件に携わっております。

丁寧で正確なコーディングを心がけておりますので、どうぞ安心してお任せください。

料金は適正価格でのご提供となります。
ご不明な点やご相談などございましたら、お気軽にご連絡ください。

ご覧いただきありがとうございます。

【サービス内容】
・HTML/CSSコーディング
・JavaScript（jQuery）を使ったアニメーション
・レスポンシブ対応

【オプション料金】
・追加1,000pxごと：+2,000円
・修正回数超過：1回 +2,000円
・PC/SPどちらかのみのデザイン支給：+5,000円〜
・JavaScript追加（内容により）：+2,000円〜（ホバー、フェードイン、ハンバーガーメニューは無料です。ご希望の場合はご依頼時にお申し付けください）

【納品方法】
・Zipファイルでの納品
・ご指定のサーバーへのアップロードも可能（FTP情報を共有ください）

丁寧なコミュニケーションと責任ある対応を心がけております。
まずはお気軽にご相談ください。

いただいたデザインを元に、HTML / CSS / Javascript・jQueryでコーディングいたします。
前職までのサイト運用やWebマーケティング、SEOの知見を活かしながら、
◎デザインに忠実
◎シンプルな記述
◎納期や修正など柔軟な対応
を心がけています。

【ベーシックプラン】
web制作のご相談や、既存サイトの一部修正など
まずはお問い合わせください

【スタンダードプラン】
・HTML/CSSコーディング1ページ
・レスポンシブ対応（PC／スマホ／タブレット）
・スムーススクロールなど簡易なアニメーション
・画像の圧縮、最適化（webp対応可）
・metaタグ設定（titleタグ、ファビコン、OGP画像など）

<内容に応じお見積もり>
・スライダーやハンバーガーメニューなどの設置、カスタマイズ（javascript）

<ご要望に応じ対応いたします>
・gitでのコード管理
・テスト環境のご用意

【プレミアムプラン】
特定のコーディングルールの対応など

【以下もご相談ください】
※2ページ以上の制作
※納期の短縮
※既存サイトの修正（Wordpressサイトも可能）
※PC版のデザインデータからスマホ版レイアウト作成
※フォーム設置・改修
※Googleフォームのカスタマイズ
※SEO内部対策の代行
※jQueryをjavascriptに書き換え
※表示速度の改善

【ご用意いただくもの】
・デザインデータ（psd、ai、XD、figmaなど）
・（あれば）指示書等
　

【ご予算について】
記載の金額は目安です。
ご用件に応じ変動いたします。まずはご相談ください。
　

【納品までの流れ】
ご依頼内容の詳細をお聞かせください
↓
お見積りを提示いたします
↓
ご納得いただけましたら、ご発注をお願いします
↓
素材等の共有をお願いします
↓
制作開始〜確認・修正
ビデオチャット／電話での打ち合わせ可能です
↓
納品

【自己紹介】
制作会社でのWebデザイナーのアルバイト後、企業のweb担当として5年超、コーディング、サイト設計、運用、SEO対策など経験（SEO検定1級所有）。
バナー作成や、POP・チラシ等の印刷物もデザイン・制作経験あり。
現在はHTMLコーディングを主にフリーランスとして活動中です。

こんな方におすすめ

・古いデザインのまま放置しているサイトを直したい
・スマホで見ると崩れるページを直したい
・文字が小さい／読みにくいサイトを改善したい
・業者に頼むほどではないが、自分では直せない

【 提供内容 】
※新規サイト制作・大規模リニューアルは対象外です。
・HTML/CSSの修正
・スマホ対応（レスポンシブ化）
・文字サイズ・余白・行間の調整
・レイアウト崩れの修正
・フォーム表示の調整
・軽いデザインの今風調整

【 納品物 】
・修正済みHTML/CSSファイル
・または修正箇所のコード一式
・事前／事後の比較画像（ご希望があれば）

【 ご購入後の流れ 】
サイトURL、またはHTML/CSSデータを送付
↓
修正したい内容をヒアリング
↓
作業開始
↓
仮納品 → 確認
↓
微調整後、正式納品

【 対応できるサイト例 】
・個人サイト
・小規模企業サイト
・ブログ
・LP
・ポートフォリオ
・古い静的HTMLサイト

【 料金・オプション 】
・基本プラン：指定ページの修正
・ページ追加、フォーム修正、特急対応などはオプション対応

【 納期目安 】
・基本：3〜5日
・特急対応：最短1〜2日（オプション）

このようなお悩みはありませんか？

✓ 商品・サービスのLPを作りたいが制作会社は高すぎる
✓ 既存のLPの修正・改修をお願いしたい
✓ WordPressやWixに対応したLPが欲しい
✓ コピーライティングも一緒にお願いしたい

ご提供内容

・HTML/CSSによるフルスクラッチLP制作
・WordPress組み込み対応
・既存LPの修正・改修
・コピーライティング（文章作成）込み対応可

制作の流れ

1. ヒアリング：ターゲット・目的・参考サイトをお聞きします
2. 構成案提出：ワイヤーフレームをご確認いただきます
3. デザイン・コーディング：制作を進めます
4. 修正・納品：確認後、納品いたします

納期

ベーシック：7日／スタンダード：14日／プレミアム：21日

サービス内容

集客・販促・サービス紹介に特化したLPをリーズナブルに制作します。
HTML/CSSのフルスクラッチからWordPress対応まで幅広く対応可能です。
まずはお気軽にご相談ください。

京都伏見出身の職人肌フロントエンドエンジニアが、あなたのWordPressをご希望通りに編集致します。

このようなお悩みはありませんか？

WordPressサイトのUI/UX改善、デザインの刷新、機能追加による集客力・顧客満足度向上

発注の流れ

事前相談
お客様のサイトの課題やご要望をヒアリングします。オンラインでの打ち合わせも可能です。

企画提案・お見積もり
ヒアリング内容をもとに、最適なプランと費用をご提案します。お見積もりは無料です。

ご契約
ご提案内容にご納得いただけましたら、問題なく実装できるかどうかなどを検証させて頂き、問題なさそうであれば正式にご契約となります。

制作開始
お客様のサイトに合わせて、WordPressの編集・カスタマイズ作業を行います。

納品・アフターフォロー
完成したサイトをご確認いただき、修正点があれば対応します。

対応範囲・価格

小規模な編集：10,000円〜

中規模な編集：25,000円〜

大規模な編集：50,000円〜

納期

プランによって異なりますが、最短1週間から対応可能です。

制作の流れ

要件定義
お客様のサイトの目的やターゲット層を明確にします。

設計・デザイン
サイト全体の構成やデザイン、必要な機能などを設計します。

構築・実装
設計に基づいて、WordPressのテーマやプラグインをカスタマイズします。

テスト
完成したサイトの動作確認や表示確認を行います。

納品・運用サポート
お客様にサイトを納品し、運用方法などをレクチャーします。

サービス内容

WordPressの編集、カスタマイズを通じて、お客様のWEBサイトの価値を最大化します。UI/UX改善、デザイン刷新、機能追加など、幅広く対応いたします。

WordPressの編集、カスタマイズでお困りではありませんか？

✓ デザインが古くて集客できない
✓ スマホ対応ができていない
✓ 必要な機能がなくて不便

そんなお悩みを、京都伏見出身のWEB職人が解決します！

私はこれまで、大手企業様のサイト制作にも携わってきました。その経験を活かし、お客様のWEBサイトを「記憶に残る」WEBサイトへと変身させます。

今すぐご相談いただければ、貴社のWEBサイトを成功に導くための最適なプランをご提案いたします。

Webサイトのコーディング承ります

ご閲覧いただきありがとうございます。
デザインカンプを元に、丁寧なコーディングでWebサイトの実装をいたします。

サービス内容

• 静的Webサイトのコーディング

実装の特長

• 検索エンジンや支援技術にも正しく伝わるように、仕様書に沿ったHTMLでコーディングします
• アクセシビリティを意識した実装を心がけています
• どの画面幅でもレイアウトが崩れないレスポンシブ対応
• JavaScriptを使った動作は、簡易的なものは通常料金内で対応させていただきます（メニュー開閉、モーダル表示、ボタンホバー時の動きなど）
• 画像の圧縮・リサイズ・フォーマット変換（webp / avif）

対応カンプ形式

• Figma
• Adobe XD
• Adobe Photoshop

対応ブラウザ

• Google Chrome
• Microsoft Edge
• Safari
• Firefox

納期のめやす

• トップページ：5〜7日
• 下層ページ / 1p：2〜3日

内容・稼働状況により前後します。
デザインカンプをいただいた翌日からの日数です。

LPのコーディング承ります

ご閲覧いただきありがとうございます。
デザインカンプを元に、丁寧なコーディングでLPの実装をいたします。

サービス内容

• LPのコーディング

実装の特長

• 検索エンジンや支援技術にも正しく伝わるように、仕様書に沿ったHTMLでコーディングします
• アクセシビリティを意識した実装を心がけています
• どの画面幅でもレイアウトが崩れないレスポンシブ対応
• JavaScriptを使った動作は、簡易的なものは通常料金内で対応させていただきます（メニュー開閉、モーダル表示、ボタンホバー時の動きなど）
• 画像の圧縮・リサイズ・フォーマット変換（webp / avif）

対応カンプ形式

• Figma
• Adobe XD
• Adobe Photoshop

対応ブラウザ

• Google Chrome
• Microsoft Edge
• Safari
• Firefox

納期のめやす

• 〜10000px：5〜7日
• 〜15000px：7〜8日
• 〜 20000px：8〜10日

内容・稼働状況により前後します。
デザインカンプをいただいた翌日からの日数です。

■ こんな方におすすめです

・LP制作を依頼したいが仕上がりが不安な方
・アニメーション演出で差をつけたい方
・スマホ・PCどちらでも崩れないLPが必要な方

━━━━━━━━━━━━━━━━━━━

■ 本サービスの強み

【購入前にデモサイトで品質確認できます】
実際に制作したサンプルLPをご確認いただけます。
「思っていたのと違った」というトラブルがありません。

▼ 制作サンプル（実際にご覧いただけます）
制作サンプル①【不動産系】
→ https://grand-maison.studio-web-design.workers.dev/

制作サンプル②【美容サロン系】
→ https://lumiere-beaute.studio-web-design.workers.dev/

制作サンプル③【パーソナルジム系】
→ https://apex-body-gym.studio-web-design.workers.dev/

【GSAPによる本格アニメーション】
スクロールに連動したなめらかな演出で、訪問者の印象を高めます。

【テンプレート不使用のオリジナル制作】
テンプレート不使用のため、表示速度が速く、自由度の高いLPを提供します。

━━━━━━━━━━━━━━━━━━━

■ 提供内容

・レスポンシブデザイン（PC・スマホ両対応）
・アニメーション実装（プランにより異なります）
・お問い合わせフォーム（簡易版）
・HTMLファイル納品
・主にLP（1ページ完結型）の制作が中心です
・複数ページが必要な場合は「追加ページ制作」オプションをご利用ください

━━━━━━━━━━━━━━━━━━━

■ 制作の流れ

1. ご購入・ヒアリングシートのご記入
2. 構成・デザイン方針のすり合わせ
3. 制作開始
4. 修正対応（3回まで）
5. 納品

━━━━━━━━━━━━━━━━━━━

■ ご注意

・テキスト・画像素材はご準備をお願いします（テキスト代行オプションあり）
・WordPressへの組み込みは対応外です
・納期はヒアリング・素材が揃った時点からカウントします

デザインカンプをもとにしたHTML/CSSコーディングや、WordPressオリジナルテーマの開発を承ります。
「目的や意図を正確にくみ取り、デザインに表れない細部まで配慮すること」を大切に、高品質なコーディングをご提供します。

対応可能な内容

• デザインカンプ（Figmaなど）からのコーディング
  　└ HTML／CSS／JavaScript／jQuery
• WordPressオリジナルテーマの作成
• レスポンシブ対応（PC・スマホ最適化）
• お問い合わせフォームの実装
• 既存サイトの修正・改修対応

ご依頼の流れ

1. ヒアリング（目的・ご要望を丁寧に確認）
2. デザイン確認／スケジュール提示
3. コーディング作業（進捗を随時ご報告）
4. 初稿提出 → 修正対応
5. 納品・公開サポート（ご希望により継続サポート可）

本業で20年間システムエンジニアとして培った報連相・進捗管理・品質管理を活かし、納期を守りながら安心してお任せいただける対応を心がけています。

ご不明点やご相談があれば、お気軽にお問い合わせください。

LP（ランディングページ・一枚ものページ）のコーディングを承ります。
外注先をお探しの制作会社さま、フリーランスのWebデザイナーさまにご利用いただいております。

※LPではないWebサイトのコーディングは、各専用メニューからご依頼ください↓

【TOPページコーディング】
https://www.lancers.jp/profile/life-life/plan/166397

【下層ページコーディング】
https://www.lancers.jp/profile/life-life/plan/167452

このようなお悩みはありませんか？
「コーディングを外注したけど、なんかちょっとデザインと違う」
「デザインを忠実に再現してほしい」
「スマホ用デザインを作る時間がない…。でもレスポンシブに対応してほしい」

当方では、これらすべてをクリアしてコーディングいたします。

一番に心掛けているのは、
【デザインを忠実に再現すること】です。
デザインカンプの再現性は、リピートのお客様に高評価をいただいております。

その他にも、以下のような作業を心掛けています。

・メンテナンスしやすいソースコード
・内部SEOを意識したマークアップ
・CSS設計法に基づいたコーディング（BEM、FLOCSS）

デザイナーとしての実務経験もございますので、
PC用デザインのみ（スマホ用デザインがない場合）でも、
見た目の整ったコーディングが可能です。

● 作業者について ----------------------------------------------------

制作会社に6年間勤務し、現在フリーランス活動4年目となります。
デザイン、コーディング両方に対応できるのが強みです。
品質を第一に考え、丁寧な制作を心がけております。

● 対応可能データ ----------------------------------------------------

・PSD、AI、XD、Figmaのいずれか
　確認のため、デザインを書き出したJPEGもしくはPNGデータを送付ください。
　AI形式の場合はリンク画像も添付（もしくは埋め込みで）お願いいたします。

● 動きのある要素について ---------------------------------------------

【料金内で対応可能】
・スライダー、カルーセル
・アコーディオン
・タブメニュー
・ハンバーガーメニュー

【オプション料金にて対応可能】
・アニメーション（簡易な動き）
・PHPメールフォームの実装
・その他、動きのある要素

※追加オプションの内容は、下記オプション欄をご参照ください。
※オプション内容により納期が変わります。
※上記にない内容につきましては別途お見積りさせていただきます。

● ブレイクポイント --------------------------------------------------

一箇所が料金内です。（PC・スマホの切り替え）

※特にご指示がなければ、768pxで切り替えます。
※タブレット用など、ブレイクポイントを追加される場合はオプション料金にて承ります。

● 動作確認ブラウザ --------------------------------------------------

・Windows
　Chrome、Microsoft Edge
・Mac
　Chrome、Safari
・iOS バージョン16
　Safari
・Android バージョン14
　Chrome

※いずれも最新版です。

● 納品形式 ---------------------------------------------------------

ファイル送付、もしくはご指定のサーバーにアップロード

● 納期について -----------------------------------------------------

標準納期は「デザインデータ受領から」5営業日となります。（ベーシックプランの場合）

※サービス購入からデータをお送りいただくまでの日数は納期に含みません。

以上となります。
ご不明な点がございましたら、お気軽にメッセージにてお問い合わせください。

WordPress（SWELLテーマ）を用いて、運営しやすく売上につながるサイトを制作します。
初心者の方から上級者の方まで、安心してご依頼いただけます◎

こんなお悩みをお持ちではありませんか？

・「ちゃんとした人に頼みたい」けど、コストはなるべく抑えたい
・今のホームページを、もっとわかりやすく・見やすく整えたい
・公開後も、自分で更新や運営をしていけるようにしたい
・原稿や写真がまだ揃っていないので、一緒に考えながら形にしたい
・せっかく作るなら、集客や売上アップにつなげたい

初めての方にもわかりやすく、ひとつひとつ進めていきます。
専門的な知識がなくても、安心してお任せください。

デモサイトもご用意しておりますので、まずはご覧ください。
https://keiloom.com/

■基本サービス内容
・トップページ＋3-5ページ（下層ページ） ※追加＋5,000円/1ページ
・オリジナルデザイン
・スマホ対応
・セキュリティ対策
・SEO対策（簡易的な）
・納品後1ヶ月のサポート
※LP制作も可能です。

■納品までの流れ
①まずはご購入前に「見積り・カスタマイズの相談」よりお問い合わせ下さい。
↓
②ご希望をヒアリングした上でお見積りさせていただきます。
↓
③ご購入
↓
④掲載する画像や文章、ロゴ、SNS情報などをご提供いただきます。
↓
⑤制作開始
↓
⑥確認 / 修正（2回まで）
↓
⑦納品（クローズ）

■注意事項
・サービス購入後のキャンセルは受け付けておりません。
・SWELLテーマ設定機能の範囲内での制作とさせていただきます。
そのため、ご希望のレイアウトに添えない場合がございますので予めご了承ください。
・お客様からの連絡が7日以上途絶えた場合には終了し、正式な納品とさせていただきます。 その場合の返金はいたしかねますので予めご了承ください。
・実績として掲載させていただく場合がございます。ご協力お願いいたします。 実績掲載不可の場合はお申し出ください。
購入にあたってのお願い
■お客様でご準備していただくもの
①レンタルサーバー ②ドメイン ③掲載する文章、画像 ⑤参考イメージサイト
※保守管理を弊社へご依頼いただく場合は、①②はこちらでご用意します。
※画像を用意できない場合でも、フリー素材での提案が可能ですのでご安心ください。

WordPressを使用しますので、ホームページ運営初心者の方でも操作しやすく、納品後もご自身でカスタマイズ、更新が可能です。
ご不明な点がある場合はお気軽にご相談ください。 どうぞよろしくお願いいたします。

※制作実績は、当方のポートフォリオとして活用させていただきます。非公開をご希望でしたらお声がけください。

時代を彩るレトロデザインで、あなたのホームページを個性的に！

このようなお悩みはありませんか？

集客力アップ、ブランドイメージの差別化、ターゲット層への訴求

発注の流れ

お問い合わせ
メッセージにてご要望やイメージをお聞かせください。参考になるサイトなどがあれば教えてください。

ヒアリング
具体的なページ構成やデザイン、納期について打ち合わせします。ビデオ通話も可能です。

お見積もり・ご契約
お見積もりと制作スケジュールをご提示します。ご納得いただければ契約となります。

デザイン確認・修正
デザイン案をご確認いただき、修正点があればお申し付けください。必要に応じて何度でも修正します。

コーディング
HTML/CSSコーディングを行い、動作確認を行います。スマホでの表示も確認します。

納品・公開
完成したホームページをサーバーにアップロードします。公開後のサポートも行います。

対応範囲・価格

基本のレトロホームページ制作：5万円〜
基本HTML/CSSコーディング、スマホ対応、トップページデザイン

ちょっと豪華なレトロホームページ制作：8万円〜
ロゴデザイン、ページ追加、簡単なJavaScriptアニメーション

全部おまかせ！プレミアムレトロホームページ制作：15万円〜
デザインフルオーダー、動画編集、サーバー設定、SEO対策

納期

契約から1〜3週間

制作の流れ

コンセプト設計
お客様の要望を丁寧にヒアリングし、レトロなデザインコンセプトを決定します。

デザイン
全体のレイアウトや配色、フォントなどを決定し、デザイン案を作成します。

コーディング・実装
HTML/CSSでコーディングし、JavaScriptで動きをつけます。

動作確認・修正
スマホでの表示や動作確認を行い、修正します。

納品
お客様に最終確認をしていただき、納品となります。

サービス内容

HTML/CSSと少しのJavaScriptで、どこか懐かしいレトロなホームページを制作します。スマホ対応はもちろん、ロゴデザインや動画編集も承ります。あなたの個性を光らせる、世界に一つだけのホームページを作りませんか？

「なんか懐かしい…」レトロなホームページで、他とは違う個性を演出してみませんか？

今のホームページ、なんだか没個性でつまらない…
もっと自分らしさを出したいけど、どうすればいいかわからない…
そんなお悩み、山田屋が解決します！

レトロデザインは、古き良き時代の温かみと、現代的なスタイリッシュさを兼ね備えています。
どこか懐かしい雰囲気で、訪れる人の心をつかみ、記憶に残るホームページを作りませんか？

・他とは違う、個性的なホームページが欲しい
・レトロな雰囲気が好き
・スマホでも見やすいホームページが欲しい

そんなあなたに、山田屋がレトロホームページ制作をお届けします！

ご興味のある方は、ぜひお気軽にご相談ください。

丁寧なリサーチに基づき、プログラミングの知識を分かりやすく伝えます

本パッケージをご覧いただき、ありがとうございます。

このようなお悩みはありませんか？

技術的な記事作成、コンテンツ不足、専門知識の不足、読者の理解度向上

発注の流れ

1.お問い合わせ
メッセージにて、記事のテーマ、ターゲット読者、希望する内容やキーワード、納期などをお知らせください。参考資料があれば共有をお願いいたします。

2.企画提案・お見積り
いただいた情報をもとに、記事の構成案や執筆プラン、お見積もりをご提案いたします。

3.ご契約・制作開始
内容にご納得いただけましたら、正式にご契約となります。

4.執筆
構成案に基づいて記事を執筆します。適宜、進捗状況をご報告し、フィードバックをいただきます。

5.納品・検収
完成した記事をご確認いただき、修正点があれば対応いたします。

6.完了
記事内容にご満足いただけましたら、納品完了となります。WordPressへの入稿も承ります。

対応範囲

●HTML/CSS入門記事作成
基本的なHTML/CSS記事の作成。簡単なコード解説や導入部分に最適です。

●JavaScript/jQuery記事作成
JavaScript/jQueryを使用した動的なWebページに関する記事作成。アニメーションやインタラクティブなコンテンツに。

●HTML/CSS/JavaScript/jQueryおまとめプラン
HTML/CSS/JavaScript/jQueryの記事作成をまとめて承ります。

納期・価格

記事の規模や内容により異なります。まずはご相談ください。

制作の流れ

1.企画立案
記事のテーマやキーワード、ターゲット読者、目的などをヒアリングし、記事の方向性を決定します。

2.リサーチ
SEO対策キーワードの選定、参考資料の収集など、記事の信頼性を高めるためのリサーチを行います。

3.構成作成
読者の興味を引きつけ、理解を深めるための構成を考えます。見出し、小見出し、導入文、本文、まとめなど、記事全体の流れを設計します。

4.執筆
構成案に基づいて、記事を執筆します。専門用語はわかりやすく解説し、読者が飽きないように事例や具体例を交えます。

5.校正・編集
誤字脱字、文法、表現のチェックを行い、記事の品質を高めます。必要に応じて、SEO対策キーワードの調整や修正を行います。

6.納品・入稿
WordPressへの入稿、画像の選定・挿入など、Webサイトへの掲載準備を行います。

サービス内容

HTML、CSS、JavaScriptなどのプログラミング言語に関する記事を作成し、あなたのWebサイトのコンテンツを充実させます。初心者にも分かりやすい丁寧な解説を心がけ、読者の理解度向上に貢献します。

プログラミングに関する記事作成でお困りではありませんか？

「Webサイトで技術情報を発信したいけど、専門知識がなくて書けない…」「記事を書いても読者にうまく伝わらない…」そんなお悩みを抱えていませんか？

私にお任せいただければ、丁寧なリサーチに基づいた、分かりやすいプログラミング記事を制作いたします。

あなたのWebサイトのコンテンツを充実させ、読者の理解度を深めるお手伝いをいたします。まずはお気軽にご相談ください。

◆はじめに

Webデザインデータを元に、HTML/CSS/JavaScriptによるコーディングを行います。
再現性と保守性を重視し、実運用を想定した実装を心掛けています。

◆予算について

複数ページ制作時の記載金額はあくまで目安です。
制作するページ数やご要件に応じて金額は変動いたします。
また、ご予算に応じた調整も可能ですので、「この予算内でどこまでできるか」など、お気軽にご相談ください。

◆納期について

記載の納期はあくまで目安です。
できる限り短納期での対応を心掛けておりますが、チェックバックの状況により前後する可能性がございます。
あらかじめご了承ください。

◆納品までの流れ

① ヒアリング

• カンプデザインの有無
• 動的制御（アニメーション・スライドなど）の有無
• ご要望・注意点の確認

　↓

②ご契約

• お見積り・納期をご提示いたします
  内容にご納得いただけましたら、ご購入をお願いいたします

　↓

③デザインデータ・必要情報のご共有
ご購入後、以下のデータ・情報をご共有ください。

• デザインデータ（Figma / XD など）
• metaタグ、OGPなどの各種情報
  ※ Adobe Fonts / Google Fonts などの Webフォント使用デザインは問題ありません
  ※ 特殊フォントを使用されている場合は、アウトライン化したデータも併せてご用意ください

　↓

④制作・確認・修正

• 制作後、ご確認いただきます
• 気になる点があれば、可能な限り修正対応いたします
  ※ 文言修正・余白調整などの軽微な修正は回数制限なく対応
  ※ テストアップが必要な場合、テスト環境のご用意も可能です

　↓

⑤納品

• Zip形式で納品いたします
  ※ 納品方法に指定がある場合は事前にお知らせください
  ※ 原則として、公開環境にアップロードする
  　HTML / CSS / JavaScript / 画像ファイルのみのお渡しとなります

◆さいごに

ご不明点やご相談がございましたら、些細なことでもお気軽にご連絡ください。

デザインデータ（Figma, XD, Photoshop, Illustrator）をご支給いただき、Webサイトとして実装（コーディング）いたします。

ただ表示させるだけでなく、「表示速度（Core Web Vitals）」「SEO（セマンティックなマークアップ）」「アクセシビリティ」を考慮した、エンジニア品質のコードを提供します。

対応可能なデザインデータ

• Figma / Adobe XD
• Adobe Photoshop (psd) / Illustrator (ai)
• ※画像の書き出し、スライス作業から対応可能です。
• 不足している素材はAI生成を活用し、補充いたします（←ここが強みです！）

「アニメ」も「動画」も。対応します

• 「ちょっとした動きを入れたい」という要望ももちろん対応可能です。
• スライダーやカルーセル可能です。
• 動画埋め込み / ポップアップ行います

強み：最新技術「Astro」への対応

一般的なHTML/WordPress構築に加え、次世代の静的サイトジェネレーター 「Astro」 での構築も可能です。

• 爆速の表示速度を実現したい
• サーバー代を抑えたい
• セキュリティを強固にしたい

といった案件で、クライアント様に「付加価値」として提案できます。
Astroはさくらインターネットや Github Pagesでの運用実績もございます。
不要なCGI動作を省いた静的Htmlは、管理が追いつかず放置しているWordPressより格段にセキュリティリスクが低くなります。 是非ご検討ください。

こんなご依頼に最適です

• 「デザインは社内でやったが、コーディングのリソースが足りない」
• 「古いPhotoshopデータからのレスポンシブ化をお願いしたい」
• 「WordPressへの組み込みまで丸投げしたい」
• 「アクセシビリティ対応を求められた」
• 「WordPressから別の早くて安全なCMSに移行したい」

納品形式

• HTML/CSS/JSファイル一式
• WordPressテーマファイル
• サーバーへの直接アップロード

このようなお悩みはありませんか？

• デザインはあるけど、コーディングできる人がいない
• サクッとhtmlを作ってほしい
• AstroやWordPressでのサイト構築に時間がかかり、コンテンツの更新が滞ってしまう

是非お任せ下さい!

発注の流れ

1. お問い合わせ・ヒアリング

メッセージにて、デザインデータ、ご要望、納期などをお知らせください。詳細をヒアリングさせていただきます。

2. 企画提案

デザインデータを確認し、最適なコーディングプラン、サイト構成、機能などを提案します。

3. お見積もり・ご契約

提案内容に基づき、詳細な見積もりを提示します。ご納得いただければご契約となります。

4. 制作開始

仮払い後、コーディング作業を開始します。進捗状況を随時報告し、フィードバックを反映します。

5. 納品・検収

完成したサイトをご確認いただき、修正点があれば対応します。最終確認後、納品となります。

納期

プランにより異なります。

• ベーシック: 1週間
• スタンダード: 2週間
• プレミアム: 3週間

✅ デザイン分析・設計
デザインデータを詳細に分析し、コーディングに必要な要素を洗い出します。サイト全体の設計を行います。

✅ コーディング
HTML/CSS/JavaScriptを用いて、デザインを忠実に再現します。レスポンシブ対応も行います。

✅ システム組み込み・動作確認
AstroまたはWordPressにコーディング結果を組み込み、動作確認を行います。CMS機能やプラグインの導入も行います。

✅ パフォーマンス最適化
SEO対策、表示速度の最適化、セキュリティ対策など、サイト全体のパフォーマンスを向上させます。

✅ 最終確認・納品・サポート
お客様に最終確認いただき、修正点があれば対応します。納品後もサポートいたします。

※通常は平日作業で進行いたします。
※特急対応が必要な場合は事前にご相談ください。
※納品後の5回を超える修正や追加要望は別途ご相談下さい。

信頼と責任を持って作業いたします。
どうぞよろしくお願いいたします。

【緊急コーディング対応｜最短当日着手】

「時間がない…」そんなお悩みを最短当日から解決。
デザインカンプからのコーディングを、スピーディかつ丁寧に仕上げます。

【こんな方にオススメ】
✓ 納期が迫っているが社内リソースが確保できない
✓ 既存の外注先から突然連絡が取れなくなった
✓ コーディング工程だけを外注したい
✓ 急な案件で即日対応が必要

【技術スタック】
■ フロントエンド開発

• HTML/CSS/JavaScript
• Bootstrap/jQuery/Sass
• レスポンシブ対応

■ バックエンド開発

• PHP/WordPress
• Shopify実装

■ 開発環境

• Git/Github管理
• テスト環境提供

【対応可能な制作物】
• コーポレートサイト制作
• ランディングページ（LP）制作
• WordPressサイト構築
• ECサイト制作（Shopify）
※全案件レスポンシブ対応込み

【料金について】
以下の要素を考慮し、最適なお見積りをご提示いたします：

• ページ数
• デザインの複雑さ
• アニメーションの実装量
• 納期の緊急度

【制作フロー】

1. 無料お見積り相談
2. 要件確認・料金のご提示
3. ご発注・着手
4. ページごとの進捗報告
5. テスト環境での確認
6. 修正対応（2回まで無料）
7. 納品・技術サポート

※ボリュームと納期のバランスによっては、
　お受けできない場合もございます。
　まずはお気軽にご相談ください。

【特徴】
• 豊富な実績による速習性の高い実装
• 保守性を考慮したクリーンなコーディング
• 進捗状況の細やかな報告
• 技術的な説明も丁寧に対応します

まずはお見積りからお気軽にご相談ください！

JavaScript(React, jQuery, Ajax,)、GASで関数作成、コーディングが必要な方の作業を代行します。
もちろん実装の相談でも構いません。

個人情報の関係でお見せすることはできませんが
WEBアプリ開発にも多数携わっております。

ご興味ございましたら是非一度ご相談下さい。

個人事業主様・小規模事業主様向けに、目的達成にコミットするWebサイト制作で、あなたのビジネスを加速させます！

ホームページについて、こんなお悩みはないでしょうか？

・ホームページをリニューアルしたいけど予算が少ない
・ホームページはあるけれど、お問い合わせや予約が少ない
・競合他社に比べてネット経由の集客が弱い
・若い世代のお客様にリーチできていない
・ネット集客に時間をかけられない

弊事務所でできること

・高品質・低コスト・短納期でのホームページを制作
・検索で見つけてもらいやすくするSEO対策
・SNSとの連携で若者へのアプローチが可能
・弊事務所の集客サポートでお客様の集客にかける負担軽減

発注の流れ

①お問い合わせ・ヒアリング
Webサイトの目的、ターゲット、ご予算、納期などをお伺いします。
テキストのみのやり取り、ランサーズビデオ通話を使用した打ち合わせも可能です。

②企画提案
ヒアリング内容をもとに、Webサイトの構成案、デザイン案、SEO対策案などを盛り込んだ企画書を作成し、ご提案します。

③お見積もり
企画書にご納得いただけましたら、お見積もりを提示します。
ご予算に合わせて柔軟に対応いたします。

④制作開始
ご契約後、Webサイトの制作を開始します。
進捗状況を随時ご報告し、お客様と密に連携しながら進めていきます。

⑤納品・公開
Webサイト完成後、お客様にご確認いただき、修正点があれば修正します。
最終確認後、納品となります。

⑥保守・運用
Webサイト公開後も、アクセス解析、SEO対策、コンテンツ更新など、Webサイトの成長をサポートします。

対応範囲・価格

Webサイト制作（Basic）：7万円〜
基本的なWebサイト制作。5ページ程度の構成で、シンプルなデザインをご希望の方に。
SEO対策の基礎も含みます。

Webサイト制作（Standard）：12万円〜
標準的なWebサイト制作。10ページ程度の構成で、デザイン性と機能性を両立。
SEO対策、SNS連携、アクセス解析設定が含まれます。

Webサイト制作（Premium）：25万円〜
プレミアムなWebサイト制作。
20ページ以上の構成で、デザイン、機能、SEO対策、SNS連携、アクセス解析、コンテンツマーケティング戦略までトータルサポート。

納期

要件定義から公開まで1ヶ月〜2ヶ月程度（規模によります）

制作の流れ

①要件定義・設計
ヒアリング内容をもとに、Webサイトの構成、デザイン、機能などを具体的に設計、デモサイトをご確認いただきます。

②WordPress実装
WordPressを使い、WebサイトをCMS化します。
ローコードで、お客様も簡単に更新できるサイトをスピーディーに作成します。
お客様自身で簡単に更新できるWebサイトを構築します。

④公開・テスト
Webサイトをサーバーにアップロードし、公開します。公開後も、動作確認、セキュリティ対策など、万全な体制でサポートします。

サービス内容

東京都世田谷区を拠点に、Webサイト制作、Webデザイン、HTML・CSSコーディング、WordPress実装、SEO対策、SNS運用、アクセス解析など、Webサイトに関するあらゆるサービスを提供しています。集客や採用といった目的から逆算した設計、制作して終わりにしないサイト制作が強みです。

Webサイトのことでお困りではありませんか？
「Webサイトを作ったけど、全然集客できない…」
「デザインが古くて、お客様に悪い印象を与えていないか心配…」
「Webサイトの更新方法が分からなくて、情報が古いまま…」
そんな悩みを抱えている方は、ぜひご相談ください！

お客様のビジネスを成功に導くために、集客・採用に強いWebサイトを制作します。
SEOコラム記事執筆のサポートも可能です。
Webサイト制作だけでなく、Webサイト公開後のアクセス分析やSEO対策、SNS運用もサポート可能です。
まずはお気軽にご相談ください。お客様のWebサイトに関するお悩みを解決します！

webサイトの修正を承ります。

既存のWebサイトで訴求しているサービス内容が変更になった！
価格表の金額やプラン名を変更したい！
表示している画像を新しいものに差し替えたい！

など、必要な時に十分なスキルでコーディング対応が可能で、
これまでご依頼いただいたお客様からも高い評価をいただいております。

★ 簡単ですが自己紹介させていただきます★
20年以上の社会人経験と、その中で長く従事した営業職の経験から、
ご依頼をいただくお客様に満足いただくことを最善に対応させていただきます。

★ 対応可能デザインデータ★
・figma、Adobe XDなどの各種デザインソフトで作成されたデザインカンプ

★ 動作確認ブラウザ★
・Windows
　Chrome、Firefox、Microsoft Edge
・Mac
　Chrome、Firefox、Safari
・iOS11以降
　Safari
・Android5.0以降
　Chrome

※いずれも最新版です。
※IEへの対応は終了いたしました。

★ 納品形式★
ファイル送付、もしくはご指定のサーバーにアップロード

★ 納期について★
標準納期は「ご依頼内容の共有をいただいた日から」2営業日となります。（ベーシックプランの場合）

以上となります。
ご不明な点がございましたら、お気軽にメッセージにてお問い合わせください。

ハイクオリティなHTML/CSSコーディングで、御社のWebサイトを魅力的に、そして使いやすくしませんか？最新技術を駆使し、細部までこだわった丁寧な作業で、お客様のビジネスを加速させます。

このようなお悩みはありませんか？

WebサイトのUI/UX改善、レスポンシブ対応、SEO対策、表示速度の改善、既存サイトのメンテナンス。

発注の流れ

お問い合わせ
メッセージにて、Webサイトの目的、ターゲット層、デザインイメージ、必要なページ数などをお知らせください。参考となるWebサイトがあれば、URLをお伝えください。

企画提案・お見積り
お客様からいただいた情報をもとに、最適なコーディングプランをご提案します。概算のお見積もり、納期も合わせてお伝えします。

ご契約
提案内容にご納得いただけましたら、正式にご契約となります。着手金として、お見積もり金額の30%をお支払いいただきます。

コーディング作業
お客様からデザインデータ（PSD、Sketch、XDなど）をお預かりし、コーディング作業を開始します。必要に応じて、お客様と連絡を取りながら進めます。

ご確認・修正
テスト環境にて、お客様にWebサイトをご確認いただきます。修正点があれば、ご指摘ください。

納品・お支払い
修正が完了しましたら、納品となります。残りの金額をお支払いいただきます。

対応範囲・価格

基本コーディングプラン：5万円〜
基本的なHTML/CSSコーディングを行います。TOPページ、会社概要ページ、お問い合わせページなど、5ページまで対応可能です。レスポンシブ対応も含まれます。

標準コーディングプラン：10万円〜
基本コーディングに加え、JavaScriptによる簡単な動的表現、アニメーションの実装、フォームの最適化などを行います。SEO対策として、メタデータの最適化、構造化データの実装も行います。

プレミアムコーディングプラン：20万円〜
標準コーディングに加え、Webサイト全体のUI/UX改善提案、高度なアニメーション、複雑なフォームの実装、多言語対応、CMSとの連携などを行います。パフォーマンス改善として、画像の最適化、コードの圧縮、キャッシュの活用なども行います。

納期

案件の規模と内容によりますが、通常1週間〜4週間で納品いたします。

制作の流れ

設計
お客様からいただいた情報、デザインデータをもとに、Webサイト全体の設計を行います。ページ構成、必要なファイル、コーディング規約などを決定します。

コーディング
設計をもとに、HTML/CSSコーディングを行います。最新のフレームワークを使用し、レスポンシブでスケーラブルなWebサイトを構築します。JavaScriptによる動的表現、アニメーションの実装も行います。

テスト
コーディングが完了しましたら、Webサイトの動作確認を行います。様々なブラウザ、デバイスで正しく表示されるか確認します。表示速度の改善、SEO対策も行います。

修正
テスト環境にて、お客様にWebサイトをご確認いただきます。修正点があれば、ご指摘ください。

納品
修正が完了しましたら、納品となります。

サービス内容

お客様のデザインデータ（PSD、Sketch、XDなど）をもとに、WebサイトをHTML/CSSでコーディングいたします。PCサイト、スマートフォンサイト、レスポンシブサイトなど、様々なWebサイトに対応可能です。最新のフレームワークを使用し、SEO対策、表示速度の改善も行います。

Webサイトのコーディングでお困りではありませんか？
デザインはあるけど、コーディングする人がいない。
コーディングを依頼したいけど、どこに頼めばいいかわからない。
そんなお悩みを解決します！
6年のエンジニア経験を活かし、お客様のデザインデータを元に、高品質なWebサイトを制作いたします。
最新の技術を駆使し、SEO対策、表示速度の改善も行います。
ぜひ一度、ご相談ください。

カラーバリエーションがある商材について、ユーザーが御社サイト上で色の組み合わせをシミュレーションできるコンテンツをご提供いたします。

【サンプル】
https://web-syokunin.com/cyclecolsam/

【仕様】
・色のバリエーション数に上限はありません。
・各パーツの色の指定はカラーコード（例：白 #ffffff）で行います。各色ごとのパーツ画像をご用意いただく必要はありません。
・各パーツのカラーコードのバリエーションは、テキストファイルに記載します。特別なソフト等は不要です。

【注意事項】
・シミュレーターで用いるデザインは、御社よりご提供いただきます。
・ご提供いただくデザインデータはaiやpsd等で、各パーツがレイヤーに分かれている必要がございます。

\コーディングはお任せください/

ご覧いただきありがとうございます。
デザインカンプから高品質で静的サイトのコーディング、WordPressオリジナルテーマ構築を承ります。
親切丁寧に対応いたします。
まずはお気軽にご相談ください。

☆制作実績
URL: https://www.takucode322.online/products/

☆対応内容
・レスポンシブコーディング
・JavaScriptを使用しての動きの実装
(ハンバーガーメニュー、アコーディオン、モーダル、タブ切り替え、スムーススクロール)
・アニメーションの実装
・WordPressオリジナルテーマの実装
・サーバーへのアップロード

☆制作について
１ページから承ります。
下層ページ１ページだけ等も対応可能です。

☆価格
・静的サイト
TOPページ 15000円
下層ページ 5000円

・WordPress
TOPページ 20000円
下層ページ 7500円

☆価格に含まれる物
・Figma / XD / PhotoShopカンプからのコーディング
・レスポンシブ
・JavaScriptを使用しての動きの実装
(ハンバーガーメニュー、アコーディオン、モーダル、タブ切り替え、スムーススクロール)
・画像圧縮(WebP)
・サーバーへのアップロード(必要であれば)

※追加で対応可能な物
・アニメーションの実装
・CSS/JavaScriptのバンドル化
・画像のハッシュ化

☆納期
１ページで5日～となります。
ボリュームや実装内容により異なります。
またお急ぎ等ありましたら、ご相談の上柔軟に対応いたします。