HTML/CSS​コーディング代行の依頼・外注

【コーディングに手が回らない制作会社様・デザイナー様へ】
デザインカンプをそのままお渡しください。
LP・HPのHTML/CSSコーディングをレスポンシブ対応込みで代行します。

「コーディングを外注して、デザイン業務に集中したい」
「Figmaのカンプをそのまま渡せる、信頼できるコーダーを探している」
「進捗報告や納期管理をきちんとしてほしい」

そんなお悩みをお持ちの方は、ぜひお気軽にご相談ください。

【対応可能なファイル形式】
・Figma（URL共有）
・その他、仕様が分かる資料があればご相談ください

【標準対応範囲（全プラン共通）】
・HTML5 / CSS3（Sass使用可）によるコーディング
・レスポンシブ対応（PC / SP / タブレット）
・フェードイン・スライダー・アコーディオン・ハンバーガーメニューなどの標準的なアニメーション
・クロスブラウザ対応（Chrome / Safari / Firefox / Edge 各最新版）
・修正しやすいコード設計（BEM記法・クラス命名統一）

【対応できないこと（事前にご確認ください）】
・GSAP・ScrollTriggerなど複雑なアニメーション（別途お見積もりになります）
・デザインのゼロからの起こし
・サーバーアップロード・ドメイン設定などの環境構築

【安心してお任せいただける理由】
・デザインカンプを忠実に再現
　→ ズレ・崩れが起きないよう、チェックリストで確認してから納品
・修正しやすいコード設計
　→ BEM記法でクラス命名を統一。納品後の改修コストを下げます
・2日に1回の進捗報告
　→ 進捗確認の手間を取らせません
・メッセージは1時間以内に返信（打ち合わせ中を除く）

【ご依頼の流れ】

1. ご相談：デザインカンプとご要件をお送りください
2. お見積もり：ページ構成・ボリュームを確認してご提示します
3. コーディング作業
4. 確認・修正対応
5. 納品

【こんな方におすすめ】
・コーディングを外注して制作業務を効率化したい制作会社様
・Figmaカンプをそのまま渡せるコーダーを探しているデザイナー様
・長期的にコーディングを依頼できるパートナーを探している方

【注意事項】
・ご購入前に必ずご相談ください（ページ構成・ボリューム・ファイル形式の確認が必要です）
・スマホカンプがない場合はPC基準でのレスポンシブ対応になります（事前にご相談ください）
・ページ追加・お急ぎ対応はご相談ください
・GSAP等の複雑なアニメーションは別途お見積もりになります
・内容によっては追加料金をご相談させていただく場合があります
・ご購入後、5営業日以内にご連絡がない場合はキャンセルとさせていただく場合があります

WordPress（ワードプレス） 上で、LPまたはTOPページのコーディングを行います。
デザインデータを元に、
表示崩れのない・スマホ対応済みのページを短納期で仕上げるサービスです。

目安として、
縦5,000px程度のLP（1ページ） を
通常2日、条件が整えば最短1日で対応可能です。

【対応内容】
・LP または TOPページ 1ページ分のコーディング
・レスポンシブ対応（スマホ／タブレット）
・WordPressへの組み込み
・ブロックエディタを使った編集可能な構成
・基本的な表示確認

【このサービスが向いている方】
・デザインはあるが、実装できる人がいない
・急ぎでLPやTOPを公開したい
・WordPressで管理できる形にしたい
・更新しやすい構成にしたい

【対応方針】
・ブロックエディタ拡張プラグインを使用します
・無理なJSアニメーションや特殊演出は行いません
・「見た目優先」ではなく、実運用重視で実装します

※ 5,000pxを超える場合や複雑な構成は別途ご相談ください。

■対応可能な業務
React / TypeScript / Next.jsを用いたフロントエンド開発を中心に、Webサイトのコーディング業務を承っております。
小規模なLPから中規模〜大規模サイトまで対応可能で、既存サイトの改修や機能追加なども柔軟に対応いたします。

レスポンシブ対応はもちろん、JavaScriptを用いたインタラクション実装（スライダー・スクロール演出・アコーディオン等）にも対応し、ユーザー体験を意識した実装を行っております。

⸻

■制作の流れ
① ヒアリング・要件整理
② お見積もり・スケジュール提示
③ デザインデータのご支給
④ 実装（進捗共有）
⑤ ご確認・修正対応
⑥ 最終納品

進行中もこまめにご報告し、認識のズレが生じないよう丁寧に対応いたします。

⸻

■納品・対応
GitHubでの管理、ZIP納品、FTPアップロードなど、ご要望に応じて柔軟に対応可能です。
また、納品後の軽微な修正や運用面のご相談にも対応しております。

⸻

■納期
案件内容に応じて最適なスケジュールをご提案いたしますが、
通常は1〜2週間程度での納品を目安としております。

お急ぎの案件についても、可能な限り柔軟に対応いたします。
なお、お約束した納期は責任を持って厳守いたします。

⸻

■強み
・迅速なレスポンスとスムーズな進行管理
・デザイン意図を正確に再現するコーディング力
・Webデザイン〜実装まで一貫対応可能

⸻

■メッセージ
ご要望をそのまま形にするだけでなく、
「より良くするためのご提案」を大切にしております。

長くお付き合いできるパートナーとして、
安心してお任せいただけるよう丁寧に対応いたします。

まずはご相談だけでも問題ございませんので、お気軽にご連絡ください。

はじめまして！
この度はパッケージをご覧頂きありがとうございます！

4年前からWeb制作フリーランスとして活動しております。
制作会社さまやデザイナーさまたちと
お仕事させていただいております！

デザインデータはあるけど実装が、、
後々運用していくためにきれいなコードで書いて欲しい、、

そのような方ぜひともご相談いただけたらいいなと思います！

▼こんな方へおすすめ

・デザインカンプができていて、コーディングだけ依頼したい
・納期が決まっていてスピード対応してほしい
・修正の回数は無制限にしてほしい
・実務経験のあるコーダーに安心して任せたい

ぜひお任せ下さい！

▼ご提供内容

デザインカンプからのLP静的コーディング

→レスポンシブ対応（PC・スマホ）
→修正無制限
→フェードインのような簡単なアニメーション追加も対応可能

その他柔軟に対応しますので、まずはご相談ください！

▼ご購入後の流れ

①デザインデータ・素材をご共有ください
②内容確認・ご不明点をすり合わせ
③コーディング着手
④納品・修正対応
⑤完了

▼料金プランとオプション

ベーシック（小ボリューム）：50,000円 / 納期7日
スタンダード（中ボリューム）：90,000円 / 納期14日
プレミアム（大ボリューム）：140,000円 / 納期21日

▼納期
ご購入後、デザインデータ受領のタイミングから起算します。お急ぎの場合はご相談ください。

ご不明点等ございましたら
お気軽にメッセージにてご相談ください！

■対応可能な業務
React / TypeScript / Next.jsを用いたフロントエンド開発を中心に、Webサイトのコーディング業務を承っております。
小規模なLPから中規模〜大規模サイトまで対応可能で、既存サイトの改修や機能追加なども柔軟に対応いたします。

レスポンシブ対応はもちろん、JavaScriptを用いたインタラクション実装（スライダー・スクロール演出・アコーディオン等）にも対応し、ユーザー体験を意識した実装を行っております。

⸻

■制作の流れ
① ヒアリング・要件整理
② お見積もり・スケジュール提示
③ デザインデータのご支給
④ 実装（進捗共有）
⑤ ご確認・修正対応
⑥ 最終納品

進行中もこまめにご報告し、認識のズレが生じないよう丁寧に対応いたします。

⸻

■納品・対応
GitHubでの管理、ZIP納品、FTPアップロードなど、ご要望に応じて柔軟に対応可能です。
また、納品後の軽微な修正や運用面のご相談にも対応しております。

⸻

■納期
案件内容に応じて最適なスケジュールをご提案いたしますが、
通常は1〜2週間程度での納品を目安としております。

お急ぎの案件についても、可能な限り柔軟に対応いたします。
なお、お約束した納期は責任を持って厳守いたします。

⸻

■強み
・迅速なレスポンスとスムーズな進行管理
・デザイン意図を正確に再現するコーディング力
・Webデザイン〜実装まで一貫対応可能

⸻

■メッセージ
ご要望をそのまま形にするだけでなく、
「より良くするためのご提案」を大切にしております。

長くお付き合いできるパートナーとして、
安心してお任せいただけるよう丁寧に対応いたします。

まずはご相談だけでも問題ございませんので、お気軽にご連絡ください。

数あるサービスの中からこちらのページをご覧いただきありがとうございます。
こちらはコーディングを代行するサービスになります。

【対応可能な業務範囲】
LP（ランディングページ）コーディング：売上に直結する、訴求力の高いページ構築。
コーポレート・個人サイト制作：TOPページから下層ページまで一貫した構築。
レスポンシブ対応：スマホ・タブレット・PC、全デバイスで最適な表示を実現。
お問い合わせフォーム設置：確認画面や自動返信メール機能の実装。
既存サイトの修正・更新：テキストの差し替え、バナーの追加、レイアウトの微調整。

【注意事項】
※あらかじめご了承ください

デザイン制作は含みません：本サービスはコーディングのみの価格です。デザインからのご依頼は別途ご相談ください。
サーバー・ドメイン代：お客様ご自身でのご負担となります。契約やアップロードのサポートは無料で行います。
大幅な仕様変更：制作開始後の大幅なデザイン・機能変更は、追加料金をいただく場合がございます。

ここまでご覧いただきありがとうございます。
ぜひお気軽にお問い合わせください。

デザインカンプをもとにHTML / CSSコーディングを行います。
LP（ランディングページ）やWebサイトのコーディング、既存ページのHTML・CSS修正などに対応しております。

制作会社にて15年以上コーディング業務に携わってきました。丁寧で崩れにくいコーディングを心がけています。

【対応内容】
・デザインカンプからのHTML / CSSコーディング
・LP（ランディングページ）コーディング
・既存サイトのHTML / CSS修正
・レスポンシブ対応

※制作内容・ページ数によりお見積りさせていただく場合があります。まずはお気軽にご相談ください。

▽▼ただいま特別価格にて提供させていただいております！▼▽

「デザインは準備できるんだけど、コーディングがな…」
「wordpress化まで頼める人いないかな…」

コーディング専門の私にぜひサポートさせてください！

＜サポート内容＞
・コーディング全般
・wordpress対応
・メタタグ設定、OGP設定
・レスポンシブ化

