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

■提供可能なこと
・HTML/CSS/jQueryを使ったコーディング
・保守・運用しやすいようなCSS設計

■制作内容の詳細
・静的コーディング（1ページ〜）
・レスポンシブ対応
・スライダー、スクロール、アコーディオン、ハンバーガーメニューなどの実装
・お問い合わせフォームの実装
・JavaScriptの機能実装：5,000円～ / 1点
・お問合せフォームの設置：内容に応じて別途お見積もり

ご閲覧ありがとうございます！
デザイナー歴6年目です。
本業ではランディングページ作成をメインにマーケティング関連のデザインをやっております。

コーディングがわからない。
画像は作れるけどその先がわからない。
プログラミング？何それ？

そんな方はぜひ、ご相談ください！
お安く作業致します。（本職でもコーディングをやっております。）

◆作業内容
・HTML/CSSを用いた静的コーディング
・SEO用にメタキーワードの設置
・テスト用アップロード時に修正対応

◆オプション
・レスポンシブ対応
・お問い合わせ・メールフォームの設置
・jQueryやCSSを使ったアニメーション

SEO会社様と10年以上お付き合いさせて頂いている、フリーエンジニアです。
SEOを意識したコーディング、スピーディな納品を強みとしています。

Photoshop、illustorator、Fireworks、XD、figma等のデータを頂ければ、コーディングデータ一式を納品します。

【概要】

■静的コーディングのみ(HTML、CSS)
※jsやphpを使用する場合、別途見積り対応です。
ハンバーガーメニューやスライダー、アコーディオン等簡易なのものは複雑なデザイン・動作の指定のない場合に限り料金内で作業させて頂きます。

【以下のような場合も別途対応可能です】

■PC又はスマホ単独ページの場合
レスポンシブ対応が必要ない場合は金額を下げさせて頂きますので別途ご相談ください。

■複数ページの場合
1ページコーディングの金額です。
複数ページの場合も対応可能ですので別途ご相談ください。

■WordPress等のCMSの組み込み納品やカスタマイズ修正について
CMSの組み込みやカスタマイズ修正に関しては別途ご相談ください。

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

■おすすめの方
・コーディングにお金をかけたくない方
・１ページだけ作成したい方
・デザインはできるけどコーディングが苦手

■作業内容
・HTML/CSSを用いた静的コーディング
・スマホ、タブレット、PC対応
・レスポンシブ対応
・JavaScriptで動きのあるサイトの構築（スライダー、スクロールアニメーション、アコーディオン、ハンバーガーメニューなど）

■作業内容
・HTML/CSSを用いた静的コーディング
・スマホ、タブレット、PC対応
・JavaScriptで動きのあるサイトの構築（スライダー、スクロールアニメーション、アコーディオン、ハンバーガーメニューなど）
・レスポンシブ対応

■納期
ご依頼日の翌日より1週間程度で納品可能です。
※稼働状況によって変動いたします。

■制作の流れ
1、ヒアリング
2、お客様からデザインデータのお預かり
3、コーディン・テストアップ
4、ご確認・修正
5、最終チェック
6、納品

ご質問等ありましたらお気軽にご相談ください！

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

こちらのパッケージでは、簡単な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オリジナルテーマの制作や共同制作にも携わらせていただいております
その他、改修、保守運用もお任せいただいております

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

HPを制作いたします。
またLPも可能となります。

デザインカンプから『Visual Studio Code』で行います。
Sassで修正や追加しやすいようにCSS設計を意識してコーディングをします。
納品は.zipで圧縮してのお渡しを考えております。

■■■ 個人情報の取り扱いに関して ■■■
個人情報に関しましては、一切当方で保存・複製は致しません。
作業完了後は責任を持って提供頂いた情報の破棄を致します。
安心してご依頼ください。

こんな方へおすすめ
・すぐにホームページが欲しい
・初めてホームページ制作を依頼する

ご提供内容
・HP、LP制作
⚠️デザインの制作は行なっておりません。必ずデザインがある状態での案件依頼をお願いします。

扱っている言語
・HTML
・CSS
・jQuery

料金プラン
15000円←すぐにHPが欲しい
30000円←しっかりとしたHPが欲しい
10万円←ページ数が多く30000円のプランを大幅に超えてしまう方におすすめ

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

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

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

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

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

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

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

LPサイトのパッケージ商品です。
コーディングのみの商品となります。デザインは支給していただきます。
（デザイン混みの商品もあるので、デザインから必要な場合はそちらをご覧くださいませ。）
スマホ対応も含め3日で納品可能です。

HTML/CSSを入力する時間の無い方。
急ぎでない案件の方。
Wordで文章を書いて欲しい方。

サービスページをご覧いただき、ありがとうございます！

当方では、HTML・CSS・JavaScriptを使用したコーディングを行っております。
いただいたデザインをもとに、丁寧でスピーディーなコーディングを行うことが可能でございます。
是非お気軽にご相談ください。

【料金目安】
トップページ：50,000円〜
子ページ： 20,000円〜
お問い合わせページ：8,500円〜
※サービス料金は目安でございます。お打ち合わせ後に正式なお見積りを提示させていただきます。

【サービス内容】
・HTML・CSS・JavaScriptを使用したコーディング
・レスポンシブ対応（スマホ・タブレットサイズへの対応）

※いただいたデザインと相違点がある場合には、無償で修正対応いたします。着手後、デザインに変更がある場合には追加料金を頂戴し、修正を行うことが可能でございます。
制作開始後のキャンセルは如何なる場合も受け付けておりませんので、予めご了承くださいませ。

●ご用意して頂くもの
・デザインカンプ（Adobe XDもしくはFigmaで制作したもの）
・画像や動画等の素材
・会社やショップのロゴ

【取引の流れ】
①メッセージにてお問い合わせください
②ヒアリング
③お見積もり（実際のデザインを拝見した上で、正式にお見積りを出させていただきます。）
④購入のお手続き
⑤制作・修正
⑥納品

お気軽にご相談下さい。

こんな問題にお悩みの方必見！

✅WEBサイトを作りたいけど、どこに発注していいのか分からない。
✅コーディングを外注して作業効率をあげたい。
✅WEB制作会社で経験を積んだ人にコーディングを依頼したい。

WEB制作会社の現役マークアップエンジニアが
皆様のお困りごとのお手伝いをさせていただきます。

■基本パッケージに含まれるもの

HTML／CSSコーディング
レスポンシブ対応
画像、CSSファイル、JavaScriptファイルの圧縮
仮納品後、修正対応（3回まで）

■基本パッケージに含まれないもの
WordpressなどCMS導入、アニメーション導入（オプションとなります）
スマホデザインが無い場合のレスポンシブ対応（デザインがある場合は無償対応いたします）

■納期

ベーシックプラン：2日程度
スタンダードプラン：7日程度
プレミアムプラン：21日程度

■納品までの流れ

1ご契約
↓
2ご要望のヒアリング
↓
3Webサイト制作開始
↓
4仮納品、修正
↓
5納品

【納品形式】
・zipファイルでの納品
・サーバーにアップロードして納品

■お見積り、納期の参考例

スタンダードプランを選択、
Wordpress導入（投稿機能付き）、
カスタム投稿設定、
お問い合わせフォーム設置の場合

基本プラン　5,0000円
Wordpress導入　4,0000円
カスタム投稿設定　8.000円
お問い合わせフォーム　8,0000円

合計　106,000円

作業日程　 約17日（基本プラン7日、オプション追加3日）

(丁寧な対応☆即納☆丸投げ可／Web制作/まずはお気軽にご相談ください！）

初めまして！フリーランスエンジニアの『しん』と申します。
どこよりも短納期で、お客様の満足度100％のサイト制作をさせて頂きます！

わたしはランサーズ上においては駆け出しエンジニアのため、
現在は金額設定も他の方よりも柔軟に対応させて頂いております。
他のクラウドソーシングにおいてはすでに依頼にて業務をさせて頂いており、受託した全案件において☆満点評価☆を頂いております。

下記、わたしの経歴と実績です。
ご査証、ご検討よろしくお願いいたします。

【実績】
・ポートフォリオ
https://shin-sakai-cs.com/

【経歴】
・工学系分野にて国立大学、大学院を修了
・大手電機メーカー、世界的輸送機器メーカーにて最先端デバイス開発を経て、
　エンジニア開発を行っております。
　　→会社対会社の開発案件の取りまとめを行った経験などもございますので、
　　　ご依頼における調整事項へのスムーズな対応や、お客様のご質問に迅速に対応させて
　　　頂くなど、お客様にストレスのない対応を心がけて進めさせて頂きます。

【対応可能な業務内容】
・お客様のご要望をお伺いしてのHTML、CSSを使ったWebサイト制作
・数百種類のテンプレートを用いた短納期サイト制作

【可能な業務】
上記の業務内容の他、
・word pressの導入・サイト構築（各種プラグイン対応）
・コーポレートサイト作成
・LPページ作成
・レスポンシブサイト
などを得意としております。

【使用言語】
・HTML
・CSS
・JavaScript（jQuery)

【使用ツール】
・VScode
・AdobeXD　など　客様のご要望にお答えいたします。

【稼働時間】
平日、土日祝問わず最大１２時間で在宅ワークをお受けしております。
（ご要望に合わせて調整可）

会社員業では、最先端技術の活用や優れた技術の横展開により、世の中にない最先端デバイスの開発を経験してきました。
その経験を経て、「もっと身近で直接関わることができるお客様」へ貢献したいと考え、現在はWebエンジニアとして価値提供を行なっています。

何よりもお客様の「目標達成」をお約束できるような対応をさせて頂きます。
これまで納品させて頂いたお客様からは、Webサイト制作だけでなく、集客対策もお手伝いさせて頂くことで
『「お客様に来て頂く」という目的を達成でき、大変満足している』
とのお言葉も頂いております。

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

デザインを元にレスポンシブコーディングを行います。

・基本的に768px以上のタブレットはPCと同じ表示
・768px以上の分岐のメディアクエリはデザインを拝見してからいくつ必要かをご相談させてください。
・767px以下はスマホ対応
・A4サイズ2ページ位の縦長を1ページと想定しています。
・デザインは基本的にPC同様の画像を使用し、横長画像で文字が見えない場合はスマホ用に画像を作成します。
・SP版のデザインPSD等ご支給くださいませ。

※ご不明点はメッセージ等でお気軽にご相談くださいませ。

PC版Webサイトがある状態で、スマホ対応する場合の作業内容です。
20ページ以内

・767px以下はスマホ対応のレスポンシブコーディング
・768px以上（iPadなどのタブレット）はPC版と同じ表示
　※768px以上もレスポンシブコーディングの場合は、ご相談させてくださいませ。
・A4サイズ2ページ位の縦長を1ページと想定しています。
・デザインは基本的にPC同様の画像を使用し、横長画像で文字が見えない場合はスマホ用に画像を作成します。

※ご不明点はメッセージ等でお気軽にご相談くださいませ。

■概要
既に運用中のPC向けサイトのスマホ対応をいたします。
レスポンシブコーディングにて、PCとタブレットは同じ表示、767px以下（スマホ）はスマホ対応いたします。

■仕様
・htmlサイトでパララックス（動き）のないサイトでお願いいたします。
・1サイト10ページ以内でお願いいたします。それ以上の場合はご相談くださいませ。
・ワードプレスの場合は、別途ご相談くださいませ。

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

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

"20,000円～/1ページの料金、無料オプション付き"でコーディングいたします。
WordPress化も行っておりますので、ご相談ください。

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

スキル感はポートフォリオをご覧ください

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

■コーディング料金
・基本料金：20,000円〜
・レスポンシブ対応：無料
・jQuery & CSSアニメーション：点数無制限で一律5,000円

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

◆制作の流れ
1、ヒアリング&お見積り（※まずはご相談下さい！）
2、お客様からデザインのご提供
3、コーディング＆テスト
4、ご確認・修正
5、最終確認・納品

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

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

■その他のサービス内容
・レスポンシブ対応
・jacascript & CSSアニメーション
・WordPressへの変換作業
・下層ページのコーディング
・サーバーへのアップロード（無料）
・納品後の修正作業（無料）

＼デザインを持っているがコーディングして欲しい／

ぜひご相談ください！

こんな方におすすめ

✅「自分でコーディングする時間がない」
✅「デザインは持っているがコーディングは外注したい」
✅「現状のサイトでPCデザインしかないので、レスポンシブデザインに対応したい」
✅「既存のサイトを一部修正してほしい」

制作の流れ

1.メッセージにて打ち合わせの日程調整を行う
2.メッセージにて打ち合わせ、素材提供
3.ご購入
4.制作開始
5.ページ確認（お客様にてご確認いただきます）
6.納品

WordPressについて

作成したページをワードプレス化することも可能です。

◼ご用意いただくもの

• ご自身がお持ちのデザインカンプ

誠心誠意作業いたします。

Web制作のコーディングをいたします。

【可能な業務】
・word pressの導入・サイト構築
・コーポレートサイト作成
・LPページ作成
・レスポンシブサイト
・SEO解析
などを得意としております。

【使用言語】
・HTML
・CSS/Sass
・PHP
・Javascript/jquery

【HTML・CSSのコーディング】
Webサイト、LPの、HTML・CSSコーディングいたします。
品質重視で対応させていただいております。
安心してご相談いただけるよう、丁寧なコミュニケーション、定期的な状況連絡を心がけておりますので、ご安心ください。

【おすすめの方】
・品質重視されている方
・デザイン会社様、デザイナー様、社内リソースが不足している制作会社様
・他の方へ依頼して、失敗された経験のある方

【料金目安】
・トップページコーディング ：30,000円～
・下層ページ：10,000円～
・LPコーディング：40,000円～

【納期目安】
・ベーシック：作業開始から約3日後
・スタンダード：作業開始から約7日後
・プレミアム：作業開始から約10日後

提示価格や納期は、目安となります。
デザインやボリュームにより変動することもございますので、まずはお気軽にご相談ください。
最後まで責任もって、対応いたします。

「デザインは用意できたけど、コーディングができる人を探さなきゃ...」

その悩み、解決いたします！
デザイン通りのコーディングをいたします！

jQueryを用いたものや、WordPress化まで対応！まずは気軽にご相談ください

ご用意いただいたデザインデータ（psd、ai、xdなど）を元に、
HTML・CSSでコーディングを行います。

制作会社でWebデザインを行なっていた経験があり、
デザインを丁寧に再現することが得意です。

【こんな方へおすすめします】

・自社のWebサイトを制作したい中小企業のオーナー様
・Webサイトのデザイン、イメージはあるけどコードをかけない方
・ブログやポートフォリオを作りたい個人の方
・wordpressの専門知識がなく、プロの手助けが必要な方

【金額について】

・提案、ご相談は無料で受けさせていただきます。お気軽にご相談いただけたらと思います。
・パッケージの料金を基本として、作業内容により多少の増減をいたしますことをご了承下さい。
・ヒアリング、提案と見積もりが完了し双方納得いただけた場合、着手金としてお見積りの2割程度お支払いいただきます。
・パッケージ外の提案も受けさせていただきます。
→既存サイトの修正:3000円〜
→wordpressサイトの保守、更新:5000円〜
→webサイトのデザイン修正、変更:10000円〜

【購入後の流れ】

ヒアリング: お客様のニーズや要望を詳しくお伺いします。ウェブサイトの目的、ターゲット層、必要な機能などをお聞きします。

提案と見積もり: ヒアリング内容に基づいて、最適なプランと具体的な提案書を作成し、見積もりとともにご提示します。

契約: 提案内容にご納得いただけましたら、契約を締結し、着手金をお支払いいただきます。

デザイン案の提示: サイトの全体的なデザイン案をご提示し、ご確認いただきます。必要に応じて修正を行います。

開発作業: 承認されたデザインに基づいて、サイトの開発を進めます。定期的に進捗報告を行い、フィードバックを反映します。

テストと調整: 完成したサイトの動作確認を行い、必要に応じて調整します。

納品とレクチャー: 完成したサイトを納品し、管理画面の操作方法などについてレクチャーを行います。
アフターサポート: 納品後1ヶ月間は、軽微な修正や操作方法のサポートを無償で提供します。

▼こんな方へオススメ
WordPressではできないような動きのあるホームページを作りたい方。
料金表にイメージボタンを設置し、ボタンを押すとサンプル画像が出るなど、効率のよいホームページを作りたい方。
どこかのサイトがとても気に入ったということで、それと似たようなホームページを作ってほしいという方。

ポートフォリオ:
https://gracepages.web.fc2.com/

▼ご提供内容
１．HTML/CSS/JSにてホームページを制作します。
２．他者のサイトで、気に入ったものをご提示くだされば、それと似たようなサイトを制作します。利用する写真は、似たようなものを有料・無料の画像素材サイトから探します。

▼ご購入後の流れ
24時間以内にお返事メールいたします。
詳しい内容をお聞きして、ご利用したい写真や、記載する文章、理想的な他者のWebサイトのURLなどをいただきます。もしそれらがなければ、「おまかせ」ということでもかまいません。
さらに、契約済のサーバーのパスワード等、ドメインをいただきます。
納期はご契約時に２週間や４週間で決めさせていただいておりますが、ある程度できた段階で、一旦御覧いただいて、修正点など伺います。このような修正を数回行い、契約納期内にご指定の納品いたします。

▼制作可能なジャンル
こちらのパッケージではECは含まれていません。
ECサイトをご希望でしたら、当方の別のパッケージ「BASEにてHTML方式でWeb制作します」をご利用ください。

▼料金やオプション
特別なテクニックを要するものは、別途相談で承ります。
契約後の制作途中でページを増やしたいなどのご要望がありましたら、ご相談承ります。
サーバー契約やドメイン取得はお客様でしていただきとう存じます。もしこちらで行う場合、実費のほかに別途料金として1万円ほどをいただきます。
もし、完成納品物が理想とかけ離れたものであれば、その度合いに応じて最大５０％までお値引きさせていただきます。

▼納期
納期後に当方の都合で微調整などさせていただくこともあります。それは無料です。

どうぞよろしくお願いいたします。

コーディング作業でプログラムを書くことで、顧客のニーズに合ったソフトウェアやウェブアプリを実現します。

•こんな方にオススメ

個人で活動していて
コーディングなどのめんどくさい作業を
任せて別事業に集中をしたい方

企業様で
コーディング要員が足りてない方など

複雑な業務の場合はあらかじめ説明していただければ、指示通りに仕上げますのでよろしくお願いいたします。

コーディング代行サービス｜経験を積むため最低価格で対応中！

コーディングが必要な方へ。こんなお悩みはありませんか？
「PC用のデザインしかないが、スマホやタブレットにも対応させたい」
「社内でコーディングするリソースや時間が足りない」
「将来的に特定の部分を簡単に更新できるようにしたい」

これらの課題を解決するため、丁寧かつ迅速なコーディングサービスを提供いたします。まずはお気軽にご相談ください。あなたのニーズに合わせた最適なプランをご提案し、満足いただける成果をお約束します。

対応業種は問いません！
飲食店、士業（法律・税務など）、美容・ヘアサロン、建設・不動産、スクール・教育機関など、幅広い業種のコーディングを承ります。

なぜ今がチャンスなのか？
現在、実績を積むため、特別に最低価格でサービスを提供中です。高品質なコーディングをリーズナブルな価格でご利用いただけます。

まずはお気軽にご相談を！
『見積もり・カスタマイズの相談』ボタンから、お問い合わせください。あなたのプロジェクトを成功させるために、全力でサポートいたします！

あなたのビジネスを次のステージへ導くお手伝いをします。
ぜひこの機会をご活用ください！

おもちのホームページがGoogleしごと検索に対応できるようコードサイト内にコートを追加いたします。

作業としては、
求人募集ページのhtmlをいただき必要なコードを追加する作業となります。

スムーズにファイルの受け渡しが可能であれ即日でも納品は可能と考えております。

ご検討よろしくお願いいたします。

ご訪問ありがとうございます！

▼こんな方へオススメ
・デザインはあるがコーディングできる人がいない方

▼ご提供内容
・HTML、CSS、jQueryを用いたコーディング
・レスポンシブ対応（PC＋スマホ）
・文書の基本構造を意識したコーディング

▼ご用意ください
・コピー＆ペースト可能なテキストデータ
・デザインデータ（Figma, Adobe XD, Photoshop等）
・素材画像

▼ご購入後の流れ
要件確認後、コーディング
納品形式はファイルをお渡しするか、公開作業まで行うかご選択ください。

▼納期・料金
コーディング量によって納期、料金は前後します。

▼稼働時間帯
平日：7:00 〜 9:30、18:30 〜 23:00
土日祝：7:00 〜 23:00
メッセージを頂いた当日には必ず返信いたします！

ご依頼いただいた際はご期待以上のものができる様、全力で取り組んでいきます。
何卒宜しくお願い致します！

▼こんな方におすすめ

• 作ったサイトの誤字脱字を確認してほしい
• サイトが上手く動かないけど原因がわからない
• デザインは決まってて後はコーディングだけ
  上記のような悩みを持つ方、ぜひ私にお任せください！

▼提出までのイメージ
【STEP1】
まずどのような業務内容か、すり合わせを行わせてください。
成果物のイメージに、できるだけ誤差がないようにします。

【STEP2】
計3回の途中報告を行います。
サイトのページ等を見ながら、成果物のイメージと誤差があれば指摘を頂きます。

【STEP3】
成果物を一緒に見てもらい、問題ないかを確認します。

※やり取りは文面、もしくはZOOMのビデオ通話等の非対面で行わせてもらいます。

▼私のつよみ
プログラミングの勉強を始めてまだ日が浅いので、実績の数としては少ないですが、これから勉強を進めていきどんどん成長していきたいと考えています。
一度ご縁のあったクライアント様とは、今後も良い取引ができたら嬉しいと考えているので、特別で案件を引き受けさせていただくこともあるかと思います。

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

このようなお悩みをお持ちの方はございませんか？

・複雑なアニメーションを実装できる人がいない
・デザインはできるけどコーディングが苦手なデザイナーの方
・コーディングだけ外注したいデザイナーの方
・コーダーのパートナーを探しているデザイナー
・社内でコーディングできる人が少ない
・社内のリソースが足りていない
・初心者の人にお願いするのは怖いから実務経験のある方にお願いしたい

全てお任せください！！

・コーダーの経験年数3年で本場の制作会社でのコーディング経験あります
・どの画面幅でも崩れないデザインを意識してコーディングを徹底意識して作業しております
・コーディングと複雑なアニメーションの実装も同時にお請け可能です


※こちらのサービスは小規模な1ページサイトから30ページ前後の中規模サイトまで対応しています。

■サービス内容

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

・jQuery/JavaScriptの実装
・GSAPを使用したリッチなアニメーションの実装
(WebGLを使用したアニメーションはご相談ください)
・CSSアニメーション

・WordPressの実装(オリジナルテーマ制作)
・お問い合わせフォーム実装
・gulp・webpackの環境構築（ソースコードのお渡しも可能です。）
・gitでのコード管理

■基本料金の内訳
・jQuery/JavaScriptの実装(無料JavaScript一覧内のもの)

・レスポンシブ対応(タブレット・スマホ込み)

・画像圧縮による表示速度最適化(Webp対応あり)

・SEO対策(metaタグ、画像に適切なalt、文書構造に適した適切なHTMLタグなど)
・BEMをベースとした長期メンテナンスしやすいCSS設計
・テスト環境のご用意
・修正無料

■無料JavaScript実装一覧
・簡単なスクロールアニメーション

・ハンバーガーメニュー

・アコーディオンメニュー

・カルーセル/スライダー

・モーダルウィンドウ

・スムーススクロール

・タブ切り替えなど、webサイトでよく実装されている動き。

■基本的な納期｜デザイン、ボリュームにより変動いたします。

・トップページ：2～3日

・下層ページ：1日～


※デザインデータを受け取った翌日からの日数になります。

■納品までの流れ
ヒアリング

↓

デザインデータお預かり

↓

コーディング

↓

テストアップ（ご確認・修正）

↓

納品（zipファイル送付、またはFTPでレンタルサーバーへアップロード）

■ブラウザ・端末確認一覧

・Google Chrome　Mac/Windows/iPad/iPhone/Android

・FireFox、Microsoft Edge　Mac/Windows

・Safari　Mac/iPad/iPhone


各ブラウザ・実機で検証を行い、表示が崩れないようにしてお渡しいたします。

ご満足いただけるよう、責任をもってご提案・対応させていただきます。
ご不明点は、お気軽にお問い合わせください。

最後に

私自身、制作会社にて外注を何度も経験してきました。
だからこそ、外注者とって選ぶポイントであるコミュニケーションの大切さと柔軟さを
他のフリーランスの方々よりも理解しており、誰よりも意識して活動をしております。

まずは一度お問い合わせくださいませ。

パソコン/スマホ兼用のページを作成をさせて頂きます
デザインデータはご用意ください。
ページ内スクロール等の軽アニメーションは含めます。
大きなアニメーション等が伴うもの、javascript(jQuery)/PHP等が伴う場合は別途ご相談ください（要お見積り）。
基本平日夕方～夜間、土日祝日中の対応になります。

▼以下の3つでお困りでしたら、まずはお気軽にご相談ください！
1.「案件が溢れてコーディングの対応がしきれない」
2.「円滑にコミュニケーションを取れるコーダーを探している」
3.「専属でコーディングを代行してほしい」
3つのお悩み全て解決いたします！

▼スケジュール、強み
✅フリーランスの方2名とWeb制作会社様2社と業務提携中。
✅1分以内の超即レス
✅品質管理チェックシートで品質チェックいたします。
✅SEO対策を意識したコーディング。
✅365日いつでも対応可能！

▼提供できること
✅HTML/CSS/SCSS/jQuery/JavaScript/コーディング
✅WordPress化
✅表示崩れの起きないレスポンシブ対応
✅サーバーへのアップロード

デザイン案からホームページをコーティングします。

▶こんな方にオススメ
✅コーディングしたくないデザイナー様
✅コーディングのリソースの足りない方
✅保守性の高いコーディングを希望の方

▶サービス内容
・HTML CSS(SCSS) JavaScriptを使用したコーディング
・BEM設計手法を使用した保守性の高いコーディング
・SEO内部対策を意識した適切なタグを使用したコーディング
・画像圧縮等による速度最適化
・適切な画像形式の表示
・テスト環境ご用意
・サーバーアップロード

▶制作実績
https://harapan.jp/
https://www.skillbridge.co.jp/
https://www.borodinodive.com/

▶納品までの流れ
①お問い合わせ（スケジュール、デザインカンプ確認およびすり合わせ）
②コーディング着手（随時進捗報告を行いながら制作を進めます）
③初稿提出（テスト環境ご用意いたします）
④お客様ご確認、修正作業
⑤納品（納期設定しておりますが、ご希望があればご相談ください。）

ここまでご覧いただきありがとうございます。
お気軽にご連絡ください！

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

本サービスは、コーディング代行サービスです。
WordPressでのサイト構築、LPコーディングのご依頼先をお探しの方は、ぜひお気軽にご相談ください！

■ サービス詳細について
＜基本メニュー＞

[ 内容 ]
TOPページ：20,000円〜
・HTML / CSS コーディング
・CSSアニメーション
・画像圧縮による表示速度最適化
・テスト環境におけるデザイン確認URL提供
・WordPress化
・SEOコーディング

＜オプションメニュー＞
下層ページ追加：10,000円〜
お問い合わせフォーム設置：15,000円
カスタム投稿設置：15,000円〜
カスタムフィールド設置：15,000円〜
サイト公開後の諸設定：15,000円
スマホデザイン忠実再現（デザイン再現のための工数時間が別途必要な場合）：10,000円〜
JavaScriptアニメーション：3,000円〜※要相談

■ 本サービスの魅力

・現役プロコーダーによるコーディング。再現クォリティには自信があります。
・SPデザインデータ作成不要！PCのデザインデータのみでオールデバイスレスポンシブ化
・SEOコーディング(内部SEO対策)無料
・WordPress化無料、カスタム投稿なども対応可能

■ 納品までの流れ
①ヒアリング
(デザインデータのご提示をお願いいたします。)
↓
②お見積もり提出
↓
③ご購入
↓
④デザインデータのご入稿
↓
⑤制作開始
↓
⑥テストアップ
↓
⑦研修・修正対応
↓
⑧データ納品 or サーバーUP

■納期について

＜基本メニュー＞のみ（TOP１ページ）ですと1週間ほどでの納品が可能です。
※ 現在ダブルワークのため、基本的に夜間稼働となります。
※ 稼働状況や複雑なデザインの場合、納期が変動する場合がございます。詳細につきましては、お気軽にお問合せください。

■ご用意いただきたいもの
・デザインデータ（※1）
・サーバー / ドメイン（※2）
・テキストデータ

(※1) PCデザインのみでレスポンシブ化致します。SPデザイン有りの場合、完全再現のための工数時間が多く掛かると判断した場合、別途費用を頂戴しております。
(※2)サポートが必要でしたら、お気軽にご相談ください。

■ご注意いただきたい点
・コーディングルールは当方のルールに基づいて記述いたします。
・原則、デザインは校了したものをご準備ください。ご入稿後のデザイン変更は致しかねますのでご了承ください。
・納品後は実績として公開させていただく場合がございます。実績として掲載不可の場合、メッセージにてお知らせください。
・出来得る限りのデザイン忠実再現を心がけておりますが、ピクセルパーフェクトでのコーディングは出来かねる場合がございます。気になる方は、過去実績をご提示いたしますので、メッセージにてお知らせください。

■ 修正について
誤字脱字、表記崩れなどは無償対応しております。
追加修正につきましては別途費用をいただきます。
詳しくはお問い合わせください。

### その表示不具合、すぐ解決できるかもしれません。
まずはご相談ください。

html/cssの表示不具合については、根が深い問題と、
ちょっとした修正で解決するものがあります。

リモート常駐の案件を担当していたときにPGさんとか他メンバーの業務報告を見てとても感じたのが、
なれてる人なら1時間位で解決できるものを、数時間、数日かけている方が
思っている以上に多いことです。
そのことから、本サービスを始めさせていただきました。

※解決を100%保証はできません。
経験上解決できない問題はほとんどないです。
しかしながら、表面上の解決はできても根本解決には別途作業のご依頼が必要な場合もあります。
もし解決に至らなくても、問題の切り分けまでは最低限行います。
その8割は短時間で解決します。

根が深い問題に関しては、
ご相談の上追加料金いただければ解決に向けた調査を継続させていただきます。
場合によっては作り直した方が早い場合もあると思います
(デザイン含めたフルリニューアルもワンストップでご対応可能です。)

ご相談にあたって、ご用意いただくもの

• あるべき正しい姿をご提示ください。デザインなど。
• 最低限ブラウザで確認できる状況が必要です。
• ベストは私のローカル環境で再現できるデータ一式のご提供です。

私の確認可能な実機環境
・MacBookPro 16 2019 MacOS Monterey 12.6 Chrome最新 Safari最新 Firefox最新
・Windows11 EDGE最新 Chrome最新 Firefox最新
・iPhone11 / iPhone12 OS最新
・Sharp AQUOS 4 lite Android12

上記以外については実機での確認はできません。
それ以外の実機確認が必要な場合、レンタルなど必要になりますので、
別途ご相談となります。

■私のこと
約20年くらいWEB業界に身をおいております。
現在はディレクター案件も多いですが、現役でWEBデザイン/コーディング/WP構築も行っております。
昔から炎上案件に火消し役でアサインされることも多く、様々なトラブルの経験知はあると思っております。
意外とその不具合、簡単かもしれません。
ここに時間かけるより、もっと他の事業や本業、コンテンツ制作にお時間を使っていただきたい、
そのように考えております。

一緒に対策考えませんか？

まずはお気軽にご相談ください。
何卒よろしくお願いいたします。

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

まずはお見積もりからお願いしております。

■作業内容
・HTML/CSSを用いた静的コーディング（1ページ〜制限なく複数ページまで作成します）
・レスポンシブ対応
・JavaScriptの動的実装

・お問い合わせフォームの実装（静的ページの場合はGoogleフォームでの対応となります）
※ご希望の方には、お問い合わせフォームの参考ページをお送りします。

■料金表
◎基本プラン
・トップページのコーディング※：20,000円
・LPのコーディング※：20,000円
・下層ページのコーディング※：10,000円～/ 1ページ
・部分コーディング、既存ページの修正：3,000円〜/1箇所

※PC版縦5,000px以上より1,000pxにつき1,000円加算させていただきます

◎オプション
・JavaScriptの機能実装：2,000円～ / 1点
　(ハンバーガーメニューは無料)
・お問合せフォームの設置：15,000円

＜無料オプション（ご希望の場合）＞
・表示速度の高速化のための画像圧縮
・SEO対策のためのmetaタグ設置
・テスト環境の構築

■制作の流れ

1、ヒアリング&お見積り

2、お客様からデザインのご提供

3、コーディング＆テスト

4、ご確認・修正

5、最終確認・納品

※テストはMacで「Chrom、Safari、Firefox」の各ブラウザで行います。
※納品方法は基本的には、zipファイルとなります。
サーバーアップをご希望の場合は事前にご相談ください。

■納期

最短で5日〜

ご希望の納期がある場合はご相談くださいませ。
納期は「2、お客様からデザインのご提供」完了後からとなります。

■その他
迅速・丁寧にコーディングいたします。

ご相談・お見積もりのみでも大丈夫ですので、まずはお気軽にご相談ください。

こちらコーディング代行サービスとなっておりますので

デザインとサイトに使用する画像素材は全てお客様の方でご用意をお願いいたします
・画像加工には対応できませんのでご了承くださいませ。

・デザインは、 Photoshop / XD / Figmaなどに対応しております。
上記以外の形式をご希望の場合は一度ご相談くださいませ。

アンケートデータなどの自由回答のまとめ、アフターコーディングなどを承っています。

本パッケージはWebサイトのコーディング代行サービスです。

▽===こんな方におすすめ===
「デザインデータはあるけどコーディングをする時間がない」

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

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

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

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

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

▽===対応可能データ===
・XD、Photoshop 、Illustrator、Figma等
確認用に、一枚で書き出した画像データ（JPEGかPNG）を一緒に送付ください。
XD、Photoshop 、Illustratorの場合は、デザイン素材の書き出しをお願いいたします。

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

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

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

あ

Web業界実務20年超のクリエイターがHTMLコーディングを行います。

コーディングの手伝いを探している方や、パートナーをお探しの業者様等への
コーディング代行サービスを提供しております。

■ 基本サービス【4月・5月・6月迄の特価対応中】
▶デザインデータ 10,000px 15,000円
▶デザインデータ 20,000px 30,000円

■ サービスに含まれるもの
・HTML／CSS コーディング
・レスポンシブ対応込（ブレークポイント2、基本的なカラムダウン）
・簡易JavaScript込（タブ切り替え、アコーディオン開閉 等）
・簡易アニメーション込（スクロール時の上下左右スライドイン）

■ オプション（別途御見積）
・デザイン高さ＋2500pxにつき：4,000円
・Adpbe stock 画像使用5点以内：10,000円

■ 制作の流れ
① 「見積り・カスタマイズを相談する」よりご相談
② デザインデータ（ai/XD/Figma 等）お預かり
③ 御見積の提示
④ ご発注
⑤ コーディング作業
⑥ ご確認と修正・調整
⑦ 納品

■ 納品スケジュール
稼働状況により作業開始日および納品日は変動しますが、
完全フリーな稼働状況とした場合、以下が目安となります。
・デザインデータ換算で、最低でも6000px／1日ペースで制作
・トータル作業日数の＋1日を確認・調整期間

例えば24000pxのデザイン・コーディング案件の場合、
作業日に24000/6000で4日、確認・調整期間に+1日とし、
合計5日が最短納品日となります。
※確認一発OK等の場合は確認調整期間の圧縮は可能です。

■ 納品方法
・トークルームにてzipファイルによる納品

購入にあたってのお願い
まずは「見積り・カスタマイズの相談」にてお気軽にご相談ください。

●ご要望に合わせてお見積りをいたしますので、完成したデザインデータを事前にご用意ください。対応するデザインデータは Illustorator AI、XD、Figma のテキストデータや画像素材データがそのまま取り出せる状態であることを条件とします。

●購入後の状態が事前情報と異なる場合や想定していた仕様と異なり作業内容が変わる場合はご相談の上追加料金をお願いする場合があります。
●作業完了報告後のこちらの不備以外の修正や変更は回数や内容により追加料金を頂きます。
●サービス開始後５日間以上お返事頂けない場合納品完了とさせて頂く場合がございますので、連絡が取れない事情がある場合は事前にお知らせください。
●サービス開始後はキャンセルできません。
3,000 円

Web制作のレスポンシブオプションです。
基本以外に料金がかかる場合合わせて購入いただきます。
単品での購入不可です。

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

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サイトが必要な方
• オリジナルデザインでのサイト構築をお考えの方
• 短期間で高品質なWebサイトを作りたい方
• SEO対策やモバイル対応が必須の方

▼ ご提供内容
• Webサイトの企画、デザイン、コーディング
• レスポンシブデザインでの最適化対応
• CMS（WordPressなど）の導入・設定
• SEO対策やパフォーマンス最適化
• メンテナンス・更新サポート

▼ ご購入後の流れ

1. ヒアリング・要件定義（Zoomなどで詳細を確認）
2. デザイン案の作成とご確認
3. 開発・コーディング
4. 動作確認・最終調整
5. 納品（公開・運用開始）

▼ 制作可能なジャンル
• 企業用コーポレートサイト
• ECサイト（ネットショップ）
• 個人事業主向けポートフォリオサイト
• ブログ・ニュースサイト

▼ 料金プランやオプション
• 基本プラン：10000円（5ページまで）
• 追加ページ：1ページあたり2000円

▼ 納期
• 通常：2～3
• お急ぎ対応：1天以内（追加料金あり）

ご覧いただきまして、ありがとうございます。
当サービスはデザインデータからWebサイトのコーディングを承っております。

■このようなお悩みのある方におすすめ

①コーダーの手がたりない
②信頼できるコーダーと仕事をしたい
③デザインはできるけど、コーディングは苦手

■サービス内容

【料金に含まれているもの】
・HTML / CSS コーディング
・CSSアニメーション
・jQuery
・javascipt
・WordPress
・レスポンシブ対応
・お問い合わせフォーム実装
・タグ最適化
・gulpによる画像圧縮（表示高速化）
・テストアップ後の修正作業

■実績

Webコーダー歴は、1年。
個人で頂いた案件数は、5件以上。
現在は、Web制作会社と業務委託契約を結び、案件を頂いております。

■クライアントの声

ご契約いただいたクライアントの方からは、
・予定していた納期よりも早かったのでとても助かった。
・素早い連絡で、スムーズに案件を進められた。
・こちらの要望に柔軟に対応してくれた。

こちらのお声を多数いただいております。

■無料アニメーション一覧

・簡単なスクロールアニメーション
・ハンバーガーメニュー
・アコーディオンメニュー
・カルーセル/スライダー
・モーダルウィンドウ
・スムーススクロール

■納期ーデザイン、ボリューム、稼働状況により変動いたします。

・トップページ：3～4日
・下層ページ：2日～
※デザインデータ受け取り翌日からの日数です。

ご満足いただけるよう、責任をもって対応させていただきます！
ご不明な点があれば、お気軽にご連絡ください。

★こんな方へオススメです★

🔸継続的にお願いできるパートナーを探している制作会社様
🔸コーディングできる人を探しているデザイナー様
🔸レスポンスが良いフリーランスにお願いしたい
🔸リソースが足りないから外注したい
🔸すぐに対応してほしい

そんな方の期待にお応えします！
現在は制作会社様から業務委託にてコーディング依頼を受注しており、
継続的にお付き合いさせていただいております！

「ストレスのないコミュニケーション」と「思いやりのあるチャット」
を心がけております！

【当サービスの特徴】

🔸 XD / Figma / illustrator のデザインカンプに対応
🔸PCのみのデザインデータから各種サイズのレスポンシブ対応可能※LP等画像部分はSP版が必要です
🔸完全フリーランスだから昼夜、土日問わず連絡、作業いたします
🔸業務委託契約実績10社以上
🔸scss/BEMを用いたCSS設計によりコードの保守性担保

【対応できる業務】

🔸html/cssの静的コーディング
🔸jQueryによるアニメーションの実装
🔸Wordpress構築（オリジナルテーマ作成、カスタム投稿、カスタムフィールド等、各種プラグイン対応）
🔸既存サイトの更新業務（Wordpressも可）

【制作の流れ】

①デザインカンプの支給・確認
②お見積りのご提示
③コーディング開始
④完成品の確認・修正(デザイン変更による修正は3回まで無料です)
⑤最終確認、データ納品

【納品方法】

zipファイル / FTPサーバー / WordPress環境にデータ移行

【稼働時間】

6:00〜7:00 / 9:00〜18:00 / 21:00〜23:00
ご相談いただければ柔軟に対応いたします！
土日問わず対応できます！

気になることがあれば、まずは一度お声掛けください！
ご相談だけでも構いませんのでお気軽にどうぞ！

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

〜〜ご満足いただけるよう柔軟に対応いたしますので
「まずは相談する」よりお問い合わせください〜〜

ーーーコーディングーーーーーーーーーーーーーーーーーーー
◆サービス内容
・HTML / CSSを用いたコーディング
・レスポンシブ
・アニメーション（JavaScript(jQuery) / CSSアニメーション
・お問い合わせフォーム
・既存サイト修正、ページの追加
・ファビコン設置(データをいただけた場合)
・画像圧縮（表示高速化の為の)
・基本のSEO対策
・修正
・テスト環境構築
・サーバーへのアップロード（ご希望の場合)

※修正は無料・無制限です。
大幅なデザイン変更は、別途追加料金をいただく場合がございます。

◆コーディング料金表
・トップページ: 20,000円〜
・下層ページ: 10,000円 〜(１ページあたり)
・下層ページの流し込み: 1,000円
・アニメーション(簡易なもの無料): 3,000円〜(1箇所あたり) 相談可
・お問い合わせフォーム(PHPセキュリティ)(入力,確認,完了画面): 20,000円〜
・LPコーディング: 30,000円〜
・画像コーディング：10,000〜

⚪︎無料対応
・ホバーアニメーション、ハンバーガーメニュー、フェードインアニメーション
・レスポンシブ
・ファビコン設置（データをいただけた場合）
・画像圧縮（表示高速化の為の）
・基本のSEO対策
・googleタグ設置（ご希望の場合はご準備ください）
・修正
・テスト環境構築
・サーバーへのアップロード（ご希望の場合)

ーーー修正、変更、追加ーーーーーーーーーーーーーー
◆サービス内容
・テキストの修正・変更
・位置や色、線の太さなどの変更
・テキストや画像の追加
・画像の差し替え
・画像の文字変更
・ページの追加
・googleマップ埋め込み
・アニメーションの実装
・レスポンシブ対応(スマホとパソコンのレイアウトを変える)
・お問い合わせフォームの設置（PHPセキュリティ）(入力、確認、完了画面)
・SEOの改善（medaタグ設置、要素変更）
・googleアナリティクスタグの設置
※テスト環境構築

◆修正、変更、追加の料金の目安
（以下は3,000円でできる範囲です。最低料金1万円から承っております。）
・テキストの修正、変更　（３箇所まで）
・位置や色、線の太さなどの変更　（３箇所まで）
・画像差し替え　（１枚）
（トリミングされていてすぐ差し替えれる画像の場合２枚まで）
・画像の文字変更　（１点）
（デザインデータのご提出お願いします）
・googleアナリティクスタグの設置
（ご準備お願いします）

■ 納品までの流れ
1.お問い合わせ・相談
（デザイン、要望、納期などお聞かせください）

2.お見積もり

3.ご購入（ご依頼）

4. デザインデータのお預かり

5.コーディング

6.ご確認・修正（テストサイトで）

7. 最終確認

8. 納品

◆納品方法
・zipファイルでお渡し
・サーバーへのアップロード
（ご希望の場合、FTP情報共有をお願いします。）

■ 納期の目安
・３日〜２週間程
※ページのボリュームや空き状況により異なります。
ご希望があればお伝えください。

■作業するにあたり
・FTP情報が必要な場合は情報の共有お願いします。
（ファイルマネージャーの場合はログイン情報）

◆個人情報の取り扱いに関して
ご提供いただいた個人情報は、納品後すぐに破棄いたします。
こちらで保存はいたしません。

現役のWEBデザイナーが対応します！
「デザイン作業だけに集中したい」「コーダーが不足している」などお困りごとがありましたら
是非お気軽にご相談下さい。

＜サービス内容＞
◎１ページ（レスポンシブ対応します）
◎PSDファイル、AIファイル、Figma、AdobeXDなどにてデザインデータの提供をお願いいたします。
（デザインからこちらで請け負う場合はお見積りとなります。）
◎納品方法はファイル納品、サーバへのアップロードどちらにも対応します
◎納品後の修正は３回以上はお見積りとさせて頂きます。（こちらのミス等はカウントしません）

＜制作の流れ＞
①ご依頼内容についてヒアリング
②お見積り
③ご契約
④お客様よりデザインデータのご提供
⑤コーディング
⑥お客様にてご確認・修正作業
⑦納品

＜私について＞
インハウスのWEBデザイナーとして10年間WEBデザイン＆コーディングを行ってきました。
LPやトップページ制作の他、ウェブ解析、SEO対策、ライティングの経験もあるため幅広くご相談に乗ります。
★スピード感　★メンテナンスのしやすさ　★ページの表示速度
を意識してコーディングを行います！

＜実績＞
実績に関しては、個別にお問合せ頂けましたらお伝えいたしますのでお気軽にお声がけください。

テスト

▼こんな方へオススメ

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

▼ご提供内容

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

▼ご購入後の流れ

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

▼制作可能なジャンル

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

▼納期

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

自分のプロフィールサイトが欲しい方へおすすめです。

購入後の流れ
コーディングを進めつつ、どのような画像を使用するかを相談しながら決めていきます。

制作可能なジャンル
プロフィールサイト、　企業のポータルサイト

料金と納期は料金表をご覧ください。

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

ご提供頂いたデザインカンプ（XDまたはFigma）からコーディングを行い、ZIPファイルにて納品いたします。
指定があれば柔軟に対応いたします。

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

【デザインデータについて】
・XDまたはFigma
・PC版のみのデザインしかない、という場合はこちらでスマホ用のデザインを想定してのコーディングが可能です。
（スマホにしたときにこだわりたいレイアウトの部分があれば事前にお知らせください）

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

【対応内容について】
《料金内で対応可能》ーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー
・HTML/CSS(SCSS)/JavaScript or Vue.jsコーディング
・JavaScript or Vue.jsによる動き
　[・スライダー,カルーセル(Swiper)・アコーディオン・ハンバーガーメニュー・TOPへ戻るボタン・モーダル・フェードイン・ローディング・アニメーション(簡易な動き)・パララックス(Rellax.js)]
　※3,4箇所程度を無料で対応いたします。
・レスポンシブ対応
　・ブレイクポイント一箇所が料金内です。（スマホ・PC）
　　※特にご指示がなければ、モバイルファーストで768pxで切り替えます。
・クロスブラウザ対応（Chrome, Safari, Firefox, Edge, への対応)　※いずれも最新版
　　※IEへの対応は行っておりません。
・内部SEOを意識してコーディングを行っております。
・W3Cに準拠したコーディング
・ご指定がない場合、2022年10月頃 @import が廃止予定なので、@use、@forwardを使用するので　DartSass を使用します。
・CSS設計法(FLOCSS)に基づいたコーディング
　※コーディングルールがある場合は事前にお知らせください
・ご要望があればBootstrapの使用
・アフターフォロー（納品後2週間以内）
　※変更、訂正は3回ほど無料対応させていただきます。
　※納品後、こちらのミスでデザインとは異なる部分がありましたら無料修正させていただきます。
・その他ご要望があれば柔軟に対応いたします。お気軽にお問い合わせください。

《基本料金に含まれないもの》ーーーーーーーーーーーーーーーーーーーーーーーーーーー
・複雑なアニメーション
・スクロールアニメーション
・Canvaにて簡単なロゴ、バナー作成も可能です。
・お問合せフォーム機能の実装は応相談

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

【納品】
ZIPファイルにて納品いたします。指定があれば柔軟に対応いたします。
デザインデータをお預かりした翌日より、１０日程度で納品が可能です。
稼働状況やページ内容により変動いたしますのでご相談ください。

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

ご不明な点がございましたら、お気軽にメッセージにてお問い合わせください。
※お問い合わせは24時間受け付けております。

本サービスをご覧いただきありがとうございます。
本パッケージはWebサイトのコーディング、WordPress制作・カスタマイズのサービスとなっております。

▼こんな方におすすめ
①コーダーの手がたりない
②信頼できるコーダーと仕事をしたい
③デザインはできるけど、コーディングは苦手
このような方はぜひお任せください！

サービス運営者様、会社経営者様、個人様など幅広く対応しておりますので、まずはお気軽にご相談ください。

■サービス内容

【料金に含まれているもの】
・HTML / CSS コーディング
・CSSアニメーション
・jQuery
・javascipt
・WordPress
・レスポンシブ対応
・お問い合わせフォーム実装
・テストアップ後の修正作業　…etc

■納品までの流れ
①チャットやビデオ通話によるヒアリング（ご相談・スケジュール確認）
↓
②お見積もり提出
↓
③ご依頼（ご購入）
↓
④デザインデータのご入稿
↓
⑤制作開始
↓
⑥テストアップ
↓
⑦ご確認・修正対応
↓
⑧データ納品

■納期
デザインやページ数によって変動いたします。
正式な納品日は、デザインデータの確認後にお伝えします。
▶︎目安　LP＝４日〜６日
　　　　HP＝トップページ：4日
　　　　下層ページ. ：1日〜2日

ご購入いただくにあたってのお願い
■ご用意いただきたいもの
・デザインデータ（XD、figma）（※1）
・画像素材 / 動画 / 文章（※2）

※1）レスポンシブ対応をご希望の場合は、事前にお伝えください。
※2）デザインデータから書き出せない画像・動画・文章などございましたら、事前にご用意ください。

＼ そのお悩み解決いたします！ ／
・基礎的なコーディングからWordPress構築ができるパートナーを探している方
・デザインはできるがコーディングが苦手な方
・デザイン通りの実装ができない方
・スマホやタブレットの表示が崩れてしまう方

デザインに忠実なコーディング作業を行います。
webサイト、LP制作、WordPress構築などのコーディング対応が可能です。
出来る限りご要望には柔軟に対応可能ですのでお気軽にご相談ください。

◼︎業務内容
・HTML/CSSを用いた静的なコーディング
・WordPress構築
・レスポンシブ対応（スマホ、タブレット、PC）
・アニメーション実装（ハンバーガーメニュー、スライド、フェード表示）

※ご依頼内容により、料金が変わりますのでまずはお気軽にご相談ください。

◼︎制作の流れ
１. ヒアリング
２. デザインデータのお預かり
３. コーディング
４. ご確認・修正
５. 納品

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

◼︎デザインについて
デザインデータ、画像素材、テキストなどのご用意をお願いいたします。
画像素材やテキストがご準備ない場合はサポートさせていただきます。
デザインデータは、AdobeXD、Figma、Photoshop、Illustratorに対応しております。
※XD以外は少しお時間をいただく場合がございます。

◼︎注意事項について
・実績として公開させていただく可能性がございます、実績掲載不可の場合はお申し付けください。
・指定のフォントがある場合はご提供いただくか、事前にご相談をお願いいたします。
・ご購入後の依頼内容変更、キャンセルは承っておりません。事前にご確認をお願いいたします。
・ご連絡から１週間ご返事がない場合は納品として対応させていただきます。

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

＼ 追加料金なし ／
HP・LPサイトのコーディングを一律15,000円でいたします！
（トップ1ページ、下層5ページまで）

サービス内容
ーーーーーーーーーーーーーーーーーーーー
・いただいたデザインデータをもとに、HTML/CSSを用いた静的なコーディング
・レスポンシブ対応（スマホのデザインが無い場合でもレスポンシブ対応可能です）
・簡単なアニメーションの実装（スライダ―・ポップアップ・アコーディオン等）
・無料の修正対応（3回まで）

◾️細部にこだわった丁寧な構築
・デザインに応じて適切なブレイクポイントを設定し、どのブラウザで見てもズレが無いように構築いたします。

◾️保守・運用を考慮したCSS設計
・保守や運用をし易いように、FLOCSSを用いたCSS設計をしております。
・SCSSで構築を行い、シンプルで管理のし易い記述をしております。

◾️丁寧でスピーディな対応
丁寧でスピーディなレスポンスや進捗の報告を徹底しております！

◾️納品方法
・zipファイル送付

サービスの流れ
ーーーーーーーーーーーーーーーーーーーー
1.　ご相談・ヒアリング
2.　デザインデーターお預かり
3.　作業開始
4.　ご確認・修正
5.　最終確認・納品

注意事項・サービスに含まれていないもの
ーーーーーーーーーーーーーーーーーーーー
・WordPressの構築は承っておりません。
・ピクセルパーフェクトでの実装やOGPの設定、SEO対策は実施しておりません。
・サーバーへのアップロードは行っておりません。
・大幅なデザインや内容の変更、受注時に指示の無かった追加の要望は対応致しかねます。
・通話でのお打ち合わせは行っておりません。
・制作物をポートフォリオに掲載させていただく場合がございます。
（掲載不可の場合はお申し付けください。）

▼こんな方へおすすめ
●複雑なアニメーションがないので安価でコーディングを依頼しいたい方
●デザインカンプができたのでコーディング依頼をしたいデザイナーの方

▼ご提供内容
デザインの再現度を優先にコーディングいたします。
【対応言語】
HTML
CSS
jQuery(簡単な)
JavaScript(簡単な)
※複雑なアニメーションのCSSはお受けできかねます。

【レスポンシブ対応について】
レスポンシブも料金内で対応いたします。
レスポンシブは1～2パターンまで(スマホ、タブレットなど)
レスポンシブ対応はプラスでお時間をいただきます。
スマホ画面のデザインがない時は、こちらで配置することも可能ですのでご相談ください。
※HTMLとCSSのみの1ページで3日程度とお考えください。

【アニメーション】
jQuery、JavaScriptどちらかにて実装いたします。
●トップへ戻るボタン
●スライド
●ハンバーガーメニュー
●アコーディオン　　　他
などが2か所まで対応可能です。
※アニメーションはプラスでお時間いただきます。

【画像】
画像はご指定のサイズ(最大100KB～300KB推奨)にリサイズ可能です。
切り抜き承ります、他の簡単な加工もお受けいたします(枚数に特に制限はありませんが、加工にはプラスでお時間がかかります)。

【webマスターツール】
GoogleのAnalyticsとSearch Consoleのコードをお持ちの場合はヘッダーにお入れします。

【動作確認可能ブラウザ】※Windowsになります。
●Google chrome
●Edge
●FierFox
※safariについてはSEの小さな画面での確認となります。

【開発環境】
OS
●Windows11
エディター
●VSCode
デザインツール
●Figma
●Photoshop

▼ご依頼から納品までの流れ
➀ご相談　：ご依頼内容をお見積り・相談からお伝えください。
➁お見積り：対応可能か、また納期をご連絡いたします。
③ご購入　：ご納得いただけましたら手続きをお願いいたします。
➃作業開始：お客様への確認、修正を行います。
⑤納品　　：出来上がったファイルをzipファイルにてメッセージより納品いたします。
※サーバーへのアップロードをご希望の際はご相談ください。

▶ ウェブページ制作
頂いたデザインから 1ページ分の HTML / CSS のコーディングを行います。

さらに追加費用なしで、以下対応を含みます。
■ レスポンシブ対応
PCはもちろん、スマホでもデザインが崩れないようにいたします。

■ スクリプト
JavaScript（jQuery）を用いた簡単な機能のコーディングを行います。
ただし、内容によってはお届け日数の延長、もしくは対応不可の場合もありますので、
ご相談をさせて頂きたく存じます。

▶ 活動時間／連絡について
できる限り柔軟にご対応させていただきます。急ぎの案件等もお気軽にご相談ください。
連絡は基本的にいつでも可能です。できる限り素早い返信を心がけますが、急ぎの仕事が入っている場合はお時間をいただくこともございます。
ご了承いただければ幸いです。

▶ 納期について
受注から7日を一つの目安としていますが、
基本的には簡単なものであれば完成できしだい、納品いたします。
まずはご相談頂けますと幸いです。

どうぞよろしくお願い致します！