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

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

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

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

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

① デザインデータをいただき次第、作業開始。
　（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)を使った動きのあるページもできます。
クライアント様にはサイトのデザインを用意していただき、それをもとにコーディング作業を行います。

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

ご観覧ありがとうございます。
私たちは埼玉県羽生市商店街のオフィスで
3名でコーディングを行なっているMOVE-INです。

◆こんな場合にオススメです◆

• コーダーのリソースが足りない
• コーダーのパートナーを募集している

◆基本料金概要◆
①HTML/CSSを使った静的コーティング
②レスポンシブ対応（PC/スマホ/タブレット）
③Word Pressの設置
④テスト確認用のサーバー設置

◆制作の流れ◆

1. 「見積り、カスタマイズの相談に進む」からご連絡ください
2. お打ち合わせ(リモート)
   ※デザインを確認をさせて頂きます(XD FIGMA AI PSD etc....)
3. お見積書のご提出
4. 制作開始
5. 修正
   6.　納品/公開

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

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

デザインデータからHTML・CSSを使用したコーディングを代行いたします。
静的コーディングになります。
レスポンシブ対応（スマホ・タブレットに対応）も有料にて承っております。

◆制作の流れ
①ヒアリング・お見積もり
→ページ数・内容量に応じてお見積もりします。
②契約
③デザインデータ確認
→Photoshop、Illustrator、XDのデータに対応可能です。
④コーディング作業開始
⑤ご確認・修正
→修正は3回まで無料で対応いたします。
⑥最終確認
⑦納品
→zipファイルでの納品、またはサーバーにアップでの納品となります。

まずは、「見積り・カスタマイズの相談をする」からお気軽にご相談ください。
購入にあたってのお願い
【注意事項】
※ご注文後のキャンセルはお断りしております。
※ご購入前にお見積りのご相談をお願いいたします。

【お客様にご用意いただくもの】
◎デザインデータ
psd、ai、XDのいずれかをお願い致します。その他の場合はご相談ください。

◎画像、文章などの素材

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オリジナルテーマ開発

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

■こんな方におすすめ
-デザインはできるけどコーディングできる人材が欲しい方
-サイト制作をまるっと任せたい方

■ご提供内容
-いちからHTML、CSS、javascriptを用いてコーディングいたします。
-webサイト、LPを1から作成いたします。
-必要であればwordpressも対応できますので、ご相談ください。

■最終的な納品物
-コード一式をデータで納品いたします。

実績5件まで1ページ3,000円〜でWEBサイトのコーディングをお手伝いいたします。

パッケージ内容

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

HSP（Highly Sensitive Person：非常に感受性が強く繊細な気質を持った人）の私が人一倍繊細にあなたのWEBサイトのコーディングをお手伝いいたします。
ポートフォリオなどはプロフィールにて紹介しておりますので、よろしければご覧ください。

当パッケージでは私のHSPの気質を活かし、お客様に不快な思いをさせないよう、人一倍繊細にやり取りさせていただきますので、初めての方でもお気軽にご相談ください。
購入されない場合でも丁寧に対応させていただきますのでご安心ください。

【当パッケージの特徴】
・実績5件まで3,000円〜でお受けいたします（システム上10,000円となっていますが、見積もり時にコーディング内容をヒアリングし、価格を変更いたします）。
・HSPの私が人一倍繊細に、丁寧に対応いたします。
・修正回数無制限で対応いたします。
・納品後に更新が必要な場合も丁寧に対応させていただきます。
・Next.jsを使用し、SEO対策を行います。

【料金について】
WEBサイトのコーディングは専門知識と技術が必要です。
しかし高額な費用がかかってしまうため、WEBサイトの作成を諦めてしまう方も多いのではないでしょうか。
私のパッケージでは、実績5件まで3,000円〜でコーディングいたします。
これは業界最安水準です。

【修正について】
デザインをもとにコーディングさせていただきますが、実際にコーディングされたWEBサイトを見ると「この部分に動きをつけたい」というような要望が出てくると思います。
そのような要望にも無制限で対応させていただきます。
※デザインが最初から大きく変更される場合は追加料金をいただきます。

【SEO対策について】
「SEO」という言葉はご存知でしょうか。
SEOとは「Search Engine Optimization」の略であり、検索エンジン最適化を意味します。
SEO対策を施すことにより、WEB検索で上位に表示されやすくなります。
SEO対策には複数の要素がありますが、ページの表示速度を高速化することが1つの要素になっています。
Next.jsを使用することでページを高速で表示できるようになるため、SEO的にも有利になります。
つまり作成したWEBサイトを見てもらいやすくなります。

【ご購入後の流れ】
① 依頼前にお見積もり
↓
② ご契約、仮払い
↓
③ デザインをもとにWEBサイトをコーディング
↓
④ やり取りの中でWEBサイトを修正
↓
⑤ 納品

【基本料金に含まれる内容】
・1ページのコーディング（あまりに長い場合は追加料金がかかります）
・HTML/CSS（Tailwind CSS）/JavaScript（Next.js）を使用したWEBサイトの作成
・簡単な動きのあるWEBサイトの作成
・スマートフォン/タブレット/パソコン対応のレスポンシブコーディング（2つ以上のブレークポイントが必要な場合は追加料金がかかります）
・無制限の修正（デザインが大きく変わる場合は追加料金がかかります）

【追加料金について】
・2ページ目以降のコーディング：2,000円〜
・複雑な動きのあるWEBサイトの作成：3,000円〜
・2つ以上のブレークポイント：2,000円〜
・最初のデザインから大きく変更がある場合：3,000円〜

私からのメッセージ

ここまでご覧いただきありがとうございました。
数多くのパッケージから私のパッケージに興味を持っていただきうれしく思います。

私はお客様の想いをWEBサイトを通してより多くの人に伝えたいと思っています。
私の繊細な感性であなたのWEBサイトを丁寧にコーディングいたします。

お客様に寄り添って丁寧に対応いたしますので、他のサービスとも比較していただいたうえで、私のサービスに魅力を感じていただけた場合はお見積りをよろしくお願いいたします。

ご覧頂きありがとうございます。
Webページ、LPなど、デザインからのコーディングを行います。
デザインはあるけどコーディングにお困りの場合など、ぜひご相談ください！

■作業内容
　●デザインカンプからの静的コーディング（HTML・CSS）
　●レスポンシブ対応、Javascript対応（ご相談）

■制作の流れ
まずは、お客様のご依頼内容についてお伺いさせて下さい。
お見積もり・納期の目安をご連絡させて頂きます。

1.ご依頼内容の確認・お見積もり・納期の目安のご連絡
2.ご購入後、制作要件についてのご確認、デザインカンプ等の必要なデータの受け取り
3.制作開始
4.完成品の提出とご確認（修正箇所の確認）、納期の確認
5.修正対応
6.修正品の提出とご確認
7.最終納品

■納品方法
コーディングデータをzipファイルにて納品させて頂きます。

■デザインカンプデータ
Adobe Illustrator, Photoshop, XD, Figmaに対応致します。

■納期
お急ぎの場合など納期についてのご相談も可能です。

■こちらでの検証環境
Mac最新OSにてChrome, Safari, FireFox
iPhone最新OSにてChrome, Safari, FireFox

ーーーーーーーーーーーーーーーーーーーーーーーーーー
■その他、ご質問などありましたら、お気軽にお問い合わせ下さい。

「デザインカンプは作れるので、サイトにして欲しい！」
そんなご希望におこたえいたします。

ECサイト（静的な部分）・LP・コーポレートサイトなどに対応しております。
HTML / CSS / JavaScriptでウェブサイトを構築いたします。

ページの長さ、文字や画像の量などをお知らせいただけましたら
ご予算にあわせてお見積りいたします。

⚫ご提供させていただけること
・保守性が高いCSS設計に基づいたHTML/CSS/JSコーディング
・WordPressの導入、改修など
・Gitを用いたコード管理（常にバックアップが取れています）
・無料で画像圧縮
・こまめな進捗報告による「作業の見える化」

⚫作業内容について
・静的コーディング（1ページ〜）
・レスポンシブ対応（スマートフォン、タブレット）
・ハンバーガーメニュー、スライダーなどの実装
・お問い合わせフォームの実装
※WordPressは別途追加費用が発生いたします。

⚫ご予算について
記載の金額はあくまで目安でございます。制作ページ数やアニメーションによって変動することがございます。実装内容やご予算など、いつでもお気軽にご相談下さい！

⚫ご購入の流れ
①「見積もり・カスタマイズの相談に進む」を押下いただき内容を詳しくお聞かせください。
②納期目安、追加で購入が必要なオプションがある場合にご案内いたします。
③内容に問題が無ければご発注をお願いいたします。
④写真やテキストなどの素材を当方までお送りください。
⑤作業開始。まずは1p完了後にURLをご連絡します。その後は1~3日に1回程度の報告をいたします。
⑥全体コーディング完了後、ご査収いただき修正対応いたします。（無料で3回まで）
⑦ご指定のファイル形式にて納品

⚫実績
静的コーディングからのWordPress化、静的ページのテーブル修正、静的LP、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コーディングを承っております。

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

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

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

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

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

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

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

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

出品開始したばかりのサービスなので、最初のご依頼に限り
5ページまで ￥30,000 - でご提供させて頂きます。

現在はベーシックプランしか受け付けておりません。

主に制作会社様向けのご提案となっております。

■■こんな悩みを解決します■■

「ECサイトの制作が依頼が来たものの、慣れているコーダーがいない」
「社内リソースが足りないので、外注したい」

そんなお悩みを解決いたします。

原則、デザインデータのご用意をマストとさせて頂きます。
データの種類はXD・figmaを基本とし、「イラレ、フォトショ」は別途有料オプションにての対応となります。

■■料金目安■■
□トップページ / ¥30,000〜
□ヘッダー・フッター・スマホメニュー / ¥30,000 〜
（原則、元テーマに準じたカスタムとなります。）
□下層ページ（1ページあたり） / ¥15,000 〜

デザインボリュームによって、お見積もりは前後いたします。

■■対応プラットフォーム■■
□shopify（dawn）

不明点はご相談に乗りますので、遠慮なくご連絡ください。
WodPress構築の際、ブロックエディタやelementorでの制作はできかねます。
*その他プラットフォームにつきましては、対応経験が乏しいため要相談とさせて頂きます。

■■対応可能範囲■■
コーディングのみ対応となります。
「商品登録」「発送設定」等、管理業務につきましては対応外とさせて頂きます。
プラグインの導入は埋め込みのみ（簡素なCSS程度ならOK）とします。

■■サービスの流れ■■

□　お見積もり・DM」よりご連絡
↓
□　現状のヒアリング
↓
□　お見積もり
↓
□　制作
↓
□　テストサーバーにて確認
↓
□　ご納品

■■お願い■■

□制作スピードと品質を重視しております。レスポンスの芳しくない方はご遠慮願います。

□「アイコン設定のないアカウント」「意味不明なユーザーネーム」「孫請けもしくはそれ以下と見受けられる御依頼」につきましては、お断りすることがございます。

□ピクセルパーフェクトはご対応しかねる場合がございます。

□数時間以内にご返信できるよう努めます。

□制作実績をポートフォリオサイトやプロフィールに掲載させて頂く場合がございます。

□まずはダイレクトメッセージでお気軽にご相談下さい。
購入にあたってのお願い
□デザインデータをご用意ください（psd, AI, XD）

□こちらで原稿の用意、作成はできかねます。

□即日のご対応が難しい場合もございます。

□相場を逸脱した低価格の御相談には、返信できない可能性がございます。

□個々のSEO・広告対策については対応しておりません。

□売上・アクセスUP等のご相談はお受けしておりません。

□サーバー・ドメインの取得代行は行っておりません。

□Webサイトを一から立ち上げるサービスではございません。

□下記、内容を含むご相談に関しましてはお受けしておりません。
・公序良俗に反するコンテンツを含むサイト
・アダルト系
・投資を募るもの（セミナー・株・FXなど含む）
・根拠のない理由を元に、報酬を受けられるとうたうビジネスモデル
・宗教等の勧誘
・情報商材系
・制作物の商用的二次利用
・既存サイトのコピー、もしくは近しい要望

＊ご依頼後5日以上ご返信を頂けない場合は、ご確認の上その時点でのデータのご納品となります。またキャンセル・ご返金はできかねます。

【ランサーズ活動開始記念 - 初回１０％OFF！！ - 】

▼こんな方、ぜひご相談ください！

・コーダー不足で外注先を探している方
・コーディングが苦手、対応できないWebデザイナー様
・他の業務に集中したい方
など

----------受注後の流れ----------------------------------------
➀お打ち合わせ・ヒアリング
②ご契約（仮払い）
③デザイン（ワイヤーフレーム～デザインカンプ）
④コーディング
⑤テストアップ
⑥公開
---------------------------------------------------------------------
　

▼主な対応可能業務

●スマホタブレット表示対応
●保守性の高いCSS設計
●内部SEOを意識した構造化マークアップ
●Wordpress
∟お問い合わせフォーム（contact form 7）
∟ブログ通常投稿（archive,date,category,single,sidebar）
∟カスタム投稿
∟カスタムフィールド
∟カスタムタクソノミー
●metaタグの設定
∟タイトル、ディスクリプション（サイトの説明書き）の作成
●読み込みスピード高速化
∟画像webp化・圧縮
∟CSS・Javascriptの圧縮
--------下記要望があれば対応可能--------------------------*
●OGP画像作成
∟リンク添付時に表示される画像
●ファビコン作成
∟ホームページのタブの小さいアイコン
　

▼追加料金なしのアニメーション

●スライダーまたはカルーセル（1つまで）
●アコーディオン
●トップへ戻るボタン
●ハンバーガーメニュー
　

▼デザインデータについて

Figma、XD、AI、PSD、エクセルでも対応可能です。
※理想はFigma、XDですと大変助かります。
　

▼納品方法

お客様の要望に合わせさせていただきます。
・Wordpressプラグイン　All-in-one WP Migration
・ファイル（ギガファイル便）
・FTPツール
・その他
　

▼動作確認

・Chrome、Edge、Firefox、Safari
・Windows10以降、iOS、Android

※すべて最新版に限ります。
※IE11は対応不可です。

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

＼＼　デザインに忠実な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タグを使用します。

**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日間早められるほか、
  更に早めることができる可能性があるのでご相談ください。

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

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

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

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

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

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

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

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