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

✅こんな方におすすめ
• スマホでの表示崩れを直したい方
• 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（ランディングページ）風の構成にも対応可能
• サブドメインでのテスト環境構築も対応可

本サービスをご覧いただきありがとうございます。
本サービスはHP・LPのコーディングを行います。
WordPress構築も対応いたしますのでご相談ください。
独自で作成した品質管理シートを用いて徹底した品質管理を行っています。

■本サービスはこんな方におすすめです

・コーダー不足で外注先を探している制作会社様
・コーディングが苦手なWebデザイナー様
・ディレクションやデザインに集中したい方など

■サービスの内容

・HTML/CSS/JavaScripを使用した静的コーディング
・レスポンシブ対応
・JavaScript (ハンバーガーメニュー、スライダー等）
・お問い合わせフォームの設置
・WordPress構築
※納品前修正は無制限で対応いたします。

■料金

・LP 1本２万〜
アニメーション付き

※デザイン内容やボリュームにより追加料金をいただく場合がございます

--以下は無料で対応いたします--
・レスポンシブ対応
・基本のSEO対策
・納品前無制限修正
・納品後、１ヶ月間無償修正

■納品方法

・Zipファイルにて送付
・サーバーへのアップロード

■納期

1ページあたり2日～(目安)
デザインや実装内容により変動するためご相談ください

■修正について

大幅なレイアウト変更や追加は別途料金をいただく場合がございます。

■デザインデータ

Figma、Photoshop、XD など

======特に以下の点を重視し、全力でサポートいたします。========

● 迅速かつ丁寧なコミュニケーション
　- 初回のご連絡には原則3時間以内にご返信いたします。
　- 遅くとも24時間以内には必ずご返信いたします。

●高品質なコーディングの提供
　- 独自の品質管理シート（20項目以上） を用いて品質を確実に担保し、成果物を納品いたします。

●進捗の「見える化」
　- 進捗管理シートを活用し、制作状況を日々共有。
　- スムーズな納品をお約束いたします。

●報告・連絡・相談の徹底
　- 常に状況を共有し、認識のズレがないよう努めます。

●ご要望の最大限の実現
　- 仕様やデザインの意図を理解し、可能な限りご希望に沿った形での実装を心がけます。

●お値段以上の価値をご提供
　- デザインについて適宜気づいた点や、アニメーションのご提案をするようにしています。クライアント様にとってHP、LPは名刺代わりのようなものなのでいっさい妥協せず制作に取り組みます。

概要

「検索順位が伸びない」「集客に課題がある」企業様向けに、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まで、心を込めてコーディングいたします。

発注の流れ

お問い合わせ
メッセージにて、ご希望のWebサイトのイメージや目的、予算、納期などをお気軽にご相談ください。参考となる資料などがあれば、共有していただけるとスムーズです。

お見積もり・ご契約
ヒアリング内容に基づき、お見積もりを提示します。ご納得いただけましたら、正式にご契約となります。

コーディング作業
ご契約後、コーディング作業を開始します。進捗状況を随時ご報告し、お客様と連携しながら進めていきます。

ご確認・修正
完成したWebサイトをご確認いただき、修正点があればご遠慮なくお申し付けください。迅速に対応いたします。

納品・アフターサポート
最終確認後、納品となります。納品後も、保守・運用に関するご相談を承ります。

対応範囲・価格

デザインカンプからのコーディング：3万円〜
デザインカンプを忠実に再現。細部までこだわった美しいコーディングをします。ピクセルパーフェクトな仕上がりをお約束します。

HTMLからのWordPress化：5万円〜
既存のHTMLをWordPress化。ブログ機能の追加やSEO対策、更新しやすいサイト構造を実現します。お客様自身で簡単に更新できるようになります。

アニメーションの追加：1万円〜
動きのあるWebサイトで、ユーザーの興味を惹きつけます。スクロールアニメーションなど、様々な表現が可能です。

細かな修正：5,000円〜
表示崩れや誤字脱字など、細かな修正も丁寧に対応します。迅速な対応で、お客様のビジネスをサポートします。

納期

案件内容により異なります。お気軽にご相談ください。

制作の流れ

Webサイト設計
お客様から提供されたデザインカンプや資料を基に、Webサイトの構造を設計します。SEO対策も考慮した設計を行います。

コーディング
設計に基づき、HTML、CSS、JavaScriptなどのコードを記述します。FLOCSSやBEMなどの設計ルールを活用し、保守性・拡張性の高いコードを書きます。

テスト・修正
作成したWebサイトを様々なデバイスでテストし、表示崩れがないか、動作に問題がないかなどを確認します。必要に応じて修正を行います。

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

納品
最終確認後、Webサイトを納品します。必要に応じて、サーバーへのアップロードやWordPressのインストールなども代行します。

サービス内容

デザインカンプからのコーディング、HTMLからのWordPress化、アニメーション実装、LP/HP作成、WordPressサイト作成、SEO対策など、Webコーディングに関するお仕事を幅広く承ります。制作会社クオリティを、個人ならではの価格でご提供いたします。

私は、制作会社クオリティのコーディングを、個人ならではの価格でご提供しています。
デザインカンプからのコーディング、HTMLからのWordPress化、アニメーションの追加など、コーディングに関するお仕事はなんでもお任せください！

まずは、お気軽にご相談ください。あなたのWebサイトを、もっと魅力的にするお手伝いをさせていただきます。

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

数あるサービスの中から、当ページをご覧いただきありがとうございます。
LP/HPコーディング代行や、ホームページの修正を行っています。

▼こんな方におすすめ！！
・デザインデータはあるけどコーディングを任せたい
・忙しいからコーディングの一部を手伝って欲しい
・PCのデザインだけしかないけどスマホにも対応して欲しい
・他で見積もりしたらアニメーションなどで思った以上に費用が嵩んでしまった
・以前のホームページを修正したい

このようなお悩みおお持ちの方、是非お手伝いさせてください！

▼サービス内容
・HTML / CSS を使用した静的コーディング
・JavaScript（jQuery）を用いた基本的なアニメーションの実装
　(ハンバーガーメニュー、スライダーなど)
・レスポンシブ対応（スマートフォン対応）
・サイト高速化のための画像圧縮
・修正回数無制限（大きなデザイン変更は別途相談）
・favicon設置（データをいただけた場合）
・最低限のSEO対策

▼制作の流れ
【ご相談】
　「見積もり・カスタマイズを相談する」よりお気軽にご連絡ください

【ヒアリング・データ受領】
　ご希望内容をお伺いし、デザインデータをお預かりします

【制作開始】
　ご確認いただいたスケジュールにて、作業を進めます

【中間確認・修正対応】
　コーディング完了後、内容をご確認いただき、修正対応を行います

【最終確認・納品】
　最終チェックを経て納品いたします

▼ご準備いただきたいもの
・デザインのご準備をお願いします

※PC、SP片方だけでも問題ありません
普段からよしなに対応しておりますのでご安心ください♪

▼納品方法
・zipファイル提出または、サーバー公開(無料)になります。

▼その他
・納期はご相談ですが、お急ぎの場合もお気軽にお問い合わせください。
・進行状況は随時、ご報告させていただきます。
この際に修正があった場合はご遠慮なく申し付けください。

ご購入に関わらずご質問だけでも大歓迎です！
是非一度お問合せ下さい^^

初めまして♪ちいうさと申します。
この度は、数多くの中からご覧いただきありがとうございます。

〜こんなことお困りではないですか？〜
◉ コーディングの知識がなく、更新や修正ができずに困っている
◉ 修正や相談にすぐ対応してもらえず、不安になったことがある
◉ デザインデータはあるけれど、正しくコーディングできる人がいない
◉ スマホやタブレットでの見え方が崩れてしまう
◉ 表示速度が遅く、原因がわからない
◉ HTML/CSSの構造が複雑で、他社に依頼しても断られた
◉ SEOを意識したマークアップができていない
◉ 細かなアニメーションや動きを追加したいけど方法がわからない
◉ 他社に依頼したが、デザイン通りに仕上がらなかった
◉ コーディングだけを頼める人が見つからない
◉ 古いサイトをリニューアルしたいけれど、どこから手をつければいいかわからない

＼まずはお気軽にご相談ください！／

▼お手伝いできること
◉コーディング
・ホームページ・LP
・レスポンシブ対応（PC版・スマホ版のどちらかのみでもOK）
・アニメーション（GSAPやjQueryを使用した動きの実装なども可能）
・既存Webサイトの改修など

他にも。。。
◉デザイン
・バナー・ヘッダー・サムネイル制作

・LP（ランディングページ）のデザイン
◉WordPress構築
・WordPressサイト構築：50,000円〜（テーマでの構築）
・WordPressサイト構築：100,000円〜（オリジナルテーマでの構築）
　※詳細：トップページ＋5ページ

▼対応可能な内容
・ホームページ・LP（ランディングページ）などのシングルページ制作

ページ数やコーディングの複雑さなどを踏まえて価格をお見積もりいたします。
お気軽にご相談の際に、デザインデータをご共有いただきますようお願いいたします。
デザインデータはFigmaを推奨しております。

▼納品までの流れ
1.お見積もり＆ご相談/ご購入
2.作業開始
3.ご確認・修正
4.最終確認


5.納品（サーバーアップロードまたはzipファイルの送付）

▼納期
要相談（ページ数やコンテンツにより変動）
※ご相談は無料ですので、お問合せください。

▼購入にあたっての6つのお願い
1.ご購入前に必ず「見積もり・カスタマイズ相談」からご連絡をお願いいたします。
2.制作内容・用途・参考サイト等はできるだけ詳しくお知らせください。
3.ご返信・ご確認は、原則3日以内にお願いいたします。ご連絡が長期間ない場合は、やむを得ずトークルームをクローズさせていただくことがございますので、あらかじめご了承ください。
4.完成後の大幅な仕様変更は追加料金が発生する場合があります。
5.実績として制作物をポートフォリオ等に掲載させていただくことがあります。NGの場合は事前にお知らせくださいませ。
6.納品後の軽微な修正（文言や色の変更など）は、1週間以内であれば無償対応いたします。

▼事前にご用意いただくもの
1.デザインデータ【必須】完成データ
2.デザインに使用した画像やロゴ
　※バナー・写真・アイコンなど、書き出しが必要な素材一式
3.フォント情報・使用してよいWebフォント指定
　※商用利用可能なフォントか、Google Fonts など代替指定があると安心です
4.納品形式の希望方法

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

▼こんな方にお勧め
デザインはできるけどコーディングは任せたい
規模はそんなに大きくないからできるだけ費用を抑えたい
料金の見積もりが読めない…

▼ご提供内容
HTML/CSS/JavaScript(jQuery)を使用しての静的なサイトのコーディング業務（デザインは行っておりません）
作成物の規模で若干料金は変動してしまいますが、
ハンバーガーメニュー、スライダー、アコーディオンメニューなど動きのある部分も含めての料金です。
（何を、どんなものを導入したいかはわかる範囲でお知らせいただけると柔軟にご対応できるかとおもわれます。
テストアップのサーバー環境はこちらでご用意いたします。

↓以下のものはお客様の方でご準備お願いします。
・使用する画像
・デザインデータ　（photoshop / Adobe XD / Figma / illustrator）
・有料フォント,有料画像など別途料金が発生するもの。
・レンタルサーバー、ドメイン

▼ご購入後の流れ
①情報収集
作成物に関しての詳細をお聞かせください。
（例：ページのボリューム、実装したいパーツ、納期など、また他に気になる点、気を付けてほしい点がありましたらその旨、お伝えいただければ柔軟に対応させていただきます。）

②制作開始
お客様から必要なデザインや画像をいただき、①ですり合わせた内容を含めた制作を開始させていただきます。

③修正
仕上がった制作物をテストアップいたしますので確認していただき、修正の有無のご指示をいただき、修正がある場合は修正対応させていただきます。
（この段階での修正回数には制限は特に設けませんが、回数、内容によってはお時間をいただく場合がございます。また、修正の範囲を変更に関しましては対応できない場合がございます。）

④納品
zip形式での納品、もしくはFTPソフトからのアップロード

⑤料金の確定・お支払い

なお、納品後2週間以内であれば簡単な修正も無料で承りますのでご安心ください。

▼料金
納期が２週間以上ゆとりのあるLPコーディングであれば一律で10000円（納期によって料金が変動いたします。）
（レスポンシブ対応、JavaScript(jQuery)を使用した動きのある部分、完成品の修正、完成後の修正など込々でのお値段です。）

▼納期
プランを選択するとともにご相談ください。

ただいま実績作りとしてお安くサービスを提供させていただいてます。
安かろう悪かろうではなく、一案件ごとに誠意をもって一球入魂で対応させていただきます。
ぜひ、この機会にご一考願えたらと思います。

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

こちらのパッケージでは、簡単なWEBサイトの修正から、WordPress構築まで承っております！

サービスの特徴

◎スピーディ・高品質
60項目以上の品質チェックシート使用
スピード・品質ともに高評価、継続発注をいただいております

◎メンテナンスしやすい設計
コンテンツの追加・変更に対応しやすい設計でコーディングいたします
マニュアル等ございましたら、そちらに従いコーディングいたします

基本対応範囲

※以下の内容はプランの料金に含まれております
・W3C準拠・クロスブラウザ対応の確認
・レスポンシブ対応
・品質チェックシート使用
・画像圧縮
・メタ情報の設定（内容はご支給お願いいたします）
・構造化マークアップ
・スマホよしなに対応
・アニメーション(CSS、JavaScript、GSAPを使用した複雑なアニメーションも可)

納期目安

【修正】
1〜5日

【静的コーディング 1ページ 】
5〜7日

【WordPress 10ページ 】
10〜14日

※内容に応じて前後いたします

料金

プランの料金は目安となります
ご予算に応じて柔軟に対応させていただきます
また、ご依頼内容に応じてプランをご提案させていただくことも可能です
「まずは相談する」のボタンより、お気軽にご相談ください

制作の流れ

①ご相談・お見積もり
デザインデータを元にチャットでお打ち合わせを行います。
その後、お見積り金額を提示させていただきます。

②仮払い
ご依頼内容および金額が決まりましたら、仮払いをお願いいたします。
仮払いにより、ご契約となります。

③制作開始
プラン納期は仮払い終了後からの日数になります。

④初稿提出〜修正
テスト環境の情報をお伝えいたします。そちらでご確認ください。

⑤納品
Zipファイルで納品、またはサーバーにアップロードいたします。
※サーバーにアップロードの場合は以下の情報ご共有ください
・FTP接続情報
・レンタルサーバーのログイン情報（WordPressの場合）等
ご依頼時にもご案内させていただきます

稼働時間

※お問い合わせは24時間受け付けております
平日・土日祝日：9:00 ~ 17:00(原則15分以内にお返事いたします)
連絡の取れる時間帯：7:00 ~ 23:00

私について

新潟県でフリーランスとしてコーダーをしております
前職は薬剤師をしており、最新情報のキャッチアップや他職種とのコミュニケーションを大切にしておりました
その経験を活かし、現在も最新技術のキャッチアップはもちろん、日々の進捗報告や情報共有では、スプレットシートや画像を使用し、わかりやすく丁寧なコミュニケーションに努めております
現在、20サイト構築しており、
20〜40ページ程のWordPressオリジナルテーマの制作や共同制作にも携わらせていただいております
その他、改修、保守運用もお任せいただいております

ご相談だけでもお気軽にご連絡いただけましたら幸いです☘️

数あるサービスの中からご覧いただきありがとうございます！
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年以上の経験

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

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

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

対応可能な内容

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

ご依頼の流れ

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

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

【対応可能な業務範囲】

・HTML/CSS（Sass）コーディング
・JavaScript（jQuery）を用いたアニメーション実装
・お問い合わせフォーム設置
・その他スポット修正

【標準的なお見積り】

・トップページ：10,000円~ (5セクションまで)
・セクション追加：5,000円 / 1セクション
・下層ページ：5,000円~ / 1ページ
・静的LP：10,000円 / 10,000pxまで
（以降10,000px毎に5,000円）
・お問い合わせフォーム：5,000円
・スポット修正：ご相談ください

【納品までの流れ】

1.お見積もり/ご購入
２.デザインデータ等お預かり
３.コーディング作業開始
４. 当方のテスト環境にてご確認・修正
５.最終確認・納品（サーバーアップロードまたはzipファイルの送付）

【納期】

応相談。
7日を基本となりますが、内容により前後いたしますのでまずはご相談ください

3年の実務経験を活かし、Webサイトの課題を解決します！

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

Webサイトのレスポンシブ化、UI改善、デザインの再現、保守運用など、Webサイトに関する様々な課題に対応します。

発注の流れ

お問い合わせ
メッセージでご相談ください。Webサイトの課題やご要望をお伺いします。

企画提案
課題やご要望を元に、最適な解決策をご提案します。お見積もりも提示いたします。

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

ご確認・修正
制作したWebサイトをご確認いただきます。修正点があればお気軽にお申し付けください。

納品・サポート
最終確認後、納品となります。納品後もサポートいたします。

対応範囲・価格

レスポンシブ対応：3万円〜
HTML/CSSコーディングによるレスポンシブ対応を行います。スマホやタブレットなど、様々なデバイスで最適に表示されるように調整します。

UI実装：5万円〜
JavaScript・jQueryによる動きのあるUI実装を行います。サイトに動きをつけることで、ユーザーの興味を引きつけます。

デザイン再現：10万円〜
Figma/PSDなどのデザインデータから、WebサイトやLPを正確に再現します。デザイン通りの高品質なサイトを制作します。

保守運用：月額1万円〜
Webサイトの保守運用を代行します。定期的なバックアップやセキュリティ対策、コンテンツ更新などを行います。

納期

案件により異なります。お気軽にご相談ください。

制作の流れ

ヒアリング
お客様の課題やご要望を丁寧にヒアリングします。Webサイトの目的やターゲット層などを明確にします。

企画・設計
ヒアリング内容を元に、Webサイトの構成やデザインを検討します。ワイヤーフレームやデザインカンプを作成します。

コーディング
設計に基づいて、HTML/CSS/JavaScriptなどを使ってWebサイトを構築します。レスポンシブ対応やUI実装も行います。

テスト
構築したWebサイトをテスト環境で確認します。動作確認や表示確認を行い、不具合を修正します。

公開・運用
Webサイトを本番環境に公開します。公開後もWebサイトの保守運用を行います。

サービス内容

Webサイトに関する様々な課題を解決します。HTML/CSSコーディング、JavaScript・jQueryによるUI実装、デザインデータからの正確な再現、Webサイトの保守運用など、幅広く対応可能です。

Webサイトの課題、YUKIが解決します！
現役エンジニアとして3年の実務経験を持つYUKIが、あなたのWebサイトの課題を解決します。レスポンシブ対応、UI改善、デザイン再現、保守運用まで、幅広く対応可能。
「Webサイトをもっと良くしたいけど、何から始めたらいいか分からない…」
そんなお悩みをお持ちではありませんか？
YUKIは、未経験からエンジニアに転職した経験を持つため、初心者の方にも寄り添った丁寧なサポートが可能です。
まずは、お気軽にご相談ください。YUKIがあなたのWebサイトを成功に導きます！

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

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

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

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

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

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

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

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

• デザインはあるけど、LPのコーディングだけお願いしたい

• 自分で作ったHTMLを修正してもらいたい

• できるだけシンプルな構成で、スマホ対応されたLPが欲しい

• 問い合わせフォームはGoogleフォームなどで済ませたい

• 小規模でまずは低予算でLPを作りたい

あなたの課題に、こんな解決を提供します
本パッケージでは、HTML・CSS・JavaScriptを使ったランディングページ（LP）の制作・修正を行います。
PHPを使わず、Googleフォームや外部サービスのフォームを活用することで、簡単かつ安心な構成でページを構築いたします。

• デザインデータ（Figma / Canva / PDF / 画像）をもとにした1ページLPのコーディング
• スマホ対応（レスポンシブ対応）
• スクロールアニメーション、簡単なJS演出の追加（スタンダード以上）
• Googleフォームの埋め込み or リンクボタン設置
• SEOの基本的な構造（metaタグ・alt属性など）の設定
• 他者が作成したコードの一部修正対応（オプション）
• コーディング後の簡単なカスタマイズ・微調整（オプション）

【進め方】

1. ご相談・ヒアリング（チャットにて対応）
2. デザインや要件のご共有
3. 初期コーディング作業（仮納品）
4. 確認・修正対応
5. 納品（ZIPファイル or GitHub共有 など）

【納品物】
初心者の方にもわかりやすく、丁寧にやりとりいたします
FigmaやCanvaなど、デザインツールにも対応可能

【注意事項】
PHPやサーバーサイド処理は対応しておりません
WordPress化やサーバー設定は対象外ですが、別途ご相談可能です
連絡先や外部サイトURLの記載はLancersの規約に従い控えております

【★初回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制作歴6年以上の現役エンジニア2名体制で、コーディング代行を承っております。

デザイン色の強い制作会社様と長年契約させていただいており、デザインの再現性・レスポンシブ対応の制度・アニメーション制作に特に得意としております。

• コーディングのリソースが足りていない
• デザインを忠実に再現できるコーダーがいない
• 高度なアニメーションを実装してほしい
• 経験豊富なコーダーに対応してほしい

こういった方にお勧めのサービスです！

◆作業内容

・レスポンシブコーディング
　┗ ブレイクポイント3つ + フレキシブルレイアウト
　┗ Sass（SCSS）対応可能

・お問合せフォーム実装
　┗ WordPressプラグインを使用（Contact Form 7, MW WP Form）

・WordPress化
　┗ オリジナルテーマ制作
　┗ カスタム投稿タイプ・カスタムフィールド等も対応可能

・CSS / JSアニメーション制作
　┗ スムーススクロール、スライダー、ハンバーガーメニュー等シンプルなものは無料で対応
　┗ ローディングアニメーション、GSAPを使用したスクロール連動アニメーション等の対応も可能

これら以外にもご要望がありましたら、お気軽にご相談ください。

◆制作の流れ

①ヒアリング
デザイン、ページ数、希望納期、作業範囲等をお聞かせください。
　↓
②お見積もり
お見積もりと正式な納期を提示させていただきます。
内容に同意いただけた場合、ご購入をお願いいたします。
　↓
③コーディング対応
コーディング対応を開始します。
作業進捗は常に報告いたします。
　↓
④テストアップ / 修正対応
コーディングが完了次第、初稿のテストアップをします。
お客様側でご確認いただき、修正してほしい点がありましたら対応いたします。
　↓
⑤納品
対応完了後にご確認いただき、何も問題なければ、サーバーにアップロード・もしくはZIPファイルにて納品いたします。

私たちの強み

・5年以上の経験年数有り
コードハイブのコーダーは、2名ともWeb制作歴が5年以上あります。
特にデザインにこだわりがある制作会社様と長期契約をさせていただいていることもあり、デザインの再現性・デザイナー様のイメージ通りのアニメーションを制作することを得意としています。

・土日祝日問わず対応可能
土日祝日も対応が可能なので、急ぎの場合は相談いただけましたら金曜日に依頼→月曜日に納品といったことも可能です。メッセージも24時間受け付けており、作業時間内であれば1~2時間以内に必ず返信いたします。

・デザイナー様へ
デザイナー様がこだわりを持って制作されたデザインを、忠実に再現いたします。レスポンシブ対応の手法は、フレキシブルレイアウトを採用しております。ブレイクポイントでのメジャーな画面幅の最適化に加え、ブレイクポイント間も画面幅によって要素の横幅を伸縮させることで、どんな画面幅でも表示崩れがなく綺麗に表示することが可能です。また、アニメーションにもこだわりがあるデザイナー様も大歓迎です。ホバーやスクロールアニメーション等、デザインに合ったアニメーションを提案・実装させていただきます。

・制作会社様へ
Webサイト制作歴5年以上のコーダーが、高品質・保守性の高いコーディングを提供します。SEOを意識したセマンティックコーディングに加え、サイトスピード・アクセシビリティを考慮したコーディングが可能です。さらに、GSAPやWebGLを使用した複雑なアニメーションも制作可能です。WordPressでのサイト制作では、オリジナルテーマ制作だけでなく、カスタム投稿タイプやカスタムフィールドを扱うことができます。

料金に関して

プランに表示している金額は概算ですので、ヒアリング時に詳しく内容をお聞きした後、正式な金額を提示させていただきます。

私たちの実績について

主に制作会社様からの案件対応をしているので、非公開となっております。
もし実績を確認したい場合は、ヒアリング時にビデオ通話にて紹介させていただきます。

ホームページ・LPのコーディングを代行いたします！

FigmaやXD、Illustratorなど各種デザインデータから、忠実かつ丁寧なHTML/CSSコーディングを行います。

⸻

🔧 対応内容
• HTML/CSSコーディング（静的ページ 1ページ）
• レスポンシブ対応（スマホ・タブレット最適化）
• Webフォント、画像最適化による表示速度の改善
• jQuery・CSSアニメーションの実装（オプション対応可）
• テストサーバーでの動作確認
• SEOを考慮した構造マークアップ

⸻

💡 こんな方におすすめです
• 「デザインに集中したいけど、コーディングに時間を取られてしまう」
• 「スムーズに意図を汲んでくれるコーダーを探している」
• 「信頼できる外注先を継続的にお願いしたい」

⸻

🚀 納期について
• 初稿は 最短5営業日 でご案内可能です。
• お急ぎ案件もスケジュール調整が可能な場合がございます。お気軽にご相談ください。

⸻

📦 納品形式
• ソースコード一式（zip形式）
• テストサーバーにアップロード
• ご指定のGitHubリポジトリ等への反映　など、柔軟に対応します

⸻

📝 ご依頼の流れ

1. ヒアリング＆お見積もり
   ご要件を確認後、お見積もりと納期をご提案します。
2. デザインデータのご提供
   （対応形式：Figma / XD / Photoshop / Illustratorなど）
3. コーディング作業（テスト含む）
4. 初稿のご確認＆修正対応
5. 最終確認・納品

⸻

📌 ご用意いただきたいもの
• デザインデータ一式
• 素材画像・文言（必要に応じて）
• サイトタイトル・説明文

⸻

丁寧・迅速・柔軟な対応を心がけております。
まずはメッセージから、お気軽にご相談ください！

デザインを忠実に再現し、使いやすいWebサイトでビジネスを加速させます！

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

Webサイトの品質向上、LP制作、スマホ対応、保守性の高いコード、デザインリニューアル

発注の流れ

ヒアリング
お客様のWebサイトの課題やご要望を詳しくお伺いします。参考サイトなどイメージがあれば共有ください。

企画・提案
ヒアリング内容をもとに、最適なプランとお見積もりをご提案します。デザインが必要な場合は、提携デザイナーをご紹介します。

ご契約
ご提案内容にご納得いただけましたら、正式にご契約となります。制作スケジュールを確認し、着手金をお支払いいただきます。

制作
デザインデータまたは構成案をいただき、コーディング作業を開始します。進捗状況は随時ご報告いたします。

納品・修正
完成したWebサイトをご確認いただき、修正点があればご指示ください。デザインの崩れや動作不具合は無償で修正いたします。

公開・保守
Webサイトをサーバーにアップロードし、公開設定を行います。納品後も保守・更新サポートを提供します。

対応範囲・価格

LPコーディング：40,000円〜
デザインデータから高品質なHTML/CSS/JavaScriptでLPを制作します。レスポンシブ対応込み。

Webサイトリニューアル：50,000円〜
既存のWebサイトを最新の技術でリニューアルし、スマホ対応やパフォーマンス改善を行います。

デザイン+コーディングセット：要お見積もり
デザインからコーディングまで一貫して対応。お客様のブランドイメージに合わせたWebサイトを制作します。

納期

内容により異なりますが、LP制作は通常1〜2週間で納品可能です。

制作の流れ

デザインデータ確認
お客様からデザインデータ（Figma、XD、Illustratorなど）をお預かりし、内容を確認します。構成案や指示書があれば共有ください。

コーディング
デザインデータをもとに、HTML、CSS、JavaScriptなどのコードを記述します。見やすく整ったコードを心がけ、SEO対策も考慮します。

動作確認・調整
PC、スマホ、タブレットなど、 विभिन्नデバイスで表示を確認します。レスポンシブ対応で、どの端末でも最適な表示になるように調整します。

お客様確認
お客様にテスト環境でWebサイトをご確認いただきます。修正点やご要望があればお気軽にお申し付けください。

修正作業
お客様からのフィードバックをもとに、修正作業を行います。デザインの崩れや動作不具合は無償で修正いたします。

納品
最終確認後、Webサイトのデータを納品いたします。必要に応じて、サーバーへのアップロードや公開設定もサポートします。

サービス内容

LP（ランディングページ）やホームページ制作のコーディングを承ります。デザインを丁寧に再現し、使いやすく整ったコードで仕上げます。PC・スマホ両対応、WordPress化も可能です。

Webサイトの第一印象は、企業の顔そのもの。だからこそ、美しさと機能性を兼ね備えたサイトが不可欠です。もし、あなたが「今のサイト、どこか垢抜けない…」「スマホで見ると崩れてる…」「更新が難しくて放置気味…」と感じているなら、ぜひ一度ご相談ください。私は、あなたの想いを形にするWebコーダーです。デザインを忠実に再現するのはもちろん、SEO対策や保守のしやすさまで考慮した、未来を見据えたコーディングをご提供します。さらに、信頼できるデザイナーとの連携で、デザインから丸ごとお任せいただくことも可能です。まずはお気軽にご相談ください。

Webサイトのちょっとしたテキスト修正や更新作業をお手伝いします！

　
■こんなお困りごとはありませんか？

• テキストを一文字だけ変更したい。
• 一部文章を削除したい。
• 住所や電話番号が変わった。
• リンク先が変わった。
• 画像を別のものに差し替えたい。

ほんの少し変更したいけど、制作会社に依頼するほどではない。
簡単に変えられそうだけど、手を加えて不具合が出ないか不安。
そんなちょこっとした相談、お任せください！

　
■サービス内容

Webサイトの文言修正やテキスト更新作業を代行いたします。
「会社概要の住所変更」「サービス名の統一」「ボタンラベルの修正」など、数文字の変更から対応可能です。

　
■このサービスが選ばれる理由

• 1箇所から依頼可能：小さな修正でもお受けします
• 短納期対応：基本納期は3日以内、急ぎのご相談も可能です
• 丁寧なやりとり：ご要望を確認しながら安心して進めます

　
■ご依頼の流れ

1. 修正内容をご連絡ください（スクリーンショットや該当ページURLがあるとスムーズです）
2. 作業前にお見積り内容を確認いただきます
3. 修正作業 → 納品
4. ご確認後、必要に応じて修正対応

　
■よくあるご依頼例

• 「会社の電話番号が変わったので差し替えてほしい」
• 「ボタンの表記を“申込”から“予約”に変えたい」
• 「サービス名を新しいものに更新したい」

　
■ 他作業についてもご相談ください

作業内容によって軽微なものであれば料金内で承れる場合があります。
また作業内容により追加料金をいただく事で対応できる場合があります。

「こんな小さな修正でも大丈夫かな…」と思う内容でも遠慮なくご相談ください。
迅速・丁寧に対応いたします。

◆予算について

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

◆納期について

記載の納期はあくまで目安です。
短納期を心掛けていますが、チェックバックなどで若干前後する可能性がございます事、予めご了承ください。

◆納品までの流れ

①ヒアリング
・カンプデザイン、動的制御（アニメーションやスライドなど）の有無の確認。
↓
②ご契約
・お見積り、納期をご提示させていただきます。
ご納得いただけた場合、ご購入をお願いいたします。
↓
③デザインデータおよびコーディングに必要な各情報（metaタグ周り、OGPなど）の納品
ご購入後デザインデータ（XD、figmaなど）の納品をお願いいたします。
※Adobe、ＧoogleフォントなどWEBフォントのみで制作されているデザインデータは問題ございませんが、特殊なフォントを使用されている場合はアウトライン化のデータを合わせて納品ください。
↓
④制作・確認・修正
・気になる点がある場合、可能な限り修正対応いたします。
※軽微な修正は修正回数に関わらず追加費用はございません。
※テストアップが必要でしたら、テスト環境はご用意可能です。
↓
⑤納品
・Zip形式で納品いたします。
※納品方法は指定がございましたら、お知らせください。
※原則、公開環境にアップロード（HTML、CSS、javaScript、イメージ）するファイルのみお渡しいたします。

ご不明点がございましたら、お気軽にご連絡ください。

実務経験ありのWeb製作者が、あなたがお持ちのWebデザインをコーディングします！
　

■内容

あなたがお持ちのWebサイトやLP（ランディングページ）のデザインをコーディングいたします。
・Webページのジャンル不問です
・SEOを考慮したhtmlコードの構成を検討しながらコーディングします（スタンダード以上）
・レスポンシブ対応、アニメーション付きの動きのあるページの対応OKです
・デザインを忠実再現・デザインの細かな調整あり、どちらも対応いたします
　

■こんな人におすすめ

・「デザイナーに作成してもらったWebサイトのデザインが手元にあるが、これをWebサイト上に公開できるように形にしたい」とお考えの企業・個人事業主の方
・「サイトに公開したときに、検索上位に入るようにしてほしい」とお考えの企業・個人事業主の方
・「Webページ作成業務を請け負いデザインを作成したが、コーディング作業を外注し、作業の省力化を図りたい」とお考えのWebデザイナー・Web制作会社の方
　

■メリット

・レスポンシブデザインに対応いたします。PC・スマホいずれかのデザインのみの場合も、お持ちのデザインをベースにもう一方のデザインを作成し、コーディングいたします（※スタンダード・プレミアムのみ）
・デザイン段階では形になっていない【動きのあるページ】を作成いたします。具体的なご指定・ご相談の上決める、どちらも承ります。サンプルを用いながらご希望のイメージを固めていきます。
・デザインを忠実に再現することはもちろん、ご要望に応じて細かな微調整も承ります。（※後者はスタンダード・プレミアムのみ）

まずはお持ちのデザインに対してどのように感じているかをヒアリングさせていただき、ご希望のWebページを作り上げていきます！
　

■納品物について

基本はhtml,css,jsファイル一式をzipファイル形式にまとめてお渡しとなります。
納品物となるコードをWebサイトへ埋め込む作業（CMS埋め込み、Webサーバー配置）につきましては、事前にご相談の上対応とさせてください。（※オプションになります）
　

■実務経験について

現職にて、自社で運営しているWebサイトのページ作成や改修を2年半ほど経験しております。
詳しくはプロフィールをご覧ください。

デザインをお持ちの方からのご相談、お待ちしております。
検討中のライトなご質問・ご相談や、ざっくりとしたお話のみでも、いつでもお気軽にご連絡くださいませ。
宜しくお願いいたします！

■ WEBコーディング代行サービス
コーディングのご依頼はプロにお任せください

Webサイト制作のコーディングを正確かつ迅速に対応します。
デザインデータからのコーディングはもちろん、
SEOやレスポンシブ対応も考慮した高品質なコーディングをご提供します。

■ サービス内容

・HTML/CSSコーディング
・JavaScriptの実装対応（必要に応じて）
・レスポンシブデザイン対応（スマホ・タブレット最適化）
・SEOを意識したマークアップ
・クロスブラウザチェックと動作確認
・既存サイトの修正・改善対応

■ こんな方におすすめ

・デザインデータはあるがコーディングができない方
・自社内でのコーディングリソースが不足している企業様
・品質の高いコードで安定したサイトを構築したい方
・納期を守りつつ正確な作業を求めている方

■ 本サービスの強み

・細部までこだわった丁寧なコーディング
・最新のWeb標準・技術に準拠
・SEOやUXを意識した設計で成果に貢献
・納期厳守でスムーズな進行を実現

■ ご依頼・ご相談について

コーディング業務の負担を軽減し、品質の高いWebサイト制作を実現します。
まずはデザインデータやご希望内容をお知らせください。
最適な対応プランをご提案いたします。

SEO対策可能！高品質で早いレスポンシブコーディング

はじめまして！　南と申します。
Web制作のフリーランスとして活動しております。
数ある中からご覧いただきありがとうございます。

初めての方にも安心していただけるよう、お客様に寄り添います。
費用・納期のご相談も承りますので、お気軽にお問い合わせください。

＿＿＿＿＿

対応範囲・価格

❶シンプルデザインプラン　10,000円
下層ページ　5,000円/1p
※軽いアニメーションはこちらのプランでも対応可能です。

❷アニメーションありプラン　15,000円
下層ページ　8,000円/1p

❸こだわりデザインプラン　20,000円
下層ページ　10,000円/1p

⚫︎WordPress構築　20,000円

＿＿＿＿＿

発注の流れ

❶デザインデータ共有
デザインデータや指示書をご提示いただきます。
データ形式については、XDまたはFigmaが望ましいですが、Adobe Illustratorや Photoshop その他も対応可能です。
また、Googleフォント以外のフォントを使用している場合は、ウェブサイト上で使用可能なフォントファイル・または埋め込みコードをご提示ください。

❷お見積もり
デザインに基づき、最終お見積もりを提示します。
料金や納期にご納得いただければ、契約となります。

❸制作開始
コーディング作業を開始します。

➍修正対応
進捗状況を適宜ご報告し、必要に応じて何度でも修正を行います。
※コーディング着手後の大幅なデザイン変更は追加費用が発生する場合がございます。

❺納品・公開
最終的な納品物を納品し、必要に応じて公開作業をサポートします。

＿＿＿＿＿

納期

要相談（内容により異なりますが、迅速な対応を心がけています）

費用調整のご相談も承ります。
まずはお気軽にお問い合わせください！

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アプリを作成できます。
https://www.youtube.com/watch?v=lF_Cz2K_sVI
（クリックではなくURLをブラウザのアドレスバーへコピー貼り付けしてください）

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

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

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

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

　ご覧いただきありがとうございます。初出品です。
　ご用意いただいたデザインデータからHTML/CSS, JavaScriptを用いてコーディングします。

【納品までの流れ】
　1. 相談・見積り（金額確定、納期目安等）
　2. トークルームでやりとり（データの受け取りと確認、進捗報告、修正等）
　3. zip形式で納品

ご覧頂きありがとうございます。
Webコーダーのまきせと申します。
本サービスは基本的に静的サイトのコーディングを行います。
WordPress構築も対応いたしますのでお気軽にご相談ください。

■本サービスはこんな方におすすめです

・コーダー不足で外注先を探している方
・WordPressが苦手
・WordPressが自分でできない
・コーディングが苦手なWebデザイナー様
・ディレクションやデザインに集中したい方など

■サービス内容

・デザインカンプからHTML/CSS/JSでの静的コーディング
・レスポンシブ対応
・JavaScript(jQuery)を用いたアニメーション実装（ハンバーガーメニュー、スライダー等）
・お問い合わせフォームの実装
・WordPress構築
その他既存サイトの文言、軽微なデザインの修正、アニメーションの追加等
何でもご相談くだださい。

■納品までの流れ

1,ヒアリング、デザインや情報のご提供
2,お見積り
3,ご契約
4,着手開始
5,最終確認・修正
6,納品
7,プロジェクト完了
※報連相を徹底していますので細かく進捗状況はご報告させていただきます。
※納品前の修正は無制限でご納得いただくまで行います。

ここまでご覧いただきありがとうございます。
以下に私について記載させていただきましたのでぜひ、ご一読ください。

■経歴

オンラインスクール【デイトラ】にてWeb制作を学習し現在は卒業してWebコーダーとして活動しています。
2024.11 株式会社デイトラが実施する実務即応型の検定 コーディング実務検定に合格。

■スキル・可能業務

・HTML/CSSコーディング
・JavaScript（jQuery）を使用したアニメーション制作
・WordPress化（完全オリジナルテーマの制作／PHP対応）
・デザインカンプを忠実に再現

■制作実績

・LP×5本(ドロワー、スライダーとう基本アニメーション付き、レスポンシブ対応、)
・静的コーディングからWordPress構築
(トップページ＋下層7ページ)(投稿系ページ、カスタム投稿１タイプずつ)(コンタクトフォーム設置プラグイン使用)

■仕事への姿勢

・迅速なレスポンスと報連相（報告・連絡・相談）を徹底し、円滑な業務進行に貢献いたします。
・報告・連絡・相談の徹底
・柔軟かつ誠実な対応
・ご要望を最大限実現する努力
お客様にとって価値ある成果を提供できるよう努めます。

よろしくお願いいたします。

デザインカンプを元にLPのコーディングを承ります。

• レスポンシブ対応
• デザイン完全再現
• 読み込み速度を考慮した実装
• アニメーション演出の実装
• スライダーやモーダル、アコーディオンなどのUI実装

など、ご希望どおりの仕様・デザインで実装をいたします。

【標準対応】
下記についてはオプション料金なしで対応いたします。

• レスポンシブ対応
• リソースの圧縮と読み込み最適化によるパフォーマンス対策
• スクロールに応じた要素の表示アニメーション
• 最新ブラウザでの表示チェック

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

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

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

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

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

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

▼こんな方へオススメ
デザインはあるので、下層ページのコーディングだけお願いしたい

トップページは別で依頼済み or 自社で作成済み

テキスト中心のページで費用を抑えて実装したい

WordPressなどCMSのテンプレート用HTMLが必要

納期を守って丁寧に仕上げてくれるコーダーを探している

▼ご提供内容
下層ページのHTML＋CSS（静的ページ）

スマホ対応（レスポンシブ対応）

コーディングルールに沿った実装（ご要望があれば事前に共有ください）

共通パーツの使い回し（ヘッダー・フッター等）にも柔軟に対応

シンプルなJavaScriptの動き（アコーディオン・スムーススクロール等）

▼ご購入後の流れ
ご相談・お見積もり（ページ内容・デザインを確認させていただきます）

必要なデータのご提出（画像・デザインデータ・テキストなど）

コーディング作業

納品（zip納品 or サーバーアップロード）

ご確認・修正対応（軽微な調整は料金内で対応します）

▼制作可能なジャンル
コーポレートサイトの会社概要／採用情報ページ
サービス紹介／製品紹介ページ
プライバシーポリシー、FAQ、404ページなどの静的ページ

スクール・教育機関・医療・飲料・EC関連など多業種実績あり

▼料金プランやオプション
オプション例
アコーディオン対応：無料（シンプルな構造の場合）

JSスライダー導入：＋5,000円〜

※複数ページ・ボリュームディスカウントも可能です。ご相談ください。

▼納期
1〜2ページ：2〜4営業日
3ページ以上：要相談（スケジュール優先可能です）

ご不明点・ご相談はお気軽に「メッセージで相談する」よりお問い合わせください。
丁寧・確実にご対応いたします！

▼こんな方へオススメ
デザインデータはあるけれど、コーディングができない

更新しやすく、構造のしっかりしたコードで作ってほしい

デザインに忠実に再現してくれる信頼できるコーダーを探している

制作会社や代理店とスムーズにやり取りできる外注先を探している

▼ご提供内容
静的HTML＋CSSで、PC・スマホ両対応のレスポンシブコーディングを行います。
SEOや表示速度、保守性も意識した構造・可読性重視のマークアップが得意です。

対応内容：

HTML5 / CSS3（Sass可）

レスポンシブ対応（SPはブレイクポイント指定対応可）

jQueryアニメーション（スライド・フェードなど）

ドロワーメニュー

ページトップボタン

スクロールアニメーション

フォーム（HTML側のみ / PHP設置別途）

画像最適化

▼ご購入後の流れ
ご依頼内容のヒアリング

デザインデータのご共有（Figma / XD / Photoshop / illustrator など）

ページ構成確認と正式お見積り

着手 → 中間確認（必要時）

納品（zipまたは指定サーバーアップロード対応可能）

納品後の軽微な修正1回まで無料対応

▼制作可能なジャンル
制作会社経由で多様な業種を対応しています。
ジャンルによる制限はなく、構造重視のコーディングでどんな業種にも対応可能です。

実績例：

医療・製薬系（医薬品LP）

飲料・食品メーカー（キャンペーンLP）

教育機関（専門学校、スクールサイト）

コーポレートサイト全般

健康食品ECサイト（MakeShop）

企業Q＆A　（Zendeskカスタマイズ）

CMS組み込み（Wordpressオリジナルテーマ・MovableType）

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

🟨基本料金
種別 価格（税抜） 備考
トップページ（〜7,000px） ¥20,000 基本構成＋レスポンシブ対応　長さ、ボリュームで変動
下層ページ（通常） 10,000円〜 / 1ページ　ライバシーポリシーなどテキスト主体や、下層でも動きが多いページなどを考慮し変動

🛠オプション
内容 価格（税抜）
WordPress組み込み対応 ¥40,000〜

▼納期
トップページ：5営業日程度（構成や仕様により変動）

下層ページ：1〜2営業日程度／1P

特殊なレイアウトは別途ご相談ください

制作会社で7年以上の経験を持ち、数百ページ以上のコーディングを担当。
再利用性の高い、柔軟なHTML/CSS設計が得意です。

ご相談ベースでも大歓迎です。お気軽にご連絡ください！

このページをご覧いただき、誠にありがとうございます。
はじめまして、Webコーダーの「ともひろ」と申します。

現在はフリーランスとして、HTML / CSS / JavaScript（jQuery・GSAP含む）を中心としたコーディング業務を行っております。
レスポンシブ対応（PC・スマホ）や、基本的なSEO対策も標準で対応いたします。
また、FigmaやXDなどのデザインデータをもとに、忠実かつ柔軟なコーディングを心がけています。

お客様との丁寧なコミュニケーションを大切にし、「親切・共感・提案」の姿勢で、“あと一歩先”のご提案と対応を目指しています。
修正対応や納期管理についても責任を持って進めさせていただきますので、初めての方もどうぞ安心してご相談ください。

【サービス内容】
・デザインデータからのHTML/CSSコーディング（静的ページ対応）
・JavaScriptによる動的実装（アニメーション、スライダーなど）
・HP・LPのWordPress化（別途オプション）
・GSAPなどを使ったアニメーション表現（プレミアム対応）

【料金目安】
・LPコーディング（1ページ）：10,000円〜
・下層ページ追加：+5,000円〜
・JavaScript機能追加：+5,000円〜

※正式な金額は、デザイン内容・ページ数・機能に応じて個別にお見積もりいたします。

【料金に含まれる内容】
・HTML / CSS / JSコーディング
・レスポンシブ対応（PC / スマホ）
・修正対応（5回まで無料）

【納期について】
・目安：1週間〜
※ボリュームや機能に応じて柔軟に対応いたします。
※お急ぎの場合もご相談ください（オプションあり）。

【対応可能なデザインデータ】
・Figma
・Adobe XD
・Photoshop
・Illustrator

【納品形式】
・ZIP形式での納品
・FTP情報をいただければ、アップロード代行も可能です

丁寧さと提案力を大切に、「依頼してよかった」と思っていただける制作を目指して取り組んでおります。
どうぞお気軽にご相談ください。心よりお待ちしております。

静的やWordPressサイトの改修、JavaScriptなどの実装を行います。
1万円という手軽な費用からお申し込みいただけます。（1万円の場合、修正箇所は3つまでとなります。詳しくはお問い合わせください。）

※ご購入前に、必ず無料見積もりをお願いいたします。

【ご購入いただいてからの流れ】

①無料相談
不要なトラブルを避けるため、ご購入前に必ずメッセージにて無料見積もりをお願いいたします。
↓
②ご納得いただけたら、ご購入
無料相談でご納得いただけたら、出品やオファーをご購入いただきます。
↓
③ヒアリング
認識のずれがないよう、ヒアリングで擦り合わせをいたします。
↓
④サイト改修後に提出、フィードバック
サイトを改修して提出しますので、ご確認をお願いいたします。
↓
⑤④を繰り返し、納品
④を繰り返し、完成したら納品いたします。

まずは、メッセージにてお気軽にお問い合わせください。

【実績】
※お手数ですが、先頭に「https://」をつけてご検索ください。

施工図屋さん様
sekouzu.jp/

このページを見ていただき誠にありがとうございます。
はじめまして。「ともひろ」と申します。​

「LP/HPのデザインはあるが、コーディングをお願いしたい」
「人手が足りないので、コーディングを委託したい」

そんな方々に是非コーディングをお任せいただけませんか？
現在、私はフリーランスとして、
HTML /CSS/Javascriptのコーディングを中心に活動をしています。
最後まで責任を持って対応させて頂きます。どうぞ宜しくお願い致します！

サービス内容
デザインデータからHTML/CSSを実装
必要に応じてHP/LPをWordPress化（別途料金となります。ご相談ください。）

基本料金
・トップページコーディング・・・・9,500円〜
　　　下層ページ作成・・・・・ +5,000円〜
　　　JavaScript実装・・・・・・・・・ +5,000円〜
※現在先着５名様に１ページコーディングを5,000円で提供するキャンペーンを実施中です。

料金に含まれるもの
・HTML / CSSコーディング
・レスポンシブ対応（PC, SP）
・修正（基本5回迄）

見積もりについて
デザインやボリューム感等お伝えいただき、御見積もりを迅速提出させて頂きます。

納期について
1週間～
※作業量によって異なります。
※余裕を持ってご依頼いただけますと幸いです。

対応データ
・figma
・Adobe XD
・Illustrator（.ai)
・Photoshop（.psd等画像データ）

納品形式
圧縮ファイル（ZIP）、FTPで納品・送付いたします。

親切・提案・共感をモットーにお客様の一歩前を提案できるよう、
全力で取り組みたいと思います。
是非、よろしくお願いいたします。

この度は当サービスにご関心をお寄せいただき、誠にありがとうございます。
当方では、セキュリティ対策を万全に施した安心・高品質な各種フォーム制作を承っております。

■対応可能なフォーム例
・お問い合わせフォーム
・会員登録フォーム
・アンケートフォーム
・資料請求フォーム
・見積りフォーム
・注文フォーム
・その他カスタマイズフォーム

■なぜセキュリティが重要なのか？
フォームはお客様の大切な個人情報を預かる場所です。
例えば、アドレス・お名前・住所など、万が一流出すれば
・信頼の失墜
・損害賠償リスク
といった大きな問題に発展しかねません。
「情報漏洩を防ぐこと」は、お客様との信頼関係を守る最初の一歩です。

■情報漏洩以外のリスクにも要注意！
フォームには情報漏洩以外にも、
・サイバー攻撃
・不正アクセス
・マルウェア感染
・データ改ざん・消失
といったリスクが潜んでいます。

だからこそ、SSL/TLSによる暗号化通信 + フォーム自体のセキュリティ対策が欠かせないのです。

■当方の強み
当方では、最新のセキュリティ要件を満たしたフォームを設計・構築。
安心・安全で使いやすいフォームをご提供します。
※表示価格は最低価格となっております。

■開発の流れ
1)ヒアリング（業務内容・目的・必要な機能を丁寧に伺います）
2)プラン提案・お見積り・スケジュール提示
4)システム開発・動作レビュー・修正対応
5)テスト環境での検証
6)本番納品・リリース完了！

■安心のアフターサポート
保守対応や機能改善のご提案も可能です（オプション）

※価格は基本料金です。ご要件に応じて金額・納期は変動いたします。まずはお気軽にご相談ください！

ご希望に合わせたシステム開発で、業務の効率化・サービスの品質向上をしっかりサポートいたします！

ご覧いただきありがとうございます。
Webコーダーの teppei と申します。
デザイナー様・制作会社様の「コーディングに関するお悩み」を、丁寧な実装と安心感のある対応でサポートいたします。

【こんな方におすすめ】
・コーディングを外注したい制作会社様
・コーディングが苦手なデザイナー様
・進行・コミュニケーションも安心して任せたい方

【対応内容】
・HTML／CSSで静的コーディング
・レスポンシブ対応（PC・タブレット・スマホ）
・ホバーモーション（一部JavaScript対応）
・確認後の修正対応（軽微な修正は無制限）
・サーバーへのアップロード（ご希望の場合）

【対応ツール】
Figma／Photoshop／XD

【対応の流れ】
1.ご依頼・ご相談
2.お見積り・スケジュール調整
3.ご契約
4.デザインデータご提供
5.コーディング作業
6.テスト環境または本番サーバーへアップロード
7.ご確認・修正対応
8.納品・完了（必要な場合は本番サーバーへアップロード）

【特徴】
・デザイン意図を大切にした再現性の高い実装
・進捗連絡・確認のこまめなやり取り
・納品後1週間のアフターフォロー付き
・GSAPなどを活用した上品なアニメーションも対応可

【作業内容】
・HTML/CSSを用いた静的コーディング（1ページから大量ページまで対応可能です）
・レスポンシブ対応
・JavaScriptの動的実装（スライダー、スクロールアニメーション、アコーディオン、ハンバーガーメニューなど基本的にご希望どおり実装します）

【制作の流れ】

1. ヒアリング/お見積り（お気軽にご相談ください）
2. お客様からデザインのご提供
3. コーディング
4. ご確認・修正
5. 最終確認・納品
   納品方法はGitHubコミット、zip納品、FTP送信などが可能です。その他の場合もご相談ください。

【納期】
実装内容により異なりますが、基本的には１周間以内に納品させていただきます。
ご希望の納期がございます場合はご相談くださいませ。

定めた納期は必ず守ります。
デザインに忠実なコーディングに努めております。
ご相談・お見積もりのみでも大丈夫ですので、まずはお気軽にご相談くださいませ。

【制作内容】
HTML/CSSコーディングを行います。（レスポンシブデザイン対応可能）
また、WordPressの導入およびオリジナルテーマの構築が可能であり、必要なプラグインの導入も行います。さらに、Webサイトの修正やエラーの修正も対応いたします。

【購入・納品の流れ】
1.見積もり
作成するページ数やご要件に応じて金額は変動いたします。
そのため、「まずは相談する」よりご依頼の内容を詳しくお知らせください。
納品日の目安と、追加で購入が必要なオプションがある場合ご案内いたします！

2.デザインの確認、仕様の確認
お見積もりなど問題なければ、そのままご発注をお願いいたします。
その後、写真やテキストなど、サイトに使用する素材がある場合お送りください。

3.制作開始
最終的な納品日をお伝えし、サイト構築開始いたします。

4.納品
テストサイトをこちらで用意いたします。
テストサイトでデザインや文言、アニメーションなどの確認を行っていただき必要があれば修正を行います。
修正回数は無制限です。
問題なければ本番環境へのアップロードまたは、ご要望に合わせてデータを送付いたします。

【デザインデータについて】
XDまたは、PSD、AIでのデザインのみ可能です。
画像データを切り出しを行ってデザインデータと一緒に提出してください。
また、SPデザインはトップページのみでも可能です。（こちらでSP用に調整いたします。）

【実績】
・不動産（賃貸・建売・売買どれも経験あり）
・中小企業（コーポレートサイト）
・人材派遣
・採用ホームページ
・保育園
・美容室
・葬祭
・イベント（イベントの応募や紹介なども可能）
など

本パッケージはWebサイトのコーディング代行サービスです。
ぜひお気軽にご相談下さいませ！

▼ こんな方におすすめ

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

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

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

▼ 料金

●トップページのコーディング：10,000円 〜
●下層ページのコーディング　：8,000円〜 / 1ページ
●LPのコーディング：25,000円〜
●アニメーション：要相談

※ 上記は基本料金となります。ページの長さやデザインの内容によって価格は変動します。
※ レスポンシブ対応込みの価格になります。

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

▼ 対応可能データ
※ 一枚で書き出した画像データ（JPEGかPNG）を一緒に送付ください。

▼ 納品までの流れ

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

▼ 納品形式

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

▼ 注意事項

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

※参考サイトのみのご提示やデザイン作成の対応は行なっておりませんのでご了承ください

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

あなたのWebサイトを、真面目さと丁寧さで丁寧に作り上げます！

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

Webサイトの立ち上げ、改修、または機能追加で困っていませんか？予算が限られているけれど、信頼できる人に依頼したいと思っていませんか？

発注の流れ

お問い合わせ
メッセージにて、Webサイトの目的、デザインイメージ、必要な機能、納期などをお知らせください。

要件定義
詳細なヒアリングを行い、Webサイトの構成、デザイン、機能について具体的に決定します。

設計・開発
要件定義に基づき、Webサイトの設計・開発を行います。進捗状況は随時ご報告いたします。

ご確認・修正
完成したWebサイトをご確認いただき、必要に応じて修正を行います。

納品・サポート
最終確認後、納品となります。納品後も、簡単な修正やサポートは承ります。

対応範囲・価格

基本のWebページ作成：10,000円〜
HTML/CSSを使用したシンプルなWebページ作成。レスポンシブ対応も可能です。

JavaScriptによる機能追加：5,000円〜
JavaScriptを使用したWebページの動的機能実装（フォームのバリデーション、簡単なアニメーションなど）。

WordPressカスタマイズ：20,000円〜
WordPressのテーマカスタマイズ、テンプレートの修正など。既存サイトの改修も承ります。

納期

案件によります。お気軽にご相談ください。

制作の流れ

要件定義
お客様の要望を丁寧にヒアリングし、Webサイトの目的やターゲット層を明確にします。

設計
Webサイトの構成、デザイン、機能について、お客様と相談しながら決定します。

コーディング・開発
HTML/CSS、JavaScript、WordPressなどを使用して、Webサイトを構築します。

テスト・修正
完成したWebサイトをお客様に確認していただき、修正点があれば修正します。

納品・公開
Webサイトをサーバーにアップロードし、公開します。公開後も、簡単な修正やサポートは承ります。

サービス内容

Webサイト制作、改修、機能追加を低単価で承ります。HTML/CSS、JavaScript、WordPressに対応。真面目さと丁寧さで、お客様のWebサイトを丁寧に作り上げます。

Webサイトは企業の顔であり、集客の要です。しかし、初めてWebサイトを作る方や、予算が限られている方にとって、Webサイト制作はハードルが高いものです。

そんなあなたのために、Web制作を始めたばかりの私が、真面目さと丁寧さで、あなたのWebサイトを丁寧に作り上げます。実績作りのため、低単価にて対応いたしますので、お気軽にご相談ください。

「Webサイトを作りたいけど、どこに頼めばいいかわからない…」
「予算がないけど、ちゃんとしたWebサイトを作りたい…」

そんなお悩みを解決します！まずはメッセージにてご相談ください。

フリーランスのWebコーダー、みずと申します。
・ プロジェクトの納期が迫っていて、コーディングのリソースが足りない
・ クオリティを維持しながら、信頼できる外注先を探している
・ コーディングはできるが、細かい部分やWordPressの実装に不安がある
➡︎ そんなお悩みを解決します！ お気軽にご相談ください。

▼サービス内容
・HTML/CSSのコーディング（レスポンシブ対応）
・LPのコーディング
・既存サイトのページ追加
・スライダー等のアニメーション実装
・スマホデザインがない場合の適切な対応
・命名規則やコーディングルールの希望対応
➡︎制作会社様やディレクターの皆様の要望に柔軟に対応します！

▼料金表
・トップページ：20,000円～
・下層ページ：8,000円～
・LP：30,000円～
・お問い合わせフォーム（入力＋確認＋完了）：10,000円
・WordPress化：20,000円
・WordPress カスタム投稿/カスタムフィールド：5,000円/1箇所につき
・アニメーションの実装：1,000円～5,000円
※明日までに完成などの特急料金は通常のお見積もりに+15%上乗せ
➡︎ご予算に応じて最適なプランをご提案できますので、お気軽にご相談ください！

▼納品までの流れ
① ヒアリング
コーディング内容、ご希望納期、大体のご予算などお聞かせください。
↓
② お見積り
詳細をもとに料金を提示いたします。
↓
③ ご購入
お見積りにご納得いただけましたら、ご購入をお願いいたします。
↓
④ コーディング
確認いただいた内容をもとに制作を進めます。大規模な案件は進捗報告をいたします。
↓
⑤ 初稿提出 & 修正対応
ご確認いただき、修正点があればお知らせください。デザインや仕様の変更を変更を伴わない軽微な修正は無料対応いたします。
↓
⑥ 納品
ご希望の方法で納品いたします。サーバーへのアップロードも可能です。

▼納期について
通常 1週間程度での初稿提出を目安としています。
（制作期間目安：TOPページ・LP3日ほど）
作業量により変動しますが、特急対応（24時間以内）も可能ですので、まずはご相談ください！

信頼できるコーディングパートナーとして、長期的なお付き合いも大歓迎です！

デザインデータをもとに、HTML / CSS / jQuery を使用したコーディングを行います。
各種デバイスへのレスポンシブ対応・アニメーションなど、ご希望に応じて柔軟に対応いたします。

◼︎サービス内容
・HTML / CSSコーディング（静的ページ）
・レスポンシブ対応（スマホ・タブレットなど各種デバイス）
・jQueryによるアニメーション（フェードインやスライダーなど）
・Gulpを使用した自動化（ご希望に応じて）

◼︎提供プランについて
記載しております提供プランについては、あくまで目安となります。
ご依頼内容などお気軽にご相談ください。

◼︎ご購入の流れ

1. メッセージにてご依頼・ご相談ください（デザインや内容共有をお願いします）
2. プラン確定＆お見積
3. 作業開始（ご希望に応じて進歩報告を行います）
4. 作業終了後、お客様にご確認いただき必要に応じて修正を行います。
5. 納品

「まずは相談だけ」でも大歓迎です◎
お客様のご要望に応じて柔軟に対応いたしますので、お気軽にご相談ください！

サイト制作会社様やWebデザイナー様へ

ランディングページ（一枚ものページ）のコーディングを承ります。

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

-「デザインは用意できるけどコーディングは外注したい」
-「PCデザインは用意出来るけど、SPは任意でいい感じにしてほしい」
-「自分でコーディングしている時間がない」

コーディングのお困りごとに丁寧に対応させて頂きます。

まずはご相談ください。

詳しいご要望をお聞きして、満足していただけるものを提供したいと思います。
飲食店、士業、美容、建設・不動産、スクールなど様々な業種を受け付けております。

『見積もり・カスタマイズの相談』ボタンからご相談を受け付けております。
お気軽にお問い合わせください。

【納品までの流れ】

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

2. 相談者様へ返信
　送っていただいた内容について質問や回答をお送りさせていただきます。

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

4. 製作開始

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

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

お客様にご用意いただくもの

◎コーディングを行うデザインデータ

購入にあたってのお願い

■サーバー、ドメインについてはお客様でご用意していただくため料金に含まれておりません。
■特別な仕様がある場合には購入前にご相談ください。

コーポレートサイト・LPのコーディング業務承ります！

当サービスはこんな方にお勧めです。
・人手不足によりコーダーを探している制作会社およびwebディレクター様
・複数案件を手掛け、分業したいとお考えのwebデザイナー/LPデザイナー様
・その他、パートナーとなる質の高いコーダーをお探しの方
ぜひ皆様のお力になりたいです。お気軽にお声がけください。

【サービス内容】
お渡しいただいたデザインデータを元に、コーディングを行います。
◆ユーザビリティ、表示速度を意識したHTMLマークアップ
◆SCSS/BEM記法によるメンテナンス性の高いcss
◆レイアウト崩れのないレスポンシブ対応　(PC～TB～SP 柔軟なレイアウト調整)
◆jQueryによる定番の動的パーツ実装

【基本料金に含まれる内容】
・TOPページのコーディング
・jQueryによる定番の動的パーツ実装
※下層ページは別途料金がかかります。

【その他注意点】
◇IE(Internet Explorer)はサポート終了に伴い、対応外となります。
◇お客様都合によるデザインの修正は仕様変更とみなし、別途費用が発生しますのでご注意ください。
◇作業後のチェックを徹底しますが、コーディングに不備があった場合には、無償で修正します。
◇特別な理由なく3日以内にご返信いただけない場合は、制作途中であっても取引を終了させていただく可能性がございます。大変恐縮ですが、スムーズなやり取りにご協力をお願いします。

💻【コーディング代行】
デザインを忠実に再現！スピーディーかつ高品質なコーディングを代行します。
デザインカンプ（Figma / XD / PSD など）をもとに、丁寧でメンテナンスしやすいHTML / CSS / JavaScriptコーディングを行います。
レスポンシブ対応やSEO対策、アニメーション実装もお任せください！

▽対応可能な内容

• HTML / Sass / CSS / JavaScript（jQuery含む）コーディング
• レスポンシブ対応（スマホ・タブレット）
• WordPress組み込み（静的→動的化）
• アニメーション（スライダー、フェードインなど）実装
• ページスピードやSEOを意識した構造でのマークアップ
• Gulpなどのタスクランナーによる効率的な開発対応も可能

▽こんな方におすすめ

• デザインはあるけどコーディングに時間が割けない
• 納期に間に合わせたいので部分的に外注したい
• コードのクオリティにもこだわりたい
• デザイン通りに実装してほしい

▽ご依頼の流れ
① 無料相談
② デザインデータのご提供（Figma / XD / PSDなど）
③ お見積もり・スケジュール提示
④ コーディング開始
⑤ ご確認後、納品（ZIP or サーバーアップ）

修正回数や希望納期などに応じて、内容をカスタムできます。
まずは、ご連絡ください。

新しくホームページがほしい。

昔作ったけどじだいにあわなくなったなぁ

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

既存のWebサイトで困っている方へ
修正、カスタマイズ、アニメーションの実装、保守運用などをいたします。

【基本サービス内容】
・HTML / CSS の修正、カスタマイズ
・jQueryやCSSアニメーション

【注意事項】
・1ページのコンテンツ量が多い場合は追加料金する場合があります
・コーディング方法はVSCodeで実装していきます

まずは相談かメッセージでお気軽にお問い合わせください。

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

ポートフォリオはこちら▶︎
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環境で構築いたします。
⑥構築後、テスト環境にてご確認いただき、修正点があれば対応いたします。
⑦全て完成いたしましたら、納品となります。必要時、お客様の本番環境にアップロードいたします。

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

■サービス内容

・LPのコーディング
・WordPressを用いた簡単に更新できるサイトのコーディング
（WordPressオリジナルテーマも可能）

■当サービスの特徴

・低予算かつ短納期で納品
→デザイン以降のコーディング部分に全力を注いでいるため、低予算でスピーディーに対応します。

・高品質な実装を行います
→コーディング後には（chrome、safari、firefox、edge）の各ブラウザにて表示崩れがないか等の品質チェックを行います。

・WordPressのコーディングも可能
→オリジナルテーマでの制作も可能ですので、お客様こだわりのデザインのサイトもWordPressで実装することができます。

・複雑なアニメーションも実装可能
→CSSアニメーション（GSAPライブラリ）を使い、スクロール時やサイト表示時にふわりと表示されるなどの魅力的なアニメーションを実装することができます。

・表示スピードを少しでも早く（脱jQuery）
→サイトに動きを表現するときにjQueryは使用せず、JavaScriptで書くことによってサイトの表示スピードを少しでも早くすることができます。

■全プラン無料の標準サービス

・レスポンシブ対応（スマホ対応）
・基本的なSEO対策
・クロスブラウザ対応（chrome、safari、firefox、edge）
・各種SNSへのリンク
・GoogleマップやYouTubeの埋め込み対応

（以下、Wordpressを使用した場合）
・ブログ機能
・ブログ以外の投稿機能（カスタム投稿）
・簡単に更新できるテンプレート設置（カスタムフィールド）
・基本的なセキュリティ対策

■こんな方におすすめ

・コーダー不足で外注先を探しているディレクターさま
・コーダーのパートナーを探しているデザイナーさま
・手早く丁寧にコーディングをしてくれる人をお探しの方

■私の強み

・コーディング歴5年目の経験がある
・デザイン会社と提携させていただいている
・WordPressの構築も可能
・複雑なCSSアニメーションも可能

私は現在、デザイン会社様より継続的に案件をいただいており、コーポレートサイトから個人事業主さまのブログサイトなど、幅広くWEB関連のコーディング案件を請け負っております。このような現場で培った経験を活かし、デザインに忠実に、なおかつ保守性の高い丁寧なコードを実装いたします。

■制作の流れ

1. ヒアリング
   （※ZOOMでのオンラインミーティングも可能です）
2. お見積もり金額を提示
3. デザインデータを共有、コーディング開始
4. 完成品の確認・修正
5. 最終確認、データ納品
6. 完了報告からお支払いまでのお手続き

■具体的な納品物

・本番環境に公開（お客様の方でご用意いただいているサイトに公開いたします）
・ファイル納品（テーマファイルをZip形式に圧縮してお渡しいたします）

■過去の実績

・岐阜県で新規オープンされたホテルのHP
・神奈川県の訪問介護事業をされている会社のHP
・愛知県にあるスーパー銭湯のHP（下層ページ）
その他・・

■私の特徴

　私は会社員として10年以上、経理業務に携わっていた経験があります。毎日、何十行もの仕訳入力を慎重かつ迅速に行ってきました。そんな経理職で培ってきた正確さと速さを活かし、コーダーとして活動しています。

WEB制作の実績としましては、コーポレートサイトから個人事業主のサロンまで幅広いジャンルのサイトを構築してきました。

特に意識してやっていることは、お客様の要望に合わせて、「見やすく、使いやすい」サイトを作ることです。

例えば、コーポレートサイトでは、企業のイメージやブランドをしっかりと反映させ、信頼感のある印象を与える実装を心掛けています。ボタンの上にカーソルを乗せたときのちょっとした動作も、俊敏で安定感のあるアニメーションを意識してきました。

一方で、個人事業主のサロンなどの場合は、和やかな雰囲気や癒しを感じる実装を心がけています。お店のイメージを引き立て、全体をやんわりと表示させるなど、お客様がこのお店に行きたいと思えるような魅力的な実装を意識してきました。

また、ユーザビリティの視点から、サイトの表示スピードを上げるためにjQueryを使用しないことや、異なるデバイスのブラウザでも表示崩れがないように、コーディング後にはしっかりとチェックを行っています。

私にお声がけいただければ、シンプルで直感的に操作しやすい実装をお約束いたします。

まずはお気軽にご相談ください。
お待ちしております。

▼こんな方におすすめ
「デザインができたので、自身のサイトを構築したい」
「納期までにコーディングを急いでやってほしい」

▼サービス内容

• HTML, CSS, JSのコーディング
• サイトのWordPress化
• アニメーションの実装

▼ご用意いただくもの

• 各種デザインデータ
• テキストデータ

短納期でデザイン通りにコーディングします！

ご覧いただきありがとうございます。
弊社は中小企業様のホームページ制作を続けて創立20年以上の実績があり、Webサイトのコーディングは得意分野ですので、ぜひお任せください！

【営業時間】
平日 9:30～17:30 （休業日：土日、祝祭日、特定日）

■業務内容

デザインデータをご提供いただき、コーポレートサイト / LPのコーディングを代行します。

●サービス内容

・HTML / CSSを用いたコーディング
・レスポンシブ対応
・一般的なSEO対策

●対応範囲について

本パッケージはコーディングのみ対応となりますので、作業前に必ずデザインデータをご提示ください。デザイン制作をご希望の場合は別途お見積致しますのでご相談ください。

以下のような場合も別途お見積で対応可能ですのでお気軽にご相談ください。
・WordPressテーマへの組み込み
・お知らせ / ブログの構築
・お問い合わせフォームの設置
・Googleアナリティクスの開設、設置

●制作の流れ

①ヒアリング
ご購入前に料金表の「まずは相談する」よりお問い合わせ下さい。
ご希望をヒアリングした上でお見積をさせていただきます。

②デザインデータのお預かり
対応可能データ（Photoshop ・Illustrator・AdobeXD・Figma）
提供いただくデザインデータはPCサイズのみでも構いませんが、モバイル・タブレットサイズもデザイン通りに仕上げたい場合にはお送りください。
対応可能データ以外でのご入稿はご相談ください

③作業開始
実際にコーディング作業に入ります。
納期は作業開始からの日数でカウントします。出品サービス購入から必要な素材をご提供頂くまでの日数は含みませんので、ご了承ください。

④確認・修正
テスト環境にて仕上がりをご確認いただきます。

⑤納品
ファイル納品、またはご指定のサーバーへアップロードします。
ご不明な点がございましたら、お気軽にお問い合わせください。

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

🔳　コーディング範囲:
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時間）を活かし、日本の営業時間外でも作業を進めることで、より高速な納品を実現します。

ご覧いただきありがとうございます。
ホームページのコーディングをしております、ともゆきと申します。
デザインカンプからコーディングし、デザインを再現いたします。
　デザインカンプを持っていてコーディングしてもらいたい！
　コーダーを探しているデザイナーさん
などお気軽にお声がけください

【作業内容】
・HTMLにて静的サイトのコーディング
・WordPressにて動的サイトのコーディング
・レスポンシブ対応
・ハンバーガーメニューやアコーディオンなど簡単なアニメーションの実装

【制作の流れ】
・ヒアリング/お見積り（お気軽にご相談ください）
・お客様からデザインのご提供
・コーディング
・ご確認・修正
・最終確認・納品

【納品前チェック】
・表示崩れ確認（320px～2560px）
・各ブラウザでの表示確認（Chrome、FireFox、Safari）
・ピクセルパーフェクトの確認
・問い合わせフォームの動作確認
・HTML及びCSS構文チェック（W3C）
・意図しない横スクロールは発生しないか
・誤字脱字がないか（テキスト比較ツール）
・JavaScriptの挙動確認・コンソールエラーの確認

最後に、私のポートフォリオに制作実績として掲載して良いという方はお値下げさせていただきます。
是非お気軽にご相談ください。

■サービス内容

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

■納品形式

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

■納品期間

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

■制作の流れ

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

■注意事項

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

あなたの想いを形にする、Web開発とデータ活用の頼れるパートナー！

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

Webサイトの改善、業務効率化、データ分析、LP制作

発注の流れ

お問い合わせ
お気軽にご相談ください。Webサイトの課題やご要望をお伺いします。

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

制作開始
ご契約後、速やかに制作を開始します。進捗状況は随時ご報告します。

納品・修正
完成したWebサイトやツールをご確認いただき、必要に応じて修正を行います。

対応範囲・価格

Webサイト コーディング：3万円〜
HTML/CSSコーディング：デザインデータからのコーディング、レスポンシブ対応も可能。5ページまで。

LP制作：5万円〜
ランディングページ制作：ターゲットに合わせたデザインと構成で、コンバージョン率アップを支援します。

業務効率化ツール：3万円〜
Excel/スプレッドシート効率化ツール：データ入力、集計、分析作業を自動化し、業務時間を大幅に削減します。

納期

要相談

制作の流れ

ヒアリング
お客様のWebサイトの課題やご要望を詳しくお伺いします。

企画・設計
ターゲットユーザーや競合サイトを分析し、最適な戦略を立案します。

制作
最新の技術を駆使し、高品質なWebサイトを制作します。

テスト・修正
完成したWebサイトをテスト環境でご確認いただきます。

納品・公開
本番環境へWebサイトを公開し、運用をサポートします。

サービス内容

Web開発（HTML/CSS/JavaScript）、LP制作、業務効率化ツール作成

WebサイトやLPの制作、業務効率化ツール作成でお困りではありませんか？
「Webの知識がない」「忙しくて手が回らない」
そんなお悩みを、プログラミング経験豊富な私が解決します！
HTML/CSS/JavaScriptでのコーディングはもちろん、LP制作や業務効率化ツール作成まで、あなたのビジネスを加速させるWebソリューションを提供します。
まずはお気軽にご相談ください。あなたの想いを形にするお手伝いをいたします。

ページをご覧いただきましてありがとうございます。

これまで制作会社様より受託をし、コーディングを行ってきました。
制作会社様との多数実績がございますので、安心してお任せいただければと思います。

コーディングを外注したい方、
デザインはできるけどコーディングはできない方、
せひご相談ください！

【作業内容】
HTML・CSSコーディング
js実装

【制作の流れ】
①ヒアリング・お見積り
②お客様からデザインデータのご提供
③コーディング
④テストアップ確認・修正
⑤最終調整・納品