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

こちらのサービスをご覧いただきありがとうございます。

『コーディングにあまりお金をかけられない』
『忙しくてコーディングだけ頼みたい』
方、ぜひ私にお任せください！！

希望のデザイン通りにコーディングいたします。

まずは、「見積り・カスタマイズの相談をする」からお気軽にお問い合わせくださいませ。

◆サービスの内容
・デザインデータからHTML・CSSを使用したコーディング
・レスポンシブ対応（スマホ・タブレットに対応）

■コーディング料金
・基本料金：20,000円〜
・レスポンシブ対応：無料

■納期
稼働状況により変動しますが、ご依頼日の翌日より1週間程度で納品可能です。
※作業開始日より3 〜 4日で初稿をテストアップいたします。

◆制作の流れ
1、ヒアリング&デザイン確認&お見積り（※まずはご相談下さい！）
2、お客様からデザインのご提供
3、コーディング＆テスト
4、ご確認・修正（修正は3回まで）
5、最終確認・納品
※テストはMacで「Chrom、Safari、Firefox」の各ブラウザで行います。
※納品方法は希望がなければZipファイルを送付致しますが、サーバー納品にも対応可能ですので、ご希望の際はご連絡ください。

■私の強み
①納期厳守
　納期は必ず守ります。
　定期的に作業の進捗を報告致します。
②細部へのこだわり
　どんな方でもわかるようなコーディング
③ヒアリング重視
　Webサイトによって何を実現したいのか目的を共有させていただきます。
　目的達成のため、私からも提案させていただく場合もあります。
④柔軟な対応
　フリーランスであるため、平日休日問わず対応が可能です。
　すぐお答えできない事も、現状をお伝えした上でお調べし、丁寧なご返答を心がけております。

■こんな方にオススメです！
・コーディングは全て丸投げしたい。
・リソース不足で外注したい。
・長期的に依頼できるコーダーを探している。

■その他のサービス内容
・レスポンシブ対応
・jQuery & CSSアニメーション
・お問いわせフォーム実装
・WordPressへの変換作業
・下層ページのコーディング
・サーバーへのアップロード（無料）

ホームページの修正や更新を行います！

ホームページの修正や更新を行うにあたってこんなお悩みはございませんか？

【お悩み】
・ちょっと修正してほしいけど、自分ではやり方もわからないしできない…。
・なるべく安く済ませたいんだけど、依頼すると高そうだなぁ…。

➡️全て私にお任せください！！！

【解決策】
・「文字の色やサイズを変更したい」などの簡単な修正から対応！
・ご予算に合わせて安価に対応！

【作業内容】
・文字の色やサイズの変更
・画像の差し替えをしたい
・今あるホームページをスマホに対応させる
・グーグルマップの埋め込み
…など

上記は一例です。
他にも「こんなことがしたい」ということがあれば、ぜひお気軽にご相談くださいませ。

デザインデータからの静的サイトのコーディング作業を代行いたします！

こんなお悩みはございませんか？

【お悩み】
・デザインはできるけど、コーディングができない…。
・デザインデータと違うのができたら嫌だな…。
・なるべく安価で頼みたい。

→全て私にお任せください！！

【解決策】
・デザインデータを渡していただければ、コーディング代行します！
・ピクセルパーフェクトを目指します！
・ご予算に合わせて安価に対応！

【制作例】
・ハンバーガー店のサイト

【作業内容】
・デザインカンプからのコーディング作業の代行
・HTML・CSS・jQueryを使ったコーディング
・FLOCSSを使ったCSS設計を意識したコーディング
・レスポンシブ対応

【ご用意いただくもの】
・デザインデータ(XD、Photoshop)

デザインカンプからのコーディングを行います。
デザインの再現についてと表示の確認作業を重点的に行います。
納品について以下が可能です。
・html,css,javascriptファイル納品
・サーバーアップ（FTP）
・scss、gulpfile（ご希望あれば）
別の納品方法のご指定がある場合にはご相談ください。

• こんな方にオススメ
  単発で依頼をなさりたい方

• 何ができるの？
  簡単なデータ入力、スクレイピング

• 経験など
  本業は飲食を行なっておりますが、２年程独学をした成果を試したいと思い lancers を利用しています。
  未熟者ですがよろしくお願いします。

• 時間など
  夜勤なので平日は時間が空いておりますので、比較的にスピーディーに対応できるかと思います

《自己紹介》
プロフィールをご覧いただきありがとうございます、はぎ　と申します。
フリーランスとして、ホームページ・ランディングページの制作を行なっております。

《提供可能なこと》

【HTML・CSS・JavaScript（jQuery）のコーディング、WordPressでのサイト制作】

　ホームページ、ランディングページのデザインデータからのコーディングを行ないます。
　また、修正のみのコーディングやページ内の一部のコーディングにも対応します。

【デザインデータをお持ちでない場合での、ホームページ制作】

　中小企業・個人店のお客様でデザインデータをお持ちでないお客様でも、
　通常の製作期間よりは長くなってしまいますが参考サイトをご提示いただければ
　サイト制作のご相談に対応いたします。

　またサイト制作に使用される画像やイラストが無い場合でも各種素材を準備していますので
　お気軽にご相談ください。

【料金内で対応可能な動きのある要素】

　・スライダー（複数枚の画像を次々と切り替えて表示するもの）
　・ハンバーガーメニュー
　・ページトップへ戻るボタン

【オプション料金で対応可能なもの】

　・アコーディオン（項目をクリックしたりタップしたりすることで、隠れている詳細画面を表示させるもの）
　・タブメニュー（Webページを移動することなく指定範囲の表示内容を切り替えられるもの）
　・ローダー（ページOPEN時のロゴなどを表示させるもの）
　・お問い合わせフォーム
　・スクロール時に要素がふわっと動くなどのアニメーション
　・スクロール時に背景画像に影響させるアニメーション
　
　その他、実装に工数が多く掛かるものや1ページの長さが5000pxを超えるものについては
別途お見積もりをさせて頂きます。

《お約束事》

・お客様への分かりやすく丁寧なサポートを心掛けて作業を進めていきますので、ホームページ制作のご依頼が初めての方でもご安心ください。

・作業は迅速に、途中経過も確認できる形で進めていきます。

最後までご覧いただきありがとうございます、
ご依頼いただいた際は『お客様への分かりやすく丁寧なサポート』『作業の途中経過の報告』を
心掛けてお客様の求める以上の作品を納品いたします。

気になることがありましたら、お気軽にご連絡くださいませ。
よろしくお願いいたします、以上となります。

HTML/CSSの修正・変更をなるべく安く済ませたいという方にピッタリの内容です。
業務内容としては、修正・変更を行っています。
仕事量によっては納期が変わることがあります。

可能業務
・コーディング代行（HTML,CSS)を使用してのコーディング
・JavaScript使用してのハンバーガーメニュー、スライダーなどの動きのあるサイト作成

実績
・サンプルサイトを作成しました。
＊詳しくはポートフォリオをご覧ください。

ランサーズは初めてですので、レビュー5件までは割引価格で提供いたします。

私の業務内容を下記に記載いたしますので、ご興味いただけましたら、
ご連絡のほど、宜しく願いいたします。

【スキル】
・HTML / CSS(Sass) / Javascript / jQuery / PHP(WordPress実装レベル)
・WordPress(オリジナルテーマの作成)
・Gulp

■上記のスキルを使用して以下のご提供が可能です。
・ランディングページの制作
・WordPressを用いたオリジナルテーマのサイト制作
・マルチデバイスに対応したサイト制作(レスポンシブ対応)
・Sass(CSS設計)を用いた保守・予測・拡張・再利用しやすい設計
・Javascript / jQueryを用いたアニメーション
・Gulpを使用したユーザビリティを向上させた効率的なコーディング

【使用ツール】
・Adobe (XD / Photoshop) / Figma
・Chatwork / Slack / Zoom / Microsoft Teams / Google Meet 等
　※その他は貴社の規定に従います。

【実務経験】

実務経験の詳細を記載いたします。
どの案件も納期を遵守しており、お客様からのクレームは一切ございません。
納品前の品質チェックを重要項目として考えておりますので、品質を担保するための「品質チェックシート」を作成し、納品前の確認を行なっております。

(1)LINEマーケター様 LPコーディング
・ボリューム：9224px(問い合わせページ含む)
・担当範囲：ディレクション、コーディング
・実装期間：5日(レスポンシブ込み)

<意識したこと>
・制作状況の報告
・納期の遵守
・依頼者の想いが伝わるデザインにする
・ヒアリングシートの活用により、依頼者とデザイナー様の認識違いを無くす
・表示崩れを起こさないコーディング
・仕事を納期通りにやり切る姿勢

(2)法人様 会社紹介のサイト制作(静的サイトのコーディング)
・ボリューム：TOP 1ページ　下層3ページ
・担当範囲：コーディング
・実装期間：7日(レスポンシブ込み)

<意識したこと>
・制作状況の報告
・納期の遵守
・品質チェックシートの提出
・デザインを忠実に再現する
・仕事を納期通りにやり切る姿勢

【稼働時間】
・現在専業フリーランスとして活動しており、1日10時間以上の稼働が可能です。
貴社の事業を最優先に取り組ませていただきます。

・14年にわたる社会人経験を生かし、丁寧な対応と即レスにより円滑なコミュニケーションをお約束いたします。

・自主的な報連相と納期遵守にて作業を行います。

円滑なコミュニケーションとコーディングにより、依頼者様の業務をお手伝い致します。
ご興味いただけましたらご連絡いただけると幸いです。

▼サービス内容　※すべてLPが対象となります
・HTML/CSSによるコーディング
・レスポンシブ対応
・アニメーションやJavaScript等を用いた機能の実装
・お問い合わせフォームの設置
・運用を意識したmeta情報やOGPの設定
・ページ読み込み速度向上のための画像圧縮
・WordPress化、必要に応じたプラグインの設定
・サーバーへの設置

ホームページ、LP、WordPressなどのコーディング業務はお任せください。
デザイナー様が作成したXD、Photoshopファイルなど、ご提供頂いたデザインデータからコーディングいたします。
作成したデータをzipファイルで送付、または、レンタルサーバーへのアップロードも対応可能です。
出来る限りご要望には柔軟に対応可能ですのでお気軽にご相談ください。

このようなお悩みを解決します。
・コーディング、WordPress構築を依頼できるパートナーを探している。
・デザインはできるがコーディングが苦手。
・リソース不足でコーダーが不足している。

【可能作業】
・HTML、CSSを用いた静的コーディング
・静的サイトからWordPress構築
・WordPressテーマの編集/作成
・各デバイス（スマホ、タブレット、PC）表示対応、レスポンシブ制作
・PC用デザインしかない場合のタブレット、スマホ表示のコーディング。※こちら側でPCデザインを元に表示を調整します。
・ブレイクポイントの追加。
・JavaScript,、jQueryによるアニメーション実装

ボリューム・機能によって納期や料金が変わってきますので、まずはご相談いただければと思います。

【連絡・打ち合わせ可能ツール】
メール、電話、Slackやチャットワーク、zoom/Teams/Google Meet。

【作業の流れ】
(1)ヒアリング：ご契約前の打ち合わせ
(2)お見積り・ご契約：お見積り、納期をご提示させていただき、ご理解とご納得いただけた場合にご購入をお願いいたします。
(3)各データ・情報の共有：制作に必要な資料やデザインデータなど素材ファイルなどのをご提供してください。
(4)制作開始：いただいた資料とデータを元に作業をいたします。
(5)作業完了後、レイアウトや動作検証などご確認ください。
(5)問題がなければ納品となります。

① デザインデータをいただき次第、作業開始。
　（XD,Figma,Ai,PSDに対応。
　　必要であれば打ち合わせ可能です。）

② HTML/CSS/JavaScriptコーディング。
　（どんなアニメーションにも対応可能。
　　WordPress組み込みまでも承っております。）

③ 品質チェック
　表示チェックやエラー確認、デバイス表示チェックを行い、
　品質チェックシートと一緒にご提出いたします。

④ 納品

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

「デザインデータはあるけどコーディングはどうしよう」
「コーディングだけお願いしたい」
「何も言わずに淡々とコードを書いてほしい」
いう方、お気軽にご相談下さい

Webページをコーディング(ご希望があればスマホ対応も可能です)し、WordPress化致します。

▼サービス内容
・お預かりしたデザインカンプやサイトのコーディング
・静的サイトのWordPress化
・SEOを意識したタグの適切な使用をしたコーディング
・レスポンシブ(スマホ)対応(希望があれば)
・jQueryを使用した簡単な動きはサービスいたします("ハンバーガーメニュー"や"Topへ戻るボタン"など)

▼制作〜納品の流れ
①ヒアリング・お見積もり
→ページ数、動きについてのご相談や使用する画像についてのご相談とお見積もり

②デザインデータや画像データのご共有

③コーディング・テスト
→環境テストはMacでChrom, Safariで行います

④提出・ご確認・修正
→制作物をご確認いただき、修正等伺います

⑤最終確認・納品

▼納期
余裕を持った納期のご提案をさせていただいております。
目安としてはデザインデータをお預かりしてから５日〜２週間ですが、最終的にはご相談にて決めさせていただきます。

納品方法は
・サーバーへのアップロード
・zipファイルでの納品
など、お客様とご相談させていただきます。

▼お取引後のアフターケア
修正を納品から1週間までを無料にて対応させて頂きます。
お気軽にご連絡ください。

購入にあたってのお願い
▼デザインとサイトに使用する画像素材は全てお客様でご準備をお願いいたします。
・画像加工には対応できませんのでご了承くださいませ。
・デザインデータは、Illustrator / Photoshop / Adobe XD / に対応しております。

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

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

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

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

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

まずはご相談ください。

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

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

【納品までの流れ】

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

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

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

4. 製作開始

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

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

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

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

購入にあたってのお願い

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

web制作会社にて長年広告LPを専門にコーディング業務をしてまいりました。
広告LPには、ある程度『型』がございます。
長年『型』が経験として蓄積されていますので
広告LPを専門に携わる事で、より精度が上がり
より効率化が図れるようになり
より丁寧に短納期を実現する事ができました。

【低価格】

効率化により工数が減る分、お客様に還元出来るよう
低価格を実現しています。

【制作の流れ】

ヒアリング
↓
お客様からデザインのご提供
↓
コーディング
↓
確認、修正
↓
最終納品

【納期】

16,000px程度であれば大体一日で納品いたします。
30,000〜50,000px でも2、3日で納品可能です。
※お客様から最終デザインデータを頂いてからの日程になります。
前後のスケジュールの都合では上記の通りにできない場合もございますが
事前のお見積もり、ご相談時にお伝えさせていただきます。

【即レス】

製作中の急な仕様変更や修正連絡など
メッセージを頂いてから15分以内に返信させていただきます。
ご使用いただけるツールとしましてはメール、電話、Chatwork、Line、Slack
その他お客様のご希望があればご用意させていただきます。

【入稿データ】

Adobe XD, Photoshop, Illustrator, Figma, Sketch
※Illustratorでの入稿データの場合のみ別途納期をいただいています。

【料金】

デザインデータの縦の長さ（ピクセル）に応じて料金が決定します

【基本単価】
基本PC版かSP版のみ　0.4pxにつき1円になります。
（デザインカンプ長さpx ÷ 0.4 ＝ 金額）
例) 16,000pxのLPであれば16,000 ÷ 0.4 ＝ ¥40,000になります。

【レスポンシブ単価】
レスポンシブ追加される方は0.8pxにつき1円になります。
（レスポンシブカンプ長さpx ÷ 0.8 ＝ 金額）
例) 8,000pxのSPカンプであれば8,000 ÷ 0.8 ＝ ¥10,000になります。

※基本単価、レスポンシブ単価共に4000pxが1単位になります
例) PCのみデザインカンプが45,578pxの場合
基本料金のスタンダード(30,000px)から見積もり相談に進んでいただき
メインカンプ追加4000px(16,000px)を4つ追加して下さい。

【Wordpress単価】
Wordpressでの構築は
基本単価: デザインカンプ長さpx ÷ 0.2 ＝ 金額
レスポンシブ: レスポンシブカンプ長さpx ÷ 0.4 ＝ 金額
通常料金プラスWordpressのオプションを追加してください。

【料金に含まれるもの】
・スライダー(Slick, Swiper)実装
・カレンダー(pickadate)
・動画埋め込み
・地図埋め込み
・光るボタン
・動く矢印
等々その他ご希望のアニメーションがあれば実装いたします。

たくさんの中からこちらのページを見ていただきありがとうございます。

大阪でWEBコーダとして活動しております大森と申します。

このようなことでお困りでは無いですか？

案件が立て込み、小さな修正などを誰かに頼みたい。
デザインしたサイトの外注したい。
サイト制作を全て巻き取ってくれるパートナーが欲しい・

全て解決可能です！！
コーダーメインでお仕事をしておりますが基本的に
チームで活動しておりますのでサイト制作を一から全てこちらでお受けすることが
可能です！！

商品の3dモデルを作成し、主にスマホユーザーに直接的な使用体験を与えます。

統計データから商品の使用経験がコンバージョン率を向上させるために最も大切であるという事実が導きだされています。

デモ:

https://project-template-1.vercel.app/example/3d/potion
https://project-template-1.vercel.app/example/3d/diamant

コーディング作業承ります。

デザイン案がなくても、簡単なラフ案と原稿あれば対応可能です。
1ページからも承りますが、複数ページももちろん大歓迎です！

デザイン制作も可能ですので、お気軽にご相談ください。
軽微なJavaScriptの機能実装も費用内で可能です。

PC、スマホ対応のレスポンシブコーディングとなります。
※PC/スマホ対応のレスポンシブデザイン（タブレットはPCの表示に準じます）

【作業内容】
・新規サイトのコーディング作業
・既存サイトへのページ追加
・LPページのコーディング
※データ納品も可能ですし、指定のサーバへのアップももちろん対応可能です。

ご不明な点ございましたら、お気軽にご相談ください。

HTML/CSSのコーディングを主にやっています。
ページの修正・変更からページの制作までやっています。
レスポンシブ対応やJava script(jQuery)を使った動きのあるページもできます。
クライアント様にはサイトのデザインを用意していただき、それをもとにコーディング作業を行います。

できているデザインをもとにコーディングしていきます。

以下の業務を受注いたします。まだまだ経験値の少ないプログラマーですが、低価格・丁寧にご対応いたします。
〇HTML・CSSコーディングの代行
〇プログラム中のバグを取り除くデバッグ作業
〇レスポンシブ対応
〇シングルページサイトの作成対応

デザインのあるページのHTML、CSS、Javascriptコーディングを行います。
デザインのない場合も別途対応しますが、追加の費用をいただきます。また、デザインはそれほど専門的な技術を持っていないため奇抜なデザインなどは難しいです。

**WEB制作会社様／WEBデザイナー様向け**

WordPressのコーディング、まだエディタで書いてる？

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

☑デザインはPC用だけで、レスポンシブ対応を済ませたい
☑デザインはしたいけど、コーディングは誰かに任せたい
☑変更はコーディングの知識なしでサクッとやりたい
☑コーダーさんによってコーディングの癖があって困る

よくあるオリジナルテーマの作成ではPHP、HTMLなどでページをWordPress化しますが、
これは時間もコストもかかるし
コーディングは人によってクセが出るもの。
変更したくなった場合、人が作ったものは解読が難しい場合も。

しかもWordPress管理画面からは一切変更が出来ないといった
WordPressの機能を殺してしまうサイトも存在します。

これらを解決するために、私はWordpressサイトを

【Elementor】というテーマ作成用プラグインで作成します！

▼この方法のメリット

• 画面操作でテーマを構築。エディタでのコーディングより素早く正確に作成！
• 完成したサイトはWordpressの管理画面から直感操作で更新可能！
• 構築はプラグインが制御するから、作る人によるクセが出ない！
• PC版デザインのみでレスポンシブデザインをこちらで対応可能！
• CSSアニメーションやJSによる動的サイトの作成も可能！

【Elementorって？？】

Elementorは海外でポピュラーなテーマ作成用プラグイン。
プラグインのダウンロード総数TOP10に入る大人気プラグインです！

テーマ作成用に開発されたプラグインだから
オリジナルテーマが素早く完成！

簡単に更新可能だから
更新の度に制作者に頼る必要もなし。
管理画面に入れる方なら専門知識なしでできる操作感♪

ぜひElementorでのサイト制作をご検討ください。

▼納品の流れ

1.出品者へDM（ダイレクトメッセージ）を送信
　「まずは相談する」というボタンからご連絡ください。
　コーディングしたいサイトの内容（ページ数、アニメーションの有無、機能の有無など）をお教えください。

2.出品者から相談者様へ返信
　こちらから送っていただいた内容に関して質問や回答をさせて頂きます。

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

4.製作開始
　制作に必要な情報を頂きましたら、制作開始いたします。

5.納品物の確認と修正
　制作したもののご確認と、修正箇所のご指摘を頂きます。

6.移行
　修正箇所にご納得頂けましたら、制作は完了となります。
　テスト環境での作成の場合、プラグインを使用してサイトの移行を行います。

7.納品
　移行が完了し、動作確認後問題ないようでしたら納品となります。

▼ご注意

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

▼こんな方へオススメ

• ウェブサイトの立ち上げやリニューアルをお考えの方
• 独自のデザインや機能を持つウェブサイトを作りたい方
• スマートフォンやタブレット対応を求めている方
• 小規模から大規模まで、様々なプロジェクトのウェブ開発を検討している方

▼ご提供内容

• HTML、CSS、JavaScriptを使用したウェブサイトのカスタム開発
• レスポンシブデザインによるスマートフォン、タブレット対応も可能

▼ご購入後の流れ

1. ヒアリング: プロジェクトの要件やご希望を詳しくお聞きします。
2. 企画・提案: ご要件に基づき、最適なプランと見積もりを提案します。
3. デザイン: ご承認いただいたプランに基づいて、デザインを進めます。
4. 開発: デザインを元に、HTML/CSS/JSでコーディングを行います。
5. テスト・修正: 完成したウェブサイトのテストを行い、必要に応じて修正します。
6. 納品: ウェブサイトを公開し、必要な運用指導を行います。

▼制作可能なジャンル

• ジャンルは問いません（風俗関連はNGです）

▼納期

• ベーシックプラン: 2週間
• スタンダードプラン: 2週間
• プレミアムプラン: 3週間以上
  ※プロジェクトの規模や内容により変動します。
  また、オプションで3日間早められるほか、
  更に早めることができる可能性があるのでご相談ください。

HP作成

ホームページ、ランディンページの修正、コーディングはお任せください
★プロのデザイナー様、企業からリピートあり！

安心してあなたのWebサイトをお任せください！

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

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

ほんの少しの修正が必要だけど、コーダーの手が空いていない
安定した品質を担保できるコーダーがいない
コーディングが苦手で誰かに任せたい
このパッケージを購入することでこの悩みが解決できます
いつでもすぐ対応してくれるコーダーがいるから安心♪
品質が担保できるから、安心して任せられる♪
デザインだけに集中できるので、デザインの品質が上がり、デザインの単価も上がった♪
初めての方へ
当サービスはWebサイトの修正や更新、新規ページのコーディングなど
Webサイトのお困り事を解決するサービスです。

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

”スマホでは表示が崩れる”
”お問い合わせフォームをつけたい”
”文書を変えたい”
”ホームページをネットに公開したい”
”新しくランディングページを作りたいなど”
「こんなことできるかな？」と思ったら、お気軽にご相談ください。
相談は無料です！
どんどん相談しちゃってください！

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

⚫︎ランディングページのコーディング：44,000円〜

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

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

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

実績
公開・掲載が難しいものがいくつかありますので、大変お手数ですが個別にお問い合わせいただければと思います。

デザイナー様からLPコーディング依頼
制作会社様からWordPress（オリジナルテーマ）のコーディング依頼
個人事業主の方から静的ホームページの修正依頼など
ここまでご覧いただきありがとうございました。
数多くのサービスから私のサービスに興味を持っていただき、嬉しく思います。

もしお任せしていただける場合は【丁寧な対応】、【最高品質】を持って
料金以上の納品物を納品させていただきます。

その為にもまずは詳細なご依頼内容を伺いたいので、
下記の【ご依頼、お問い合わせ】のURLの「見積もり・カスタマイズの相談に進む」から
一度ご連絡ください。
また質問なども同じURLからお問い合わせできますので、お気軽にご相談ください。

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

サービスを閲覧いただきありがとうございます！
Chatwork/backlog/slack/line/電話などお客様のご都合に合わせますので
まずはお気軽にご相談いただければと思います。

○　サービス内容　○
・HTMLの静的ページのコーディング
・JavaScriptを使用した動的な動きのあるページの作成
・WordPressのオリジナルテンプレート作成から特定のテーマに合わせたコーディング
※WordPressは場合によって別途費用がかかる場合がございますのでお気軽にご相談下さい。

○　制作内容　○
単発ページ作成・修正等のスポット対応から
新規サイトコーディング・LP制作なども承っております。
お客様のご要望に沿った対応を致します。

○　- スポット修正　○
作業時間　1時間あたり7500円にて対応させていただいております。
例えば簡単な文字修正　7500円 x 0.25 = 1875円
例えば簡単な画像修正　7500円 x 0.50 = 3750円

○　コーディング費用　○
トップコーディング費　￥20,000～ / 1ページ
・下層コンテンツコーディング費　￥10,000～ / 1ページ
・JavaScriptの実装 → 内容に応じて別途お見積もり
・お問い合わせフォーム設置 → ￥15,000～

・WordPress オリジナルテンプレート作成　￥50,000円～
・WordPress テーマに沿ったサイト制作　※内容によってご相談

※デザインによって金額は変動いたします。
レスポンシブに関しまして、ブレイクポイントの内容により作業量が変動致しますのでご相談出来ればと思います。

○　無料対応　○
・画像圧縮
・WordPressの場合はプラグイン導入は基本無料
※プラグインによるサイトのカスタマイズ作業が発生する場合は別途ご相談させてください。

○　流れ　○
まずはご相談内容をお聞かせください
↓
作業の洗い出しと納品日と金額をお伝えいたします。
↓
問題がなければ、着手致します。
↓
ご確認
※修正は基本無料で対応いたしますが、あまりにも多くの回数だったり仕様の変更等入る場合は
別途ご相談させていただければと思います。
↓
納品
※対応ブラウザは「Chrome/Edge/Firefox・i-os safari/chrome 」としています。

土日祝日の対応も可能なので
まずはお気軽にご相談下さいませ。

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

宜しくお願い致します。

〇Webサイトのデザインが決まっていてHTMLとCSSのコーディングを外注したい方におススメです。

▼こんな方におすすめ
・コーディング業務を代行したい
・コーディングできる人を探しているデザイナー様、デザイン会社様

▼パッケージ内容
静的コーディング
・デザインカンプからのコーディング
・レスポンシブ対応
・保守しやすいFLOCSSを用いたCSS設計
・修正３回まで無料
・JavaScript（jQuery）を用いた各種アニメーション対応
　- ハンバーガーメニュー
　- スライドショー
　- アコーディオンメニュー

WordPress構築
・オリジナルテーマの作成

▼品質チェック
品質チェックリストを共有します
確認端末：Mac / Windows / iPhone / Android
ブラウザ：Chrome / Edge / Safari

▼対応デザインデータ
Figma / XD / Photoshop / Illustrator

▼納品方法
サーバーへのアップロード / Zipファイルの送付

料金はあくまで目安です。ページ数・内容に応じて変動しますのでご相談ください
ご相談だけでも構いませんのでお気軽にどうぞ！

＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝

2000pxごとに2,000円

＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝

この度は、数多くのランサーの中から弊社のページをご覧頂きありがとうございます。
株式会社サクラボは、宮城県仙台市を拠点に活動する企業です。

当社のコーディングサービスは、『ページの長さによって料金が決まる』シンプルな価格設定です。

・初めてご利用されるお客様にも…
・いつもご利用いただいているお客様にも…

常にわかりやすい料金プランでコーディング致します。

「見積金額がわかりづらい」「コーディングのリソースが足りない」そんな時は是非サクラボに頼ってください！

【料金プラン】

＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
ページの長さ（合計px数）＝ コーディング費用
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
（合計px数のうち最初の2000pxまでは10,000円、以降 2000pxごとに2,000円加算されます）

★ページの長さが合計「6000px」ならこの価格！
￥16,000

★ページの長さが合計「32000px」ならこの価格！
￥40,000

★ページの長さが合計「72000px」ならこの価格！
￥80,000

※オプション追加料は別途加算されます。

【サービスの特徴】

• シンプルな料金プラン
  【2000pxごと2,000円】のシンプルな料金プランで提供します。
  「初回見積もりは安いが、最終的に費用がかさんで赤字案件になった」…そんなことがないような明朗価格となっております。

• デザインを忠実に再現
  デザインデータを綺麗に形に致します。デザイン通りのコーディングを実現するため、経験豊富なコーディング専門スタッフが責任を持って対応いたします。

• 品質チェックテスト込み
  コーディング後は、全ての幅、複数のデバイス、ブラウザで崩れが起きていないかをテストして納品させて頂きますのでご安心ください。

【サービス内容】

• レスポンシブコーディング
• リキッドコーディング
• PC/SPコーディング
• リフレッシュコーディング
• CSSアニメーション
• JavaScriptアニメーション
• CMS設置（Wordpress、他相談ください）
• ECサイト構築（EC-cube、他相談ください）

※詳細はお問い合わせください

◆基本料金に含みます

• Google Maps API
• SNS組み込み
• その他簡単なjQuery/JavaScriptの実装

【購入後のおおまかな流れ】

1. ヒアリング・お見積もり（まずはご相談ください！）
2. データ入稿
3. コーディング・テスト
4. ご確認・修正（不備があれば修正いたします）
5. 納品（zipファイルでの納品いたします）

【納期】

納期はあくまで目安です。ご依頼状況にあわせて変動する場合があります。まずはご相談ください。

「WEB」「HP」制作の
「サポート」から「制作作業」など、
様々なお手伝いをさせていただきます。

「コーディング方法」や「不具合の解決」など
簡単な「サポート」から、
「制作」「コーディング」も。

部分的な修正も可能です。
「１ページ」「１サイト」のコーディングもご相談ください。

ご希望をお聞かせいただければ、
できるだけ、ご希望に沿った対応をさせていただきます。

本パッケージは以下のサービスです。
駆け出しのため費用は抑えております。
特に制作実績として公開させていただける方、
納期にご理解いただける方からのご依頼をお待ちしております。
ご提示した納期前に必ず納品いたします。

内容から判断がつかない場合は
お気軽にお問い合わせくださいませ！

◆◇ーーーーーーーーーーーーーーーーーーーー◇◆
こんな方におすすめ
・コーダー不足で新たに外注先や委託先を探している方
・コーダーをお探しのWebデザイナー様
・急ぎの案件ではないため費用を安く抑えたい方

◆◇ーーーーーーーーーーーーーーーーーーーー◇◆
ご提供内容
・HTML/CSS/JavaScriptによる静的サイトの構築（BEMを使ったCSS設計）
・静的サイトのWordPress化、WordPressオリジナルテーマ開発

◆◇ーーーーーーーーーーーーーーーーーーーー◇◆
全体の流れ
１．ヒアリング　
　└　正式なご依頼前にまずご相談くださいませ！
２．ご契約　＆　仮払い
３．制作開始
４．確認　＆　修正　
　└　ご検収いただくまで誠心誠意ご対応させていただきます。
５．納品

webサイトのコーディングを承ります！
「デザインは用意できるけどコーディングは外注したい」
「PCデザインは用意出来るけど、SPは任意でいい感じにしてほしい」
「自分でコーディングしている時間がない」
「サイトの一部箇所の修正をお願いしたい」
などのコーディングのお困りごとに丁寧に対応させて頂きます。
お気軽にご相談ください。

【制作内容】
・静的コーディング
・LPコーディング
・WordPressコーディング（オリジナルテーマ）
・WordPress既存テーマのカスタマイズなど
・レスポンシブ対応
・スマホ（またはPC）デザインがない場合、コーディングベースで作成
・画像サイズ圧縮
・webp化
・ファビコン作成 など…。

【実績】
WordPressホームページ制作
・既存テーマカスタマイズ
・トップビューアニメーション
・オリジナルホームページ制作
詳しくはポートフォリオをご覧ください。

【簡単な修正、コーディング代行】
簡単な画像の差し替えや、部分的なコーディング、修正は1箇所大体5,000円からご対応します。
内容によってはもっとお安く対応する場合もございますので、一度ご連絡頂ければと思います。
パッケージのシステム上ベーシック最低10,000円以上からの設定しか出来ないため、
簡単な修正内容希望の方は一度ご相談いただければ幸いです。

【ご依頼・制作の流れ】
①「まずは相談する（無料）」よりお問い合わせください。
②コーディングするデザイン等をご共有ください。
③コーディングを開始します。
④ご確認・修正：コーディングしたサイトをご確認いただき、必要に応じて修正いたします。
⑤ご納品：データでの納品・サーバーへのアップなど対応させていただきます。

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

※デザインの内容や量によって費用の追加をお願いする可能性がございます。

ご提供内容

プログラミングの手伝い。
Vue.jsやnode.jsはある程度経験があります
AWS lambdaやDynamodbなども使えます
Pythonもある程度は扱えますが、DjangoやFlaskなどの経験はありません
Flutter（Dart.js）は勉強中ですが、対応可能です

こんな方へオススメ

スポットで業務への手伝いが欲しい方
プログラミングの手伝いが欲しい方
フロントエンドの一部の画面だけ作って欲しい方
フロントエンドの画面の一部を修正して欲しい方。

できなくはないかもだけど、苦手なこと

React、Wordpress
（これらの言語にも対応できないわけではなく、自分で勉強しながらキャッチアップ可能です。学習時間分のコストは勿論請求しません）

ご購入後の流れ

ChatworkやDiscordなど、好きな方法で取引可能です

料金プランやオプション、納期

柔軟に内応可能です

プランによって無料修正回数が異なります。

＼＼　デザインに忠実なHTML・CSSコーディングを承ります。　／／

■私について
現役Webコーダーのゆりと申します。
見ていただいてありがとうございます！
画面幅が変わった際の画面崩れが気になる細かい性格です。
丁寧且つ謙虚な対応を心がけており、
下請けやお客様という関係より、同じ制作物を作る仲間だと思って仕事をしたいと思っています！

■販売価格について
下層ページなど比較的簡易なページ内容（A4で1P程度）を想定しております。
トップページやLPなどの場合は別途お見積もりさせていただきますので、
お気軽にご相談くださいませ。

■納期について
納期を早めることも可能でございます。（追加料金有）

まずはお気軽にご連絡いただければ嬉しいです！

ご覧いただきありがとうございます。
お気軽にご相談下さい。

【　こんな方におすすめ！　】

・リッチなサイトにコーディングしてほしいWEBディレクター様・デザイナー様
・納期に余裕があるので品質を上げたい
など

【　サービス内容　】　

●Webサイトをリッチに仕上げる以下のサービスが標準実装です。
・スムーススクロール（動画参照）
・マウスストーカー
・レスポンシブ
・フルイドレスポンシブ（ブレウザ文字サイズへの対応）
・ハンバーガーメニュー（既定デザイン）
・ローダー（既定デザイン）

●無料アニメーションを準備しています。
私のポートフォリオの参照動画よりエフェクトを確認いただけます。
・マウスエフェクト（マウスストーカーによるホバーエフェクト）
・スクロールに連動したアニメーション（fadeや背景色の変更など）
・Three.jsを用いた画像等のアニメーション（ホバー時のエフェクトなど）

【　料金　】

●基本料金
・トップページ：25,000円〜
・下層ページ：17000円〜
・お問い合わせフォームの設置： 5,000円(プラグイン)〜
・アニメーション＆JavaScriptの実装：3,000円〜

必要な機能、ページの長さ、デザインなど
ご要望により価格が変動致します。
お気軽にご相談下さい。

【　お願い　】

●パーフェクトピクセル対応は行っておりません。
デザインデータを正確に再現するように努めておりますが、
数ピクセルずれのみなどの修正指示には対応できない場合があります。

●クオリティを確保するためにしっかりとした制作期間を確保させて頂いております。
制作期間目安
・TOPページのみ：　２週間
・TOPページ　＋　下層４ページ：　４週間

●ファイルでのお渡しのみとなります。
・all in one wp migrationのデータ
・容量過多の場合：themeフォルダなどを追加でお渡し

●デザインデータはfigmaのみ対応させて頂いております。

【　制作の流れ　】

①　ヒアリング・お見積もり
必要な機能や納品方法、スケジュールについて
↓
②ご契約・デザインデータお預かり
↓
③コーディング
↓
⑥テストサーバーにて全体を確認・修正
↓
⑧最終確認・納品

【　注意点　】

●納期について
納期はデザインデータなどの提供素材が揃ってからカウントとしております。

●フォントについて
基本はGoogleFontにあるフォントを使用しております。
GoogleFontにないフォントをご使用している場合は、お客様に確認させていただきます。
デザインデータの中に有料フォントがある場合、お客様の方でご準備をお願いいたします。

●画像のalt属性について
スライダーなどの複数の画像を遷移させる場合、
エフェクトの特性上、正しいalt属性を設定できない場合がございます。

●HTMLのタグについて
使用しているJavaScriptライブラリの関係上、適切なタグが使用できない場合があります。
例）アンカーリンクのaタグは、spanタグを使用します。

▼こんな方へおすすめ
手間のかかるコーディング作業を任せたい方
プログラムにかかわらず，様々な作業を行います．詳しくはご相談ください

▼ご提供内容
簡単なコーディング作業代行

▼ご相談
ご購入前にコーディング作業の要件を簡単にお知らせください

ご覧いただきありがとうございます。
安心してお取引できるよう、丁寧に対応を心がけております。
まずはお気軽にご相談ください。

当サービスでは、デザインデータからHTML/CSSコーディングを承っております。

ーーこのようなお悩みの方へおすすめですーー
・コーダーが足りない
・コーディングできる人がいない
・レスポンシブにも対応してほしい
・費用を抑えてコーディングを任せたい
・デザイナー様、ディレクター様、制作会社様など

ーー基本料金で対応できることーー
・HTML/CSSを使用したコーディング
・WordPress化（オリジナルテーマ化）
・簡単なアニメーション（ハンバーガーメニュー、スライダー、アコーディオンなど）

【お見積りに関して】
記載の料金は目安になります。
作成するページ数や要件よって変動しますのでご了承ください。
ご予算に応じた調整も可能ですので、一度ご相談頂ければ幸いです。

【修正に関して】
無制限で対応いたします。
ただしデザインの変更や要件変更によるものは追加料金を頂戴する場合がございます。

ーー対応可能データーー
・Figma
・AdobeXD
・Illustrator

ーー納期についてーー
トップページのみの場合は最短で3日になります。
ただしデザインやボリュームによって変動しますので一度ご相談くださいませ。

ーー制作の流れーー
①まずは相談するボタンよりお問い合わせくださいませ。
②ヒヤリング（HPやLPの詳細や要件についてお伺いします）
③制作開始
④ご確認と修正（制作したHPをご確認いただき、必要に応じて修正させていただきます。）
⑤納品（基本的にはZIPファイルでの納品になります）

ーー最後にーー
Web制作歴は2年ではありますが、ご満足頂けるように精一杯対応させていただきます。まずはお気軽にご相談頂けますと幸いです。どうぞよろしくお願いします。

LPのコーディングを承ります。
(HTML/CSS/Javascript/jquery)

実力を向上させるため、格安でコーディングいたします。

オプション等は画像をご確認ください。

話をしてから発注をしたいとお考えの方も見積もりでご相談ください。
押し売りは絶対にいたしません。
お互いがHAPPYになれるよう、丁寧な対応を心がけます。

まずはご相談から、お気軽にどうぞ♪