＜進め方＞
１．デザイン、メタタグ内容、OGP画像を提出していただきます。
　（デザイン以外は後ほどでも大丈夫です）
２．こちらでデザインに沿ったコーディングをいたします。
３．こちらのテストサーバーにて表示確認をしていただきます。
４．表示確認ができましたら、ファイルにて納品させていただきます。

親しみやすさが取り柄です！
パッケージやオプションにないプランもご提案可能ですので
まずはお気軽にご相談ください＾＾

デザインの完成度を、コーディングで最大化します。

「スマホで崩れる」「イメージと違う仕上がり」「動きが安っぽい」——
そのすべてはコーディングの質で変わります。

HTML/CSS/JavaScript歴3年半・PHP/Laravel歴3年の現役エンジニアが、
デザインの意図を正確に読み取り、完成度の高いコーディングで応えます。

※ポートフォリオサイト近日公開予定。ご希望の方にはサンプルコードをご提示できます。

選ばれる3つの理由

① デザインを最大に活かすコーディング

Figma・XD・Photoshopなど主要ツールに対応。
デザイナーの意図を正確に読み取り、ピクセル単位で忠実に再現します。
「思っていたのと違う」を起こさせない再現精度が強みです。

② 多様なアニメーションに対応

スクロール演出・ホバーエフェクト・スライダー・フェードインなど、
サイトに動きと印象を加えるアニメーションを幅広く実装します。
「なんとなく動かしたい」も、ヒアリングで最適な演出に落とし込みます。

③ フロントからバックエンドまで1人で完結

PHP/Laravelの実務経験3年。
お問い合わせフォーム・API連携・管理機能の追加まで、
コーディング後の「やっぱりここも…」に1人で対応できます。
複数人への依頼コストと連携ミスをゼロにします。

料金プラン

🔹 シンプルLP　¥18,000〜　／　納期7日〜

静的LP 1ページ・PC/SP レスポンシブ対応

🔹 多機能LP/HP　¥35,000〜　／　納期14日〜

1〜3ページ・JSアニメーション・フォーム実装込み

🔹 プレミアムHP　¥75,000〜　／　納期30日〜

4ページ以上・高度な演出・表示速度最適化対応

※ デザインデータのご提供が前提です。
※ デザインデータがない場合はご相談ください。
※ 内容により変動する場合はご相談の上で確定します。

ご依頼の流れ

お問い合わせ → ヒアリング → お見積もり → 着手・中間共有 → 納品

まずはご予算・納期のご相談だけでも構いません。
お気軽にメッセージください。

業務内容

数あるパッケージの中からご覧いただきありがとうございます。
フリーランスでWEB制作を行っております、つかしゅうと申します。

デザインカンプを忠実に再現した高品質なコーディング、AIやフロントエンドの知識を活かしたWebサイトの改善や最適化などを強みとしています。

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

🖌️デザインデータはあるけど💻️コーディングをする時間がない💦

• コーディングの業務の外注先をお探しの方
• デザインはできるが実装が苦手なデザイナー様
• 案件過多で手が回らないコーダー様
• 継続的にお願いできるパートナーを探している制作会社様

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

■□―――― 制作内容 ――――□■

• HTML / CSS / JavaScriptを用いたコーディング
• レスポンシブ対応
• アニメーション実装（スムーススクロール / アコーディオン等）
• お問い合わせフォーム実装 (Googleフォーム利用、無料、ヒアリング時に確認)

■□―――― 制作の流れ ――――□■

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

※ 詳しい流れについてはヒアリング時に再度ご説明いたします

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

• zipファイルの送付
• ご指定のサーバーへのアップロード
  ※ サーバーアップロードの場合、サーバー情報の共有についてお願いいたします

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

• LPのコーディング：30,000円〜
• トップページのコーディング：20,000円 〜
• 下層ページのコーディング　：10,000円〜 / 1ページ

※ 上記は基本料金となります。ページの長さやデザインの内容によって価格変動ございます。
※ レスポンシブ対応、基本的なアニメーション等は込みの価格になります。
※ 迷ったらカスタマイズを選んでください。こちらから適切なプランでお見積りいたします。

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

■□―――― 対応環境――――□■

PC：Chrome / Safari / Firefox / Edge（※一部擬似環境）
スマートフォン：Chrome / Safari / Firefox / Edge

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

• 必ずデザインデータをご用意下さい。このパッケージはデザインデータからのコーディングを前提としています。
• WEBフォントを使用したデザインの場合、フォントの契約はお客様の方でご準備をお願い致します。
• コーディングのルールがございましたら事前にお知らせください。
• コーディング着手後に大幅なデザイン変更があった場合、追加料金が発生する場合がございます。
• サーバー、ドメインのご準備はお客様の方でお願い致します(こちらで準備も可能です※要お見積り)

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

ご相談・お見積もりは無料です。
まずはお気軽にご連絡ください。

■こんな方におすすめです
「リソースが不足している」「安心して任せられるコーダーを探している」そのような際は、ぜひご相談ください。

■対象
・ECサイト
・HP
・LP
・スマホ対応のWebサイト制作（レスポンシブ可）

■サービス内容
・ShopifyによるECサイト構築
・Liquidでのカスタマイズ
・LP・HP制作
・WordPressオリジナルテーマ構築
・JavaScript（jQuery）アニメーション実装
・サーバー移行・お問い合わせフォーム設置・ページ修正

■サービスの特徴
・01 Shopify構築
デザインや機能を柔軟にカスタマイズし、売上やコンバージョンに直結するECショップづくりをサポート。Liquidによる高度なカスタマイズにも対応可能です。
ご希望のデザインや要件に合わせて、オリジナルのShopifyテーマを制作します。SEOや表示速度、保守性も考慮した高品質なコーディングを行います。

・02 コーディング
HTML/CSSを用いた高品質なコーディングをベースに、ランディングページ（LP）やホームページ（HP）の制作に対応しています。SEOや保守性ユーザー体験を考慮したサイト構築を行います。

03 WordPress構築
WordPressを用いたサイト構築に対応しており、オリジナルテーマの制作から機能追加・カスタマイズ、管理画面の改善、セキュリティ対策まで幅広く対応します。

【業務内容】
既存サイトのちょっとした修正・調整をスピード対応します。「制作会社に頼むほどではないけど自分では直せない」そんなお悩みをお気軽にご相談ください。

【主な実績】
・大手通信会社のWebサイト制作・運用
・楽天市場 インテリアカテゴリ上位ECサイトの構築・運用

【対応内容】
・HTML/CSSの修正・調整
・WordPressの修正・カスタマイズ
・レスポンシブ崩れの修正
・既存デザインでのページ追加
・軽微な機能追加

【対応デザインデータ】
Photoshop（PSD）/ Figma / 参考URL

【料金目安】
※内容・作業量によりお見積りいたします

【納期目安】
・軽微な修正：当日〜2営業日
・ページ調整：3〜5営業日
※内容・ボリュームにより前後します

【動作確認環境】
Chrome / Firefox / Safari / Edge（Mac・Windows・iPhone・Android）
まずはお気軽にご相談ください。

【業務内容】
ご用意いただいたデザインをもとに、きれいに動くHTML/CSSへコーディングします。PSD・Figmaのデザインデータのほか、参考URLからの制作も対応可能です。
レスポンシブ対応はもちろん、表示速度や保守性を意識したコーディングを心がけています。JavaScriptによるアニメーションやインタラクションの実装も対応可能です。また、納品後にWordPressへの組み込みをご希望の場合もそのままご依頼いただけます。納品後の微修正にも柔軟に対応しますのでお気軽にご相談ください。

【主な実績】
・大手通信会社のWebサイト制作・運用
・楽天市場 インテリアカテゴリ上位ECサイトの構築・運用
【対応デザインデータ】
Photoshop（PSD）/ Figma / 参考URL

【納品物】
HTMLファイル一式（zip形式）・テストサーバー確認済み
【オプション対応】
・JavaScriptアニメーション・インタラクション実装
・WordPressへの組み込み・テーマ化

【制作の流れ】
デザイン確認 → コーディング → テストサーバーアップロード → ご確認・修正 → 納品

▼こんな方へオススメ

• デザインデータはあるのにコーディングができない
• コーディングを依頼できる外注がいない
• コーディングだけではなく、本番アップまでお願いしたい

▼ご提供内容
HTMLとCSSをベースにコーディングいたします。
JavaScriptやjQueryを用いた、動的な要素の追加も可能※です。

※複雑なプログラムについては対応できない場合があります

▼ご購入後の流れ
オンラインでヒアリング
zoom, Teams, Google Meetからお選びいただけます。
↓
コーディング
コーディングには自信があります！お任せください！
御社のコーディングレギュレーションに合わせての記述も可能です。
Photoshop, XD, Figma, Illustrator など、デザインデータ各種対応しています！
↓
テストアップ
テストサーバーをご用意しております。
↓
修正
最高3回まで対応いたします。
五月雨に依頼するより一度にまとめていただけますと、スムーズに進みますのでオススメです。
4回以降の修正につきましてはオプションをご利用ください。
↓
納品
データ一式の送付、または本番サーバーに直接アップロードいたします。
本番サーバーがない場合は手続きを代行いたします（オプション）。

▼制作可能なジャンル
公序良俗に抵触するもの以外であればOK！
アダルトもごめんなさい。

▼料金プランやオプション
特急オプションもご用意しております。

▼納期
お急ぎの場合は特急オプションにて対応いたしますので、まずはご相談ください。

デザインをもとに、または構成から、
シンプルで洗練されたLPを制作いたします。

✔ HTML / CSS / JavaScriptでのコーディング
✔ モダンで見やすいレイアウト
✔ スマホ対応（レスポンシブ）
✔ 軽量なアニメーション実装
✔ 修正対応

派手すぎない、実務向けのLP制作を得意としています。

■ こんな方におすすめ

・シンプルで信頼感のあるLPを作りたい
・読み込みが軽いサイトにしたい
・既存デザインをコーディングしてほしい
・アニメーションは控えめに入れたい

■ 制作できる内容

・ファーストビュー（FV）制作
・カードレイアウト
・CTAボタン設計
・スクロールアニメーション
・お問い合わせ導線

※診断LP・サービスLPなどにも対応可能

（←あなたが今やってる案件に寄せてます）

■ 制作の流れ

1️⃣ ヒアリング
2️⃣ 構成確認
3️⃣ コーディング開始
4️⃣ 動作確認・修正
5️⃣ 納品

■ 対応範囲

・LP新規制作
・既存LPの修正
・レスポンシブ調整
・アニメーション追加

■ 使用技術

HTML

CSS

JavaScript

CSS Animation

GSAP（必要に応じて）

■ 強み

実務でLP制作やアニメーション実装を行っており、
見た目だけでなく「使いやすさ・軽さ」を意識したコーディングを行います。

■ 購入前に

以下があるとスムーズです。

・参考サイト
・テキスト素材
・画像素材（なくても相談OK）

Three.js・JavaScriptを使用し、3D演出やアニメーションを取り入れたLPを制作いたします。

✔ Three.jsによる3D演出
✔ GSAP・CSSアニメーション対応
✔ 軽量で実用的な構成
✔ レスポンシブ対応
✔ HTML / CSS / JavaScriptでの実装

派手すぎるWebGLではなく、
LPとして使いやすい動きを意識して制作します。

■ こんな方におすすめ

・普通のLPでは物足りない
・アニメーションで世界観を作りたい
・ブランド感のあるサイトにしたい
・Hermesホリデー風の演出などに興味がある方

■ 制作できる例

・ボックス開封アニメーション
・スクロール連動3D演出
・浮遊オブジェクト
・SVGキャラクターアニメーション
・背景3D演出

※Three.js初心者の方にも分かりやすく構成します。

■ 制作の流れ

1️⃣ ヒアリング（参考サイト・目的確認）
2️⃣ 構成のすり合わせ
3️⃣ コーディング開始
4️⃣ 動作確認・修正
5️⃣ 納品

■ 対応範囲

・LP制作
・アニメーション実装
・既存LPへのThree.js追加

※デザイン完全新規制作は別途相談

■ 使用技術

Three.js

HTML / CSS / JavaScript

GSAP

SVGアニメーション

■ 強み

現役でLP制作やアニメーション案件を対応しており、
「動き」と「実用性」のバランスを重視しています。

軽量化・保守性も考えたコードで制作します。

■ 購入前に

以下をご準備いただけるとスムーズです。

・参考サイト
・使用したい画像や素材
・イメージ（ふわっとでもOK）

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制作歴もうすぐ20年！
コーダーやWEBデザイナーとして、複数の企業で活動してきました。
現在は数社と業務委託契約を結んでいるフリーランサーです。

現在進行系で現場にいるコーダーだからこそ、お客様の考えを汲み取ったり、お悩みを解決する引き出しはたくさん用意しております。
料金面も含めて、まずはお気軽にご相談ください！

▼こんな方へオススメ

• デザインデータはあるのにコーディングができない
• コーディングを依頼できる外注がいない
• コーディングだけではなく、本番アップまでお願いしたい

▼ご提供内容
HTMLとCSSをベースにコーディングいたします。
JavaScriptやjQueryを用いた、動的な要素の追加も可能※です。

※複雑なプログラムについては対応できない場合があります

▼ご購入後の流れ
オンラインでヒアリング
zoom, Teams, Google Meetからお選びいただけます。
↓
コーディング
コーディングには自信があります！お任せください！
御社のコーディングレギュレーションに合わせての記述も可能です。
Photoshop, XD, Figma, Illustrator など、デザインデータ各種対応しています！
↓
テストアップ
テストサーバーをご用意しております。
↓
修正
最高3回まで対応いたします。
五月雨に依頼するより一度にまとめていただけますと、スムーズに進みますのでオススメです。
↓
納品
データ一式の送付、または本番サーバーに直接アップロードいたします。
本番サーバーがない場合は手続きを代行いたします（オプション）。

▼制作可能なジャンル
公序良俗に抵触するもの以外であればOK！
アダルトもごめんなさい。

▼料金プランやオプション
特急オプションもご用意しております。

▼納期
修正の頻度などを考慮し、納期は多めに見積もっております。
お急ぎの場合は納期短縮オプションにて対応いたしますので、まずはご相談ください。

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

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

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

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

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

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

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

デザインデータ（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回を超える修正や追加要望は別途ご相談下さい。

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

当サービスをご覧いただきましてありがとうございます。

下記のようなお悩みをお持ちの方
・デザインは決まったけど、コーディング が出来ない。
・忙しくて、コーディングを外注したい。
・WordPressオリジナルテーマ化してほしい。
どうかお気軽にご相談、お問合わせ下さい。

●サービス内容（1ページ分となります）
①HTML/CSSでの静的コーディング
②レスポンシブ対応
③WordPressオリジナルテーマ化
④スライダー等のアニメーション実装（JavaScript及びjQuery対応）
尚、複雑な動きをご希望の場合は、お受けできかねる場合があります。
一度ご相談頂けます様、お願い致します。

●納期
着手から14日程度となります（1ページのみの目安）
尚、ページ数やコンテンツにより変動します。
こちらもお気軽にご相談、お問合せ下さい。

●制作物のご確認と修正
部分的な小さい変更などにも、柔軟にご対応致します。
こちらもお気軽にご相談、お問合せ下さい。
制作中は何度か制作物のご確認をさせて戴きます。

●お見積もり時にわかる範囲でお知らせ下さい。
・ご依頼内容
・ページ数
・デザインの画像データ（データ形式はご相談下さい）
・その他使用する画像素材
・アニメーションの有無
・ご予算
・ご希望納期

⚫︎納品方法
サーバーにアップロードもしくはZipファイルを
お渡しする方法のいずれかになります。
※サーバーアップロードの場合、FTP情報等をお知らせ下さい。

ご覧いただきましてありがとうございます。
デザインを再現するだけでなく、SEOやメンテナンスも考慮したコーディングを行います。
私自身、Webデザインもしているので、デザインの意図を理解したうえでコーディングいたします。

PCデザインまたはスマホデザインのみでも大丈夫です。
画面サイズに合わせて適宜レスポンシブ対応いたします。
必要であれば、一方のデザインを私の方で起こすことも可能です。

【このようなお悩みの方におすすめです！】
・コーダー不足で信頼できる外注をお探しの制作会社様
・デザインだけに集中したいデザイナーの方
・画像差し替え、テキスト変更などページ更新を必要な時だけ依頼したい企業様

【パッケージに含まれるサービス】
・レスポンシブ対応
・HTML / CSSコーディング（Word Press制作も可）
・お問い合わせフォーム実装
・JavaScript / CSSを用いた動作
・画像圧縮による表示速度最適化
・内部SEO対策(metaタグ、画像に適切なalt、正しい文書構造に応じた適切なHTMLタグなど)
・BEMをベースとした長期メンテナンスしやすいCSS設計
・Google Analyticsなどアクセス解析用のタグ埋め込み
・各種ブラウザ表示テスト
・各種端末表示テスト
・修正無料
・サーバーへのアップロード

【基本料金内JavaScript一覧】
・ハンバーガーメニュー
・アコーディオンメニュー
・カルーセル/スライダー
・モーダルウィンドウ
・スムーススクロール
・タブ切り替え
など一般的によく見られる動作は、基本料金内で数にかかわらず実装いたします。
その他の動作や複雑なアニメーションについてはご相談ください。

【対応可能データ形式】
・Figma、PSD、AI、XD形式のいずれか
　確認用のJPEGもしくはPNGデータを一緒に送付ください。
　AI形式の場合はリンク画像も添付（もしくは埋め込みで）お願いいたします。

【ブラウザ・端末確認一覧】
・Windowsパソコン
　Chrome、Firefox、Microsoft Edge
・Mac
　Chrome、Firefox、Safari
・iphone
　Safari
・Android
　Chrome

学校の課目から生活を基盤としたテーマに変えたテーマカードをもとに
グループで問題に取り組む教材となっています。
家庭教師の方、親御さんらがお子さんに教える為の虎の巻にもなります。

自分で問題を作成するのに時間が足りない
どんな問題が最適なのか？
自分の出題で子どもたちの反応が気になる

日本語・英語切り替えになっていますので外国の方にも対応。

内容物
htmlコードで提供しますので、オフラインでオンラインでも
ご利用できます。

どんな用途で
学校での学びの補完
フリースクールでの学びの教材に
塾を経営されている方へ
学童支援　教育に
ご家庭での親子で取り組む学び

カードが先生を“案内役”に戻す理由

1. 教材研究の負担がゼロになる
   　“何を教えるか”はカード化済み。
   　→ 先生は“どう伝えるか”だけ考えればいい。
2. 授業の流れがカードそのもの
   　カードの順番＝授業の順番。
   　→ 迷わない、疲れない。
3. 先生の個性が自然に乗る構造
   　余白があるから、先生の話が生きる。
   　→ 教師の「人間性」が戻る。
4. 考えすぎて疲れる領域をすべて肩代わり
   　教材作り・構造化・レイアウトなどの“設計仕事”を
   　全部 Quuny が担っている。
5. 授業の時間中、先生が子どもに目を向けられる
   　教材を追うのではなく、子どもを見る授業に戻る。
   　→ これが教育の本質。

※教えるための手ほどきの一例です。

＜AIにそれぞれのカードの詳細を以下のようにコピペして質問すると。。＞
1–2年 5W1H 話す/聞く
5W1Hカードで出来事を説明

※AIが以下のように指導方法例を答えてくれる。
＜AIがべんきょうの手ほどきの例題文（1–2年／家庭／5W1H・話す/聞く）を作ってくれます＞

参考pdf:例１marge=教え方例をChatGPTに答えさせたファイルを添付してます。

カード1：出来事を説明（5W1H）
• いつ：来週の月〜日（7日間）
• どこ：家（リビング→洗面→台所→玄関）
• だれ：ぼく（家族も手伝い1回だけ）
• なに：朝のしたくを8:00までに終える
• なぜ：学校にゆとりをもって行くため
• どうやって：タイマー＋チェック表
• 話す例（10秒）：
「来週、家で朝のしたくを8時までに終わらせます。タイマーと表を使います。」

カード2：なぜ（背景/根拠）＋“？（いつ/どこ）”先回り
• 背景：最近、出発が少し遅れがち
• 根拠：先週はタイマーを使った日は早くできた（5日のうち3日）
• 先回りの答え：
　Qいつ起きる？→6:30
　Qどこで何する？→自室（着替え）→洗面（顔・歯）→台所（朝食）→玄関（荷物）
• 話す例（10秒）：
「6時半に起きて、部屋・洗面・台所・玄関の順で動きます。」

カード3：手順（1週間）
• 月：タイマー10分×3（顔あらい／着替え／荷物確認）
• 火：前夜準備（服・連絡帳）→朝は声に出して復唱
• 水：家族は声かけ1回まで
• 木：自分でチェック表に◯をつける
• 金：忘れ物ゼロで登校
• 土：3分ふりかえり（できた／むずかしかった）
• 日：来週の“直すこと”を1つだけ決める
• 話す例（10秒）：
「毎日やる順番を決めて、金曜日は忘れ物ゼロを目標にします。」

カード4：知識（学校への橋渡し）
• 5W1H：Who＝自分／What＝朝のしたく／When＝6:30–8:00／Where＝家／Why＝時間に間に合う／How＝タイマー＋表
• 順序立て：時系列→場所順→チェック
• 道具：5W1Hカード・メモ・タイマー・チェック表
• 話す例（10秒）：
「5W1Hで順番に言うと、聞く人にも分かりやすいです。」

カード5：KPI・質問メモ・省略検証
• KPI：
　①8:00までに完了＝7/7日
　②忘れ物ゼロ＝5日→7日へ
　③家族の質問数＝5→2へ
• 家族の質問メモ：
　1. 今日の持ち物は？／2. 何時に出る？／3. 鍵は誰？／4. ゴミ出しは？／5. 宿題入れた？
• 省略検証：翌日「カード2」を省いて説明→通じたら○／むずかしければ×を記録
• 話す例（10秒）：
「明日は“なぜ”のカードを省いて説明し、通じるか試します。」

このように各科目の指導を進めていくと無限の指導方法が見つかり
実践していくと先生も子ども達も楽しく学んでいけるのではないでしょうか？
勿論、独学でやってもよし！

当サービスをご覧いただきましてありがとうございます。

下記のようなお悩みをお持ちの方
・デザインは決まったけど、コーディング が出来ない。
・忙しくて、コーディングを外注したい。
どうかお気軽にご相談、お問合わせ下さい。

●サービス内容（1ページ分となります）
①HTML/CSSでの静的コーディング
②レスポンシブ対応
③スライダー等のアニメーション実装（jQuery対応）
尚、複雑な動きをご希望の場合は、お受けできかねる場合があります。
一度ご相談頂けます様、お願い致します。

●納期
着手から7日程度となります（1ページのみの目安）
尚、ページ数やコンテンツにより変動します。
こちらもお気軽にご相談、お問合せ下さい。

●制作物のご確認と修正
部分的な小さい変更などにも、柔軟にご対応致します。
こちらもお気軽にご相談、お問合せ下さい。
制作中は何度か制作物のご確認をさせて戴きます。

●お見積もり時にわかる範囲でお知らせ下さい。
・ご依頼内容
・ページ数
・デザインの画像データ（データ形式はご相談下さい）
・その他使用する画像素材
・アニメーションの有無
・ご予算
・ご希望納期

⚫︎納品方法
サーバーにアップロードもしくはZipファイルを
お渡しする方法のいずれかになります。
※サーバーアップロードの場合、FTP情報をお知らせ下さい。

■サービス内容

・コーディングのみ（※デザインは含みません）
・レスポンシブ対応

■納品形式

下記からお選びいただけます。
・HTML/CSSなどのファイル形式
・指定サーバーへのアップロード

■納品期間

・1ページ：初稿3~5日で納品可能
※レスポンシブ対応

■制作の流れ

①ヒアリング＆打ち合わせ
②お見積り
③仮払い（購入）
④コーディング着手
⑤初稿確認
⑥調整・修正
⑦納品

■注意事項

・仮払い後のキャンセルはできません。
・2週間以上経過してご連絡をいただけない場合
※納品完了にご承諾いただいたものと判断し、完了メッセージを送信後、プロジェクト完了とさせていただきます。

私たちは、企業や個人事業主のビジネス成長を支えるWebサイトおよびWebシステムの開発を行っています。現代のビジネス環境において、インターネットは情報発信や顧客獲得のための最も重要な手段の一つとなっています。多くの人が商品やサービスを探す際にまずオンラインで情報を検索する時代となり、企業やサービスの価値を正しく伝えるWebサイトの存在は、ビジネスの成功に大きな影響を与えるようになりました。そのため、単に見た目が良いだけのサイトではなく、訪問者にとって分かりやすく、信頼感があり、行動につながる設計が求められています。

私たちは、こうした時代のニーズに応えるために、「ユーザー視点」「デザイン」「マーケティング」の三つの要素を重視したWeb開発を行っています。Webサイトは単なる情報の掲載場所ではなく、企業やサービスの価値を伝え、ブランドイメージを高め、最終的には問い合わせや購入といった成果につなげるための重要なツールです。そのため、サイトの構造やデザイン、コンテンツの配置などを総合的に考え、訪問者が自然に目的の情報へたどり着けるような設計を行います。

開発の初期段階では、お客様の事業内容やサービスの特徴、ターゲットとなる顧客層などを丁寧にヒアリングし、目的に最も適したWebサイトの構成を提案します。例えば、新規顧客の獲得を重視する場合には、サービスの魅力を分かりやすく伝える構成を設計し、信頼性を高める情報や実績紹介などを効果的に配置します。また、ブランドイメージの向上を目的とする場合には、デザインやビジュアル表現を重視し、企業の世界観や価値観をユーザーに伝えるサイト作りを行います。

さらに、現在では多くのユーザーがスマートフォンやタブレットからWebサイトを閲覧しています。そのため、どのデバイスからアクセスしても快適に利用できるレスポンシブデザインを採用し、画面サイズに応じて最適な表示が行われるよう設計します。これにより、ユーザーがストレスなく情報を閲覧できる環境を整え、サイトの滞在時間や利用満足度の向上を目指します。

また、私たちはWebサイトの公開後の成果にも注目しています。どれほど優れたサイトを制作しても、ユーザーに見つけてもらえなければ十分な効果を発揮することはできません。そのため、検索エンジンからのアクセスを増やすための検索エンジン対策（SEO）や、ユーザーにとって価値のあるコンテンツの設計など、Webマーケティングの視点を取り入れた開発を行っています。これにより、サイト公開後も継続的にアクセスを集め、ビジネス成果につながる仕組みを構築します。

さらに、Webサイトは公開して終わりではなく、継続的に改善していくことが重要です。ユーザーの行動データやアクセス状況を分析し、どのページがよく閲覧されているのか、どこで離脱が発生しているのかといった情報をもとに、サイトの構成やコンテンツを改善していきます。こうした改善を繰り返すことで、Webサイトはより効果的なマーケティングツールとして成長していきます。

私たちは、企画・設計・デザイン・開発・公開後の運用サポートまで、一貫した体制でWeb制作を行っています。これにより、お客様は複数の業者に依頼する必要がなく、スムーズにプロジェクトを進めることができます。また、長期的なパートナーとして、お客様のビジネスの成長に合わせたWeb戦略の提案や改善サポートも行っています。

インターネットの世界は日々変化しており、技術やユーザーの行動も常に進化しています。そのような環境の中で成果を出すためには、最新の技術やトレンドを取り入れながら、ユーザーにとって価値のあるWebサービスを提供し続けることが重要です。私たちは、常に新しい知識や技術を学びながら、お客様のビジネスにとって最適なWebソリューションを提供することを目指しています。

単にWebサイトを制作するだけではなく、お客様のビジネスの目的や将来の成長を見据えた提案を行い、長期的な視点で価値を生み出すWeb開発を提供すること。それが私たちの目指すサービスです。これからも、技術とマーケティングの両面からお客様を支援し、インターネットを通じて新しい可能性を広げていきます。

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

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

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

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

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

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

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

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

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

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

Figma / XD / Photoshop / Illustratorなどのデザインデータをもとに、HTML / CSS / JavaScriptでWebサイトを実装します。

制作会社様、デザイナー様、Web担当者様向けに、デザインの意図をできるだけ崩さず、PC・タブレット・スマホで見やすいレスポンシブ対応まで丁寧に実装します。

▼こんな方におすすめ
・FigmaやXDのデザインはあるが、実装できる人を探している
・制作会社の外注先として安心して任せられるコーダーを探している
・納品前の表示崩れやレスポンシブ調整を任せたい
・LPやコーポレートサイトを丁寧にコーディングしてほしい
・GitHubやzip納品など、案件に合わせた形式で納品してほしい

▼対応内容
・HTML / CSSによる静的コーディング
・レスポンシブ対応
・スマホ、タブレット、PCでの表示調整
・Figma / XD / Photoshop / Illustratorデザインからの実装
・JavaScriptによる基本的な動きの実装
・スライダー、アコーディオン、ハンバーガーメニュー等の実装
・既存ページの一部修正
・GitHub、zip、FTPなどでの納品

▼制作の流れ

1. デザインデータ、仕様、納期を確認
2. 対応範囲とお見積もりを整理
3. コーディング
4. ご確認・修正
5. 最終確認・納品

▼ご注意
画像素材、原稿、有償フォント、デザインデータはご用意ください。
大幅なデザイン変更、ページ追加、仕様追加、複雑なアニメーション、CMS組み込み、バックエンド開発は追加見積もりとなります。

資料の山、もう怖くない！スマホ最適化でどこでも見れる、使える資料に大変身させます！

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

紙資料が多くて管理が大変、スマホで見やすくしたい、社内共有をスムーズにしたい

発注の流れ

お問い合わせ
メッセージで資料の種類、ページ数、希望納期などをお知らせください。

資料のご提供
HTML化したい資料をご提供ください（データ形式）。

企画提案・お見積り
資料の内容、ご要望に基づいて、最適なHTML化プランをご提案します。

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

対応範囲・価格

HTML化（Basic）：2万円〜
シンプルな資料のHTML化。スマホでの閲覧に最適化します。ページ数少なめ、デザインはシンプル。

HTML化（Standard）：4万円〜
標準的な資料のHTML化。スマホ最適化に加え、デザイン調整、目次作成など、見やすさを追求します。

HTML化（Premium）：8万円〜
リッチな資料のHTML化。スマホ最適化、デザイン調整に加え、インタラクティブな機能（アニメーション、検索など）を実装し、表現力を高めます。

納期

契約から1〜2週間

制作の流れ

資料分析・設計
ご提供いただいた資料を分析し、HTML化の設計を行います。

HTML化作業
HTMLコーディング、デザイン調整、動作確認を行います。

中間確認・修正
お客様に中間確認をしていただき、フィードバックを反映します。

納品
最終確認後、納品データを送付します。

サービス内容

お手持ちの資料を、スマホでサクサク見れるHTML形式に変換します。いつでもどこでも資料を確認、共有できるようになり、業務効率が劇的にアップします！

資料のHTML化で、あなたのビジネスを加速させませんか？

「紙の資料が多くて管理が大変…」「スマホで見れたらもっと便利なのに…」
そんなお悩み、私が解決します！

電機メーカーでの25年の経験で培ったスキルを活かし、エクセル、ワード、パワーポイントなどの資料を、スマホでサクサク見れるHTML形式に変換します。

いつでもどこでも資料を確認、共有できるようになり、業務効率が劇的にアップ！

今すぐご相談ください。最適なプランをご提案します。

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まで、Web制作をサポートします。

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

Webサイトのデザインはあるけど、コーディングしてくれる人がいない。WordPressで更新しやすいサイトにしたい。スマホ対応もきちんとしたい。

発注の流れ

お問い合わせ
まずはメッセージにて、Webサイトの目的、ターゲット、デザインの有無、ご予算などをお気軽にご相談ください。

ヒアリング
お客様のWebサイトに対する想いを詳しくお伺いし、最適なプランをご提案します。必要に応じて、ビデオ通話での打ち合わせも可能です。

ご契約・素材ご提供
お見積もり内容にご納得いただけましたら、ご契約となります。制作に必要な素材（テキスト、画像など）をご提供ください。

制作開始
お客様のご要望を反映しながら、丁寧にコーディングを進めていきます。進捗状況は随時ご報告いたしますのでご安心ください。

納品・検収
完成したWebサイトをご確認いただき、修正点があれば修正いたします。お客様にご納得いただけましたら、納品となります。

対応範囲・価格

デザインカンプコーディング：30,000円～
Figma, Adobe illustratorなどのデザインカンプから、忠実に、そして美しくWebサイトをコーディングします。アニメーションの実装もお任せください。

WordPressサイト制作・移行：80,000円～
WordPressによるWebサイトの新規制作、既存サイトのWordPress化を承ります。SEO対策、MEO対策もお任せください。

静的サイトWordPress化：50,000円～
既存の静的HTMLサイトを、WordPressで構築し直します。ブログ機能の追加や、SEO対策も可能です。

納期

要相談（内容により異なります）

制作の流れ。

・ヒアリング
ヒアリングシートを用いてクライアント様のご要望を丁寧にお聞きいたします。

・コーディング
デザインカンプがある場合は、それに沿って丁寧にコーディングしていきます。デザインがない場合は、ご要望に応じてデザイン制作も承ります（別途お見積もり）。

・テスト・SEO対策
PC、スマホ、タブレットなど、様々なデバイスでWebサイトが正しく表示されるか確認します。また、SEO対策も合わせて実施します。

・納品・修正
お客様にWebサイトをご確認いただき、修正点があれば修正いたします。お客様にご納得いただけましたら、納品となります。

・運用・保守サポート
納品後も、Webサイトの運用・保守に関するサポートを承ります。お気軽にご相談ください。

サービス内容

デザインカンプからのコーディング、レスポンシブ対応、WordPressサイト制作、静的サイトWordPress化など、Web制作に関わる幅広いサービスを提供します。お客様の目的やご要望をしっかりと理解し、高品質なWebサイトを制作します。

Webサイトのことでお困りではありませんか？デザインはあるけどコーディングできる人がいない、WordPressで更新しやすいサイトにしたい、スマホ対応もきちんとしたい…。そんなお悩みをWeb制作コーダーの私が解決します！丁寧なヒアリングでお客様の想いをカタチにし、高品質なWebサイトを制作いたします。まずは、お気軽にご相談ください。

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

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

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

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

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

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

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

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

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

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

☆スケジュール
①ご相談、お見積り
②デザインデータを確認
③コーディング
④テストサーバーでご確認いただきます(テストサーバーはこちらで用意いたします)
⑤修正あれば対応
⑥納品

楽天市場で新規出店の店舗様へ、
出店許可を取得したら、
オープン審査へ向けていろいろ書類・申請などの準備をしなければならない・・・・
RMSでの設定が面倒、機能の使い方がわからない、オープンまでの時間をかけたくない・・・
審査を通過したら、すぐ売上作れるような状態にしたい・・・・

そんなお悩み解決いたします！
最短15日以内オープンできる！
トップページ制作から審査用商品ページ作成、共通コンテンツのデザイン、様々ツール・機能の設定のサポートまでおまかせ下さい！

＼ 実績と信頼で選ばれています！ ／
ディレクター・デザイナー様からの構築代行を中心に、
ランサーズ外でも外注パートナーとして継続的にご依頼をいただいています！
「意図を汲み取る丁寧な構築」と「保守性を考慮した設計」を意識しております。

ポートフォリオはこちら▶︎
https://www.canva.com/design/DAGcOiiMyBg/xASjbRwEvEm3DhGliduvWQ/view
（コピー＆ペーストでご覧いただけます）

本サービスでは、Figmaで作成されたデザインカンプをもとに、WordPressの有料テーマ（SWELL／Snow Monkey）を活用したローコード構築を行います。
フルスクラッチよりもコストを抑えつつ、デザイン再現性と保守性のバランスを大切にしています。

【こんなお悩みありませんか？】
・構築まで手が回らず、外注先を探している
・スマホデザインがないが、レスポンシブ対応したい
・品質は担保しつつ、コストは抑えたい

そのお悩み、解決いたします！

【このサービスの特長】
・PCカンプのみでOK
　SP・TBカンプがなくても、意図を読み取って最適な構成で仕上げます。
・ブロックエディター × CSSカスタマイズ
　テーマ本来の構造を活かしつつ、必要に応じてCSSで調整。保守性と再現性を両立します。
　アップデート時の影響を最小限に抑える適切なクラス指定を行って構築します。
・SEO・セキュリティも対応
　meta／alt／reCAPTCHA／画像圧縮など、内部対策も標準対応。
・納品前チェックリスト付き
　独自の品質チェックで抜け漏れなく確認。安心してお任せいただけます。

【サービス内容】
・WordPress構築（SWELL／Snow Monkey）
・レスポンシブ対応
・SNS／外部予約サイトなどへの連携／お問い合わせフォーム
・スライダー／フェード表示などのアニメーション
・画像圧縮／軽量化／ファビコン設定
・内部SEO／セキュリティ対策

※テーマの性質上、ピクセルパーフェクト指定は承っておりません。

【ご予算について】
ページ数や仕様に応じて柔軟にご提案いたします。
表示金額は目安です。

【購入から納品までの流れ】
①「まずは相談をする」から、メッセージをお送りください。
②納期を確認させていただき、追加で購入が必要なオプションがある場合はご案内いたします。
③お見積り書をお送りいたします。内容にご納得いただけましたら、ご購入ください。
④WordPress情報や、Figmaのデザインデータをご共有ください。
⑤ご共有いただいたデータを元に、local環境で構築いたします。
⑥構築後、テスト環境にてご確認いただき、修正点があれば対応いたします。
⑦全て完成いたしましたら、納品となります。必要時、お客様の本番環境にアップロードいたします。

まずは「相談だけ」でも大歓迎です。
構築パートナーをお探しの方は、どうぞお気軽にご連絡ください。

ハイクオリティな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対策、表示速度の改善も行います。
ぜひ一度、ご相談ください。

こんな方におすすめ

・デザインはあるがコーディングができない
・外注したいが品質が不安
・丁寧で崩れにくい実装を求めている
・LPやサイトをしっかり形にしたい

ご提供内容
デザインデータ（Figma / XD / Photoshopなど）をもとに、
丁寧で使いやすいコーディングを行います。

・HTML / CSS コーディング
・レスポンシブ対応（スマホ・タブレット）
・JavaScriptによる簡単な動作実装
・WordPress対応（オプション）

特徴
・デザインの意図を汲み取った実装
・崩れにくく運用しやすいコーディング
・シンプルで扱いやすい構成

対応可能な内容
・TOPページ / 下層ページ
・ランディングページ（LP）
・ホームページ
・WordPressサイト

小さなご相談でもお気軽にご連絡ください。

ご覧いただきありがとうございます。
Webコーダーのヒダカと申します。

本サービスでは、デザインを忠実に再現した静的サイト（LP・企業サイトなど）のコーディングを承っております。
スマホ・タブレット・PCすべてで快適に閲覧できるよう、丁寧に実装いたします。

さらに、本サービスは「当日から作業開始できる即対応プラン」 となっており、
急ぎの案件にもスピーディーに対応可能です。
※業務終了後にご連絡頂いた場合には、翌日からの作業となります。

■ サービス内容
・HTML / CSS / JavaScript による静的コーディング
・PC / スマホ / タブレット対応のレスポンシブ最適化
・JavaScript（jQuery）を用いたアニメーション実装
（例：ハンバーガーメニュー、スライダー、フェードインなど）
・既存サイトの調整・修正

■ 料金目安（レスポンシブ対応込み）
・LPコーディング：15,000円〜
・トップページ：15,000円〜
・下層ページ：5,000円〜（1ページあたり）
・アニメーション実装：2,000円〜
※作業内容・ボリュームによりお見積りいたします。
まずはお気軽にご相談ください。

■ 納品までの流れ
・「見積り・カスタマイズを相談する」より内容をご連絡ください
・デザインデータのお預かり
・コーディング作業
・ご確認・修正
・最終確認後、納品

■ 納品方法
・Zipファイルでの納品
・ご指定のサーバーへのアップロードも可能

丁寧なコミュニケーションと責任ある対応を心がけております。
「軽微な修正」であれば 当日対応 も可能です。

まずはお気軽にご相談ください。

◾️提供内容

HTML・CSSの静的コーディング

jQuery/JavaScriptの実装

CSSアニメーション

WordPressの構築(オリジナルテーマ制作 / カスタマイズ)

◾️基本料金内

jQuery/JavaScriptの実装

レスポンシブ対応

SEO対策

テスト環境
修正対応

◾️無料JavaScript
一般的に実装されている動き。 (メニューボタンなど)

◾️納期

トップページ：2～4日

下層ページ：2日～
(ボリューム、稼働状況により変動いたします )

ご安心いただけるよう、密なコミュニケーションをこころがけております！
ご不明な点は、お気軽にお問い合わせくださいませ。

デザインと実装、両方の視点からWebサイトの価値を最大化します！

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

デザインの知識がないため、Webサイトの品質に不安がある。実装できる人がいないため、Webサイトが作れない。

発注の流れ

お問い合わせ
まずは、お気軽にご相談ください。お客様のWebサイトに関するお悩みやご要望をお伺いします。

ヒアリング
お客様のWebサイトの目的やターゲットユーザー、デザインのイメージなどを詳しくヒアリングします。

企画・提案
ヒアリング内容をもとに、Webサイトの構成案やデザイン案、お見積もりをご提案します。

ご契約・制作開始
提案内容にご納得いただけましたら、ご契約となります。着手金をお支払いいただき、制作を開始します。

制作・確認
Webサイトのデザインやコーディングを行い、お客様に確認していただきます。修正があれば、修正対応を行います。

納品・公開
Webサイトの動作確認を行い、問題がなければ納品となります。納品後も、Webサイトの運用に関するサポートをいたします。

対応範囲・価格

Webサイト コーディング代行：20,000円〜
HTML/CSS/JavaScriptでのコーディングを代行します。既存デザインのカンプデータからのコーディングや、デザインがない状態からのWebサイトの作成も可能です。修正は3回まで対応いたします。

Webサイト デザイン制作：50,000円〜
Webサイトのデザインを制作します。お客様のイメージをヒアリングし、ターゲットユーザーに合わせたデザインを提案します。修正は3回まで対応いたします。

WordPress サイト構築：100,000円〜
WordPressの導入からカスタマイズまで、Webサイトの構築をトータルでサポートします。お客様の要望に合わせたテーマの選定や、プラグインの導入、SEO対策なども行います。

納期

要相談

制作の流れ

企画立案
お客様からいただいた情報をもとに、Webサイトの構成案やデザイン案を考えます。

デザイン制作
構成案やデザイン案をもとに、Webサイトのデザインを制作します。

コーディング
デザインをもとに、HTML/CSS/JavaScriptでコーディングを行います。

テスト・修正
Webサイトをサーバーにアップロードし、動作確認を行います。

納品
お客様にWebサイトを確認していただき、修正があれば修正対応を行います。

サービス内容

Webサイト制作、デザイン、コーディング、WordPress構築など、Webサイトに関するあらゆる業務を承ります。お客様のWebサイトの課題を解決し、目標達成をサポートします。

Webサイトのことでお困りではありませんか？
「Webサイトを作りたいけど、何から始めたらいいかわからない…」
「今のWebサイトのデザインが古くて、使いにくい…」
「WebサイトのSEO対策をしたいけど、どうすればいいかわからない…」
そんなお悩みを、Keiskが解決します！

Keiskは、エンジニア視点の実装力とデザインスキルを兼ね備えたフリーランスエンジニアです。
お客様のWebサイトの課題を解決し、目標達成をサポートします。

今回は特別に、Webサイト制作に関するお得なパッケージをご用意しました。
この機会にぜひ、KeiskのWebサイト制作サービスをご利用ください！

CSSの修正をお願いしたいけれど、scssが使用されていてうまいかない...
このようなお悩みはありませんか？
FL designはscssの使用歴が5年ほどですので、ぜひ作業のご依頼をいただけますと幸いです！

ランディングページのコーディングを承ります

ほんの少しの修正が必要だけど、コーダーの手が空いていない！
Webデザイナーの方で、コーディングだけ外注したい！
コーディングが苦手で誰かに任せたい！
Web制作会社様でコーダーのリソースが急に必要になった！

など、必要な時に十分なスキルでコーディング対応が可能です。

当サービスはHPやLPのWebサイトの修正や更新、新規ページのコーディングなど
Webサイトのお困り事を解決するサービスです。

こんなお困りごとを解決できますので、ぜひお気軽にご相談ください。
・スマホでは表示が崩れる
・お問い合わせフォームをつけたい
・文書を変えたい
・デザインはあるけど、コーディングができない、など

デザインについては、PC用デザインのみでもスマホ対応（レスポンシブ）が可能です。

★ 対応可能データ★
・Figma、XD、Photoshop、Illustratorのいずれか
　Illustratorの場合はリンク画像も添付（もしくは埋め込みで）お願いいたします。

★ 動きのある要素について★
【料金内で対応可能】
・スライダー、カルーセル
・アコーディオン
・タブメニュー
・ハンバーガーメニュー
など

制作の流れ
ヒアリング・お見積もり（まずはご相談ください！）
ご契約（仮払いで契約となります）
お客様よりデザインデータのご提供
コーディング・テスト
ご確認・修正（回数無制限）
納品（zipファイルでの納品またはご指定サーバーにアップロードいたします。）

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

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

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

※いずれも最新版です。

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

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

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

現在、ランサーズでの実績獲得のため、格安でご対応可能です！
アニメーション・ページの長さに関わらず、
LP or TOPページ　￥10,000でコーディングいたします。

◎こんな方へおすすめです◎
・デザインはあるけれど、実装する人手が足りない方
・制作が詰まっていて、急ぎで形にしたい方（状況により優先対応可）
・スマホ〜PCまでしっかり綺麗に整えたい方
・公開後の更新や修正を想定して、扱いやすい形で納品してほしい方
・やり取りが丁寧で、進行が分かりやすい相手に任せたい方

◎ご提供できること◎
・HTML、CSSでの静的コーディング
・レスポンシブ対応
・Javascript（jQuery）でのアニメーションの実装
・WordPress実装
・お問い合わせフォーム実装
・既存ページの修正
など

◎購入後の流れ◎
①ヒアリング
　デザイン確認後、対応範囲や納品形式などのすり合わせを行います。
②制作開始
③確認・修正
　修正は３回まで無料で行います。
④納品（データ一式／必要事項の共有）

◎納期について◎
例）
LP（1ページ）：正式に着手後、3日
TOP +下層数ページ：正式に着手後、7日〜10日

ページ数・内容によって納期は変動しますが、お急ぎ案件の場合も
できる限りお応えできるよう努めますので、まずはご相談ください。

◎お約束すること◎
・分かりやすく、丁寧なコミュニケーション
　安心して任せていただけるように、真摯に取り組みます。
・見やすく、運用しやすい納品
　更新や修正がしやすいよう、構成やファイルを整理してお渡しします。
・仕上がりの品質確認
　スマホ〜PCまで各ブラウザで表示を確認します。
・納期を意識した進行

なるべく迅速なレスポンス＆作業ができるよう心がけております。
内容に合わせて柔軟に対応しますので、ぜひお気軽にお問い合わせください。

Figmaデザインを高品質なHTML/CSSへ！あなたのWebサイトを魅力的に生まれ変わらせます。

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

• Webサイトのデザインはあるが、コーディングするリソースがない
• デザインの意図を正確に反映したコーディングを求めている
• レスポンシブ対応で、スマホでも見やすいサイトにしたい
• WordPressで簡単に更新できるサイトにしたい

発注の流れ

お問い合わせ・ヒアリング
メッセージにて、Figmaのデザインデータ、Webサイトの目的、ご希望の納期などをお知らせください。詳細な要件をヒアリングいたします。

プラン提案・お見積もり
ヒアリング内容に基づき、最適なコーディングプランをご提案します。お見積もり、納期、作業範囲をご確認ください。

ご契約・制作開始
ご提案内容にご納得いただけましたら、ご契約となります。着手金をお支払いいただき、制作を開始いたします。

テスト・修正
コーディングが完了しましたら、テスト環境にてご確認いただきます。修正点があれば、お気軽にお申し付けください。

納品・公開
最終確認後、納品となります。納品データをお渡しし、必要に応じてサーバーへのアップロードをサポートいたします。

対応範囲・価格

Basicコーディングプラン：30,000円〜
Figmaのデザインカンプを元に、HTML/CSSで忠実にコーディングします。レスポンシブ対応で、スマホやタブレットでも美しく表示されます。

Standard動的Webサイトプラン：50,000円〜
Basicプランに加え、JavaScript（jQuery）による動きのある表現を追加します。Webサイトにインタラクティブな要素を加え、ユーザーエンゲージメントを高めます。

Premium WordPress構築プラン：150,000円〜
Standardプランに加え、WordPressの導入、テーマ開発、カスタマイズを行います。お客様自身で簡単にコンテンツを更新・管理できる、運用しやすいWebサイトを構築します。

納期

要相談

制作の流れ

デザイン分析・設計
Figmaのデザインデータを分析し、コーディングに必要な要素を洗い出します。Webサイトの構造、コンテンツ、必要な機能などを整理します。

コーディング
HTML/CSS/JavaScript（jQuery）を用いて、Webサイトをコーディングします。デザインの意図を忠実に再現し、高品質なコーディングを行います。

テスト・品質チェック
レスポンシブ対応、ブラウザチェック、動作確認など、各種テストを行います。Webサイトの品質を確保します。

お客様確認・修正
お客様にテスト環境をご確認いただき、フィードバックをいただきます。修正点があれば、迅速に対応いたします。

納品
最終確認後、納品となります。納品データをZIPファイルでまとめてお渡しします。

サービス内容

Figmaデザインカンプからの高品質なHTML/CSSコーディング、レスポンシブ対応、WordPress構築を提供します。お客様のWebサイトを、デザイン通りに、使いやすく、運用しやすい形で実現します。

Webサイトのデザインはあるけど、コーディングでお困りではありませんか？
Figmaで作成されたデザインカンプを、忠実に、そして美しくHTML/CSSコーディングいたします。
レスポンシブ対応はもちろん、WordPressでの構築にも対応。
お客様のWebサイトを、デザインの意図通りに、そして誰が見ても使いやすい形に仕上げます。
コーディングでお困りの際は、ぜひお気軽にご相談ください！

✅こんな方におすすめ
• スマホでの表示崩れを直したい方
• WordPressの設定やテーマ調整に困っている方
• サイトの移行やサーバー設定を安心して任せたい方
• 企業サイトをしっかりと整えたい方
• 初めてのWebサイト制作で不安がある方

🛠️ご提供内容
• WordPressサイトの構築・移行（All-in-One WP Migration対応）
• レスポンシブ対応（スマホ・タブレット最適化）
• テーマカスタマイズ（色・レイアウト・構成調整）
• 表示崩れの修正・CSS調整
• サーバー設定（Xserver・Cyberduck・SSL・DNS・Basic認証）
• SEO初期設定（metaタグ・OGPなど）
• PR文・プロフィール設計のアドバイス（希望者のみ）

🛒ご購入の流れ

1. 「見積もり・相談」からご希望内容をご連絡ください
2. 内容確認後、最適なプランと納期をご提案します
3. ご購入後、必要な情報（ログイン情報・素材など）をご提供いただきます
4. 制作・修正作業を進行（進捗報告あり）
5. 納品・ご確認 → 修正対応（1回まで無料）
6. 完了・評価

🎨制作可能なジャンル
• 企業・店舗の公式サイト
• サービス紹介・ポートフォリオサイト
• ブログ・メディアサイト（WordPress）
• LP（ランディングページ）風の構成にも対応可能
• サブドメインでのテスト環境構築も対応可

画像の中の物体の数や位置を検出できます。

学習済みモデルを使うと、「人」「乗り物」「犬猫」などが検出できます。
また任意の物体の画像を機械学習(転移学習)させることもでき、その物体を検出できるようになります。

使用法としては例えば、次の「人数カウンタ」のようなWebアプリを作成できます。
https://www.youtube.com/watch?v=lF_Cz2K_sVI
（クリックではなくURLをブラウザのアドレスバーへコピー貼り付けしてください）

ソフトにフリーライセンスで商用利用可能な「YOLOv3」を使用します。
任意の物体の画像の機械学習は、画像50枚程度から行えます。

ベーシック販売価格は、ソフトのインストールと、画像から物体の座標を返す基本的なAPI機能の実装費用となります。

それ以上の機能の実装や、任意の物体の画像の機械学習をご要望の場合は、1日作業費3万円(税別・Lancers手数料別)でお見積りさせていただきます。お気軽にご相談ください。

〇弊社AIのアピールポイント
Flaskでモデルをメモリに常駐させる手法です。Webのアクセスごとに大きなモデルが読み込まれることがないので、月額1,000円程度のサーバーでも比較的応答速度が速いです。

はじめまして！
数あるサービスの中からご覧いただきありがとうございます。
株式会社ARCHIPELAGOです。

「デザイン通り、ズレなく再現したい」
そんなご要望に応える、コーディング特化型のサービスをご提供しています。

【 こんな方にぴったりです 】
・デザインカンプはあるけれど、コーディングのリソースが足りない制作会社さま・企業さま
・LPやWebサイト案件を受けたけど、コーディングに自信がないデザイナーさま
・HTML/CSSの基本はできるけど、アニメーションやWordPress化が苦手な方
・日々の業務で手一杯なコーダーさまのサポートとして

【 制作の流れ 】
① ヒアリング・お見積り
ご希望の機能・納品形式・スケジュール感など丁寧にご確認させていただきます。

② デザインデータのご共有（PSD／AI／XD／Figmaに対応）
静的HTMLまたはWordPress（オリジナルテーマ）での実装が可能です。

③ トップページの実装 → ご確認
④ 下層ページの実装 → 2〜3ページごとに進捗共有
⑤ テストサーバーにて全体確認 → 修正対応
⑥ 最終納品（zip形式 または サーバーへアップロード）
※サーバー納品の場合はFTP情報をご共有ください。

【 料金目安 】
トップページ（レスポンシブ対応）：20,000円〜
※複雑なアニメーション・機能については別途お見積りいたします。

【 対応環境 】
PC：Chrome・Safari・Firefox・Edge（※Firefox・Edgeは擬似環境）
スマホ：主要ブラウザすべて対応

ご相談・お見積りは無料です。
「少し話を聞いてみたい」という方も、お気軽にご連絡ください！

はじめまして。
ご覧いただきありがとうございます！

当サービスでは、
FigmaやXDなどのデザインを元に、HTML/CSS/JavaScriptでのコーディングから、
WordPressのオリジナルテーマ制作・WordPress化・カスタマイズまで対応いたします。

PC/スマホ対応のレスポンシブ設計や、JavaScriptによる軽快なアニメーションの実装など、
使いやすく見た目も美しいWebサイトをお作りします。

対応可能な業務

HTML / CSS / JavaScript コーディング

JavaScriptによるUIアニメーション（スライダー・スクロール演出 など）

レスポンシブ対応（スマホ・タブレット）

WordPress オリジナルテーマ制作（1からのWP化）

既存テーマのカスタマイズ（デザイン反映や機能追加）

固定ページや投稿テンプレートの作成

カスタム投稿・カスタムフィールド対応（ACFなど）

※SEO対策（構造化データやメタ設定の最適化など）は対応しておりません。

対応可能なデザイン形式

・Figma

・Adobe XD

・Photoshop

納期の目安

LP（静的）コーディング：7〜10営業日

WPテーマ化：14〜30営業日（内容により変動）

アニメーション実装追加：+1〜3日

WPカスタマイズのみ：5〜7日（内容次第）

ご依頼の流れ

【ヒアリング・相談】ご要望やデザインの共有

【見積もり提示】金額・納期をご案内

【正式発注】ご同意後に着手

【制作・途中確認】進捗を共有しつつ対応

【納品・修正】修正があれば対応

【完了報告】

注意点

サーバー・ドメイン設定代行は別途料金がかかります（ご相談ください）

SEOの内部対策は行っておりません

高度なプラグイン開発や複雑なPHPロジックの開発は要相談です

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

対応可能な内容

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

ご依頼の流れ

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

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

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

▶︎サービス紹介
以下のお悩みを解決いたします。
・ウェブサイトのデザインを思い通りに実現したい
・レスポンシブデザインで快適な表示を実現したい
・迅速かつ丁寧な対応を求めている

▶︎サービスの概要
・HTML・CSS（Sass）を用いたコーディング
・JavaScript（jQuery）を用いたアニメーション実装
・レスポンシブ対応

▶︎無料対応
・表示速度向上のため画像圧縮（ご希望の場合）
・基本的はSEO対策（構文チェック、metaタグの設置）
・アニメーション実装（ハンバーガーメニュー・ホバーアニメーション・スムーススクロール・アコーディオン・フェードイン）
・ファビコン・OGPの設置
・修正（大幅なデザインや内容の変更、追加のご要望などによる修正は、追加料金をいただく場合がございます。）

▶︎納品までの流れ
①「見積り・カスタマイズの相談をする」よりご相談ください。
②ご購入・デザインデータお預かり
③コーディング
④テスト環境にアップロード→ご確認・修正
⑤納品

▶︎納品方法
・zipファイルの送付
・ご指定のサーバーへアップロード

▶︎納期の目安（デザインデータをいただいてから）
・LP → 10日～
・トップページ → 10日～
・下層ページ → 3日～
※ご依頼のボリュームによって前後します。

▶︎受け取り可能なデザインカンプについて
・AdobeXD
・Figma

ご不明な点がありましたら、お気軽にお問合せ下さい。
「まずは相談する（無料）」よりお問い合わせください。

概要

「検索順位が伸びない」「集客に課題がある」企業様向けに、SEO診断と改善提案を行います。
技術的SEO（サイト速度、モバイル対応、内部リンク構造など）を中心にチェックし、改善提案をレポート形式で納品します。

• 技術的SEO診断（Google Lighthouse / PageSpeed Insights）
• 内部リンク・メタ情報・構造化データの確認
• 改善提案レポート（PDF形式）を納品
• WordPressの場合は実装代行も可能

検索順位が重要となるBtoCサービスの上場企業様のSEO対策を専任で担当していた実績がございます。

昨今は、AIの技術進歩により従来のSEO対策だけではなく、AIの判定も検索順位に影響がある時代となっています。
過去にSEO対策を行っている企業様で、最近検索順位が伸びていない企業様はいらっしゃいませんか？
日進月歩で技術進化を続けているSEO対策、ぜひ弊社にお任せください。

Q&A

Q1. WordPress以外のサイトでも依頼できますか？
A1. はい、独自サイトや他CMSでも診断可能です。

Q2. 検索順位の保証はありますか？
A2. 順位保証はありませんが、検索評価が高まりやすい改善を行います。

Q3. 修正作業までお願いできますか？
A3. スタンダード・プレミアムプランで対応いたします。

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

静的なコーディングだけでなく、WordPressを用いたサイト構築も対応可能です。
既存ページの修正や、下層ページ１枚からでもお受けいたします。

ご相談やお見積もりは無料にて対応いたします！お気軽にご連絡ください。

■サービスの紹介と特徴
▔▔▔▔▔▔▔▔▔▔▔▔
・お急ぎのコーディング案件にスピード対応
　※平均的なLPであれば5日間程度で納品
・自身の開発経験から作り上げた独自のチェックシートを用いて品質を担保
・SEO内部対策を意識したコーディング
・基本的なアニメーションは無料で対応
・納品後、修正3回まで無料で対応
　※いただいたデザインと実装が異なるなど、
　　こちらの瑕疵についてはすべて無償で対応いたします

■ご予算について
▔▔▔▔▔▔▔▔▔▔▔▔
掲載の金額は目安の費用となります。
ページ数・デザイン内容に応じて見積りをご連携いたします。

■価格表
▔▔▔▔▔▔▔▔▔▔▔▔
【コーディング】
・トップページ新規作成：20,000円～ / 1ページ
・下層ページ新規作成：10,000円～ / 1ページ
・既存ページ修正：10,000円～ / 1ページ

【WordPress】
・WordPressサイト構築：50,000円～
(インストール・初期設定・デフォルトブログ機能含む)

・カスタム投稿・カスタムフィールド追加：5,000円～
(ACF利用を想定)

【その他】
問い合わせフォーム設置：5,000円～

【無料オプション】
・基本的なアニメーション　※ハンバーガーメニュー、簡単なボタンホバー等
・レスポンシブ対応
・スライダー機能
・WordPressプラグイン追加

■納品の流れ
▔▔▔▔▔▔▔▔▔▔▔▔
①お問い合わせ・ご相談
　まずは、お気軽にご相談ください。デザインカンプやご要望の詳細をお伺いします。

②お見積もり
　デザインカンプや仕様書を基に、お見積もりを作成いたします。納期や費用について、詳細にご説明します。

③ご契約・制作開始
　お見積もり内容にご納得いただけましたら、ご契約となります。制作スケジュールを確認し、着手いたします。

④ご確認・修正
　コーディングが完了後、お客様に確認していただきます。修正点があれば、迅速に対応いたします。

⑤納品・アフターサポート
　最終確認後、納品となります。納品後も、ご不明な点があればお気軽にご質問ください。

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

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

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

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

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

■ バックエンド開発

• PHP/WordPress
• Shopify実装

■ 開発環境

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

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

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

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

【制作フロー】

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

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

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

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

貴社のメールマーケティングを成功に導く、高品質なメルマガコーディングサービスを提供します。

🔳　コーディング範囲:
HTMLメールのコーディング全般（テキスト、画像、リンク、CTAボタンなど）
レスポンシブデザイン対応（PC、スマートフォン、タブレット最適化）
お客様ご提供のデザインカンプ（PSD, Figma, XDなど）に基づき忠実に再現
埋め込み要素（動画、SNSアイコンなど）への対応

🔳　単価・納品スピード:
・Pilot (初回限定): 2本まで無料
サービス品質と信頼関係構築のための期間です。
・安定期: 10,000円/本〜 (プランによる)
週5〜8本の安定した対応が可能です。
原則3営業日以内納品 をお約束します。緊急時は24時間以内の連絡・対応体制を構築しています。

🔳　テスト環境対応:
以下の主要環境での表示確認を行います。
・デスクトップクライアント: Outlook (Windows)
・ウェブメールクライアント: Gmail、Outlook.com
・モバイルアプリ: iOS Mail、Gmailアプリ、Samsung Email
（その他ご要望に応じた環境でのテストもご相談ください）

🔳　品質保証プロセス:
貴社のルールを遵守し、最高品質のメルマガを納品するための徹底した品質管理プロセスを導入しています。

① 要件確認: 詳細仕様の確認、疑問点の整理を行います。
② 実装: お客様のルールに基づき、最適なコードで実装します。
③ 内部チェック: シニアエンジニアによる厳格なコードレビューと品質確認を実施します。
④ テスト: AIを活用した自動テストに加え、複数環境・デバイスでの表示確認を徹底します。
⑤ 納品: 修正対応を含め、完成した成果物を提出します。

🔳　コミュニケーション体制:
日本語堪能なブリッジSEチームが、貴社との円滑なコミュニケーションを保証します。

・日本語対応: ブリッジエンジニア（日本語ネイティブレベル）が窓口となり、ニュアンスまで正確に共有します。
・連絡ツール: Slack, Teams, Chatwork, Email, 電話など、貴社のご希望に応じたツールで迅速に対応します。
・タイムゾーン活用: ベトナムとの時差（+2時間）を活かし、日本の営業時間外でも作業を進めることで、より高速な納品を実現します。

HP、LPの修正、コーディング、WordPressオリジナルテーマ化は
お任せください！

【デザイナー様、企業のWeb担当者の方へ】
例えば・・・

ほんの少しの修正が必要だけど、手が空いていない
コーディングが苦手で任せたい
PCサイト画面はできたけど、スマホ用画面のコーディングは・・・
などなど・・・

お任せください！！

デザインだけに集中できるので、デザインの品質も向上します！

こんなお困りごとを解決できます。
ご相談だけでも結構ですので、ぜひお気軽にご連絡ください。

その他にも、
お問い合わせフォームをつけたい
文書を変えたい
HPをネットに公開したい
デザインはあるけど、コーディングができない、など
相談は無料です！

価格（全て税込の対応での掲載になります）
⚫︎修正、更新のご依頼：要相談　3,000円〜
（※内容によっては対応不可の場合もございます。）
システムの都合上10,000円と表記されております。

⚫︎ランディングページのコーディング：10,000円～
※長さによって変動いたします。

⚫︎ホームページのコーディング：10,000円～（ WordPressも対応`）

上記はあくまで目安になります。
正確なお見積もりは、「見積もり・カスタマイズの相談に進む」から
お問い合わせいただいた後に、出させていただきます。

制作の流れ
ヒアリング・お見積もり（まずはご相談ください！）
ご契約（仮払いで契約となります）
クライアント様よりデザインデータご提供いただきます。
コーディング
ご確認・修正（回数無制限）
納品（zipファイルでの納品またはご指定サーバーにアップロードいたします。）
購入する際の注意点
＊ご依頼していただく場合は上記金額にシステム手数料（5.5%)がかかりますので
ご依頼していただく前にぜひご確認くださいませ。
詳しくは下記URLにてご確認ください。
https://www.lancers.jp/faq/A1034/936

納期
【修正、更新】
最短で即日納品

【LPコーディング】
４日〜

【HPコーディング】
4日〜

＊依頼内容によって変動いたしますのでご了承ください。

ポートフォリオも掲載しておりますが、実際に動くサイトをご確認希望の場合は、
下記の【ご依頼、ご相談】のURLの「見積もり・カスタマイズの相談に進む」から
一度ご連絡ください。
また質問なども同じURLからお問い合わせできますので、お気軽にご相談ください。

ご検討のほど、よろしくお願いいたします。

【ご依頼、ご相談】
https://www.lancers.jp/profile/nabejun0326

Webエンジニア兼マーケターをしております、花田ケンタと申します。
ココナラでも活動しており、プラチナランクの実績がございます。
幅広い業界での制作経験を活かし、スムーズかつ高品質にコーディング対応いたします。

✅最短1日の特急対応可能
✅大手企業/飲食系メディア/海外動画サイト/エンタメ系のサイトなどの実績
✅内部SEO/デザインの再現
✅スマホ対応・アニメーション実装・サイト高速化も可能

WebサイトやLP、WordPressの構築など柔軟に対応いたします。
更新しやすい管理画面の対応も可能です。
ご相談は無料ですので、お気軽にお問い合わせください！

▼特徴

・スピード感×品質を両立したコーディング
・デザインの再現にこだわった実装
・SEO・保守性に配慮
・アニメーションの設計から実装まで柔軟に対応
・WordPressなどのCMS構築もサポート

【料金リスト】

●トップページコーディング：15,000円~
●下層ページコーディング：10,000円~ / 1ページ
●LPコーディング：15,000円~
●WordPressテーマ開発：12,000円~
●既存サイトの軽微なカスタマイズ:3,000円~

●待機調整費:2,000円/日
●特急対応:基本料金×1.3
-カンプ共有から納期14日未満が対象。作業内容によって変動します

【基本のサービス内容】

●HTML,CSS コーディング
●PC/SPレスポンシブ対応（スマホ対応）
●アニメーション追加（jQuery・JavaScript）
●ランディングページ作成
　　WordPressの導入・サイト構築
　　既存サイトの修正（機能追加・文言修正・デザイン変更など）
　　サイトのスピード改善　など

▼納品までの流れ

１.お見積もり/ご購入
２.デザインデータお預かり
３.コーディング作業開始
４.ご確認・修正
５.最終確認・納品

◯納品につきまして
基本的には本番環境へのアップロードを前提とした納品となります。
その他の納品方法をご希望の場合はお気軽にお知らせくださいませ。

▼納期

平均2週間ほどを目安に対応しております。
お急ぎの際もご相談ください。
※内容により納期は変動いたしますのでご相談ください。

【★初回10%OFF★実績100件以上！制作歴11年のデザイナー兼コーダーがコーディングします】

「デザイン通りにコーディングしてほしい」
「スマホデザインはないけど、スマホ対応にしてほしい」
「作った後も更新や修正などの保守をお願いしたい」

中小企業様、店舗様、こんなお悩みありませんか？？
はじめての方でも大丈夫。そのお悩み、解決いたします！

PCデザイン、スマホデザインのどちらかしかない方も大歓迎です！

もしお見積もり金額が予算を超える場合はお気軽にご相談ください。

■対応可能データ
・Adobe Photoshop
・Adobe Illustrator
・Adobe XD

■制作内容の詳細
・静的コーディング（WordPressをご希望の方はご相談ください）
・レスポンシブ対応
・Sassを使用したコードのメンテナンス（scss記法）
└※scssファイルは納品いたしませんのでご了承ください
・更新者が運用しやすいCSS設計（REMM）
・内部SEOを意識したマークアップ
・スマホ（またはPC）デザインがない場合、コーディングベースで作成
・画像サイズ圧縮
・webp化
・ファビコン作成
・OGP画像作成
・Webクリップアイコン作成

■料金範囲内のアニメーション
・スライダーまたはカルーセル（1つまで）
・アコーディオン
・トップへ戻るボタン
・ハンバーガーメニュー

■割引特典対象内容
下記に該当するお客様・制作内容につきましては、10〜30%割引させていただくことがございます。
・初めてご依頼いただいたお客様
・継続してご依頼いただいたお客様
・コンテンツ内容が少ないページ
・シンプルなデザインで制作

■サービス対象外
・テスト環境構築
・サイト引っ越し
・ドメイン設定
・Javascriptを一から組んだような過度なアニメーション
・アナリティクスを使ったWeb解析
・埋め込みタグ発行（埋め込みは可能）

■今までの制作実績
https://www.lancers.jp/profile/tsukito3103/portfolio_popup/563916

■ご契約の流れ
┗お見積もりMTG[必須]
┗仮払い[必須]
┗制作開始
┗納品(ファイル送付、もしくはご指定のサーバーにアップロード)

ここまでご覧いただきありがとうございました！！
こちらに記載している内容以外にもお気軽にご相談ください。

例）WordPressでコーディングしてほしい、LPやバナーのデザインを作ってほしい など

数あるサービスの中からご覧いただきありがとうございます！
Webコーダーのアンザイと申します。
私はこれまでにスポーツ、文房具、クリニック、教育、飲食店など多岐にわたる業種のWebコーディングを担当してきました。

✅ こんなお悩み、ありませんか？

「デザインはできているけど、コーディングする時間がない」
「PC用デザインしかないけど、スマホ対応にしたい」
「アニメーションも含めて、綺麗に仕上げたい」
「信頼できるコーダーに任せたい」
これらのお悩みを、レスポンス早くしっかりとサポートします！

🛠 サービス内容

HTML/CSSによる静的コーディング（レスポンシブ対応）
JavaScriptやCSSアニメーションの実装（スクロール/スライダー/アコーディオンなど）
Figma・XD・Photoshop・Illustratorに対応
SEOを意識した構造とマークアップ

価格

⚫︎LPコーディング：30,000円
※長さによって変動いたします。
提示料金は8,000px以内
⚫︎HPコーディング（HTML）：105,000円
※５ページ 想定
⚫︎HPコーディング：（WordPress/PHP）：155,000円
※５ページ 想定

正確なお見積もりは、「見積もり・カスタマイズの相談に進む」から
お問い合わせいただいた後に、お出しさせていただきます。

ご用意いただくもの

デザインデータ（Figma / XD / PSD / AIなど）
素材画像や動画、テキスト原稿
スマホ版デザイン（ない場合は私の方で調整対応可）
サーバー情報（アップロード希望時）

納品までの流れ

DMもしくは「見積もり・カスタマイズの相談」からご連絡ください
ヒアリング・お見積もりのご提示
ご契約（仮払い）
素材のご提供後、制作開始
コーディング確認・修正**
納品（Zip / サーバーアップ）

修正対応について
修正無制限（仕様変更は別途お見積り）
テスト環境での確認可能（Zip納品も可）

サービスの強み

1時間以内の迅速なレスポンス
土日祝の作業・納品も可能
スマホ・タブレット完全対応の高品質なレスポンシブ
コーディング3年以上の経験

まずはお気軽にご相談ください！
「依頼内容に合うか不安…」という方でも、お見積もりは無料で対応いたします。
まずは「見積もり・カスタマイズの相談に進む」より、お気軽にご相談ください。
ご希望に合わせた最適なプランをご提案いたします！