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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

自己紹介
こんにちは！私は、Web開発を専門とするフリーランスの[あなたの名前]です。HTML、CSS、WordPressの技術を駆使して、美しく機能的なウェブサイトを制作しています。

スキルセット
HTML & CSS: モダンでレスポンシブなデザインを実現し、ユーザーフレンドリーなインターフェースを構築します。
WordPress: テーマのカスタマイズからプラグインの開発まで、WordPressを使ったサイトの構築に豊富な経験があります。
JavaScript: インタラクティブな要素の追加やアニメーションの実装が可能です。
SEO: 検索エンジン最適化の知識を活かして、ウェブサイトの検索順位を向上させます。
経験と実績
これまでに様々な業界のクライアントと協力し、以下のようなプロジェクトを手掛けてきました。

企業サイトの新規構築: 企業のブランドイメージに合わせたカスタムデザインのウェブサイトを作成。
ECサイトの開発: WooCommerceを用いて、高機能なオンラインストアを構築。
ブログサイトのカスタマイズ: ブログ運営者のニーズに応じたテーマとプラグインのカスタマイズ。
ポートフォリオサイト: クリエイターやアーティストのための魅力的なポートフォリオサイトをデザイン。
私の強み
柔軟な対応: クライアントの要望に応じた柔軟な対応が可能です。プロジェクトの規模や内容に関わらず、最適なソリューションを提供します。
コミュニケーション: クライアントとのコミュニケーションを大切にし、プロジェクトの進行状況を随時報告します。
納期厳守: 期限内に高品質な成果物を提供することをお約束します。

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

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

"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化まで対応！まずは気軽にご相談ください

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

ご用意いただいたデザインデータ（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用のデザインしかないが、スマホやタブレットにも対応させたい」
「社内でコーディングするリソースや時間が足りない」
「将来的に特定の部分を簡単に更新できるようにしたい」

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

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

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

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

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

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

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

▼ご提供内容
・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のビデオ通話等の非対面で行わせてもらいます。

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

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

・基本的に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ページ以内でお願いいたします。それ以上の場合はご相談くださいませ。
・ワードプレスの場合は、別途ご相談くださいませ。

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

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

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

全てお任せください！！

・コーダーの経験年数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


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

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

最後に

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

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

▼以下の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 円

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

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

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対策は実施しておりません。
・サーバーへのアップロードは行っておりません。
・大幅なデザインや内容の変更、受注時に指示の無かった追加の要望は対応致しかねます。
・通話でのお打ち合わせは行っておりません。
・制作物をポートフォリオに掲載させていただく場合がございます。
（掲載不可の場合はお申し付けください。）

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

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

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

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

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

▼ご提供内容
デザインの再現度を優先にコーディングいたします。
【対応言語】
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日を一つの目安としていますが、
基本的には簡単なものであれば完成できしだい、納品いたします。
まずはご相談頂けますと幸いです。

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

・HTML&CSSを使ったレシポンシブでのサイト構築
・お知らせや単一ページのみCSM化を行い、サイト構築後にマニュアル要らずの管理画面構築
・WordPressへのサイト組み込み
・JavaScriptなどご要望の動作、自動見積もりなどのスクリプトを作成

中小企業様向けにサービスを展開しております。

既存で大手企業様の自動見積もりシステムからコーディングなどの案件を受注している経験から
中小企業様がWEBサイトを構築後の運営までどの様にしたら良いのか、一緒に寄り添い
ただ案件を承るだけで無い、カユいところに手が届くサービスを展開しております。

【経験】
・エンジニア／25年
・ディレクター／25年
・コンサルティング／25年
・撮影部門・ブライダルでのエンドロール撮影、舞台撮影

【得意分野】
・コーディング
・業務系Webシステム開発
・Webに関するコンサルティング全般

【スキル】
・PHP
・HTML5、CSS3
・JavaScript、jQuery
・Wordpress、EC-CUBE

ランサーズ初登録でございます。
現段階での評価はございませんが、誠心誠意の対応を行いますので何卒よろしくお願い申し上げます。

◆こんな方へ
Webサイトを立ち上げたい方
既存のサイトをリニューアルしたい方
コーディングが苦手な方

◆どんな課題に対して
◆納品物
HTML / CSS / javascript

◆進め方
①具体的な内容と納期についてヒアリング
②週に1回の進捗報告
➂納品前チェック（修正3回までOK！）
④納品

◆ご自身の強みや経験
メーカーで製品のソフトウェアエンジニアとして16年間従事しており、コーディングが得意です。
デザインの再現性が高く、保守・可読性の高いコーディングを目指します。

こういった悩みをお持ちではありませんか？
・きちんとしたクオリティで納品されるか不安
・納期内に納品されるか不安
・技術がよくわからないので、きちんとしたサイトを作ってくれているか不安
・知識が無い為、どういう流れで発注したらいいかわからなくて不安

こんにちは、関東で活動するフリーランスのフロントエンジニアの武田です。
もしこういった不安がある方は15年以上のプログラミング歴があるプロのフロントエンジニアが、高いクオリティでコーディングをおこないますので、安心してお任せいただけます！

普段はWebサイトのコーディングの他に
・ITスクールの経営
・HP制作の個別講義
・企業様へのサイト運営コンサルティング
などをやらせていただいておりますので、経験や知識量にも自信があります。

それから以下のような媒体で発信もしておりますので、
どんな人物なのか？どんなスキルを持っているのか？
を知りたい方は参照ください。

Youtube
https://www.youtube.com/channel/UCVCL3vTcA9NcxmMWhz8bS7Q

Twitter
https://twitter.com/pianojazz2012

コーディングを発注いただく際には
・レスポンシブ対応（スマホ・タブレットなど可）
・クロスブラウザ対応（Chrome, Safari, Firefox, Edge, IEなどへの対応）
・基本的なSEO対策

などはもちろん実装した上で、

・ランディングページのコーディング（LP）
・コーポレートサイトコーディング
・ワードプレスを使ったCMSの１からの構築（独自テーマ）
・アニメーションをフル活用したサイトの作成（CSSアニメーション）

などコーディングをおこなうことができます。

言語・ツールとしては、
・HTML / EJS / Pug / Haml / Slim
・CSS / Sass / Scss / Stylus / Less
・JavaScript / jQuery / Vue.js / Nuxt.js
・TweenMax, anime.js, chart.js
・Wordpress
・Git / npm / yarn / Gulp / Webpack
など対応可能ですので、幅広く対応できるかと思います。

まずは一旦ご相談いただいてからでも問題ありませんので、
一度ご連絡いただければ幸いです。
納期・料金などもご相談いただけます。

■サービス内容
ーーーーーーーーーーーー
・HTML/CSSを用いた静的なコーディング
・JavaScript(jQuery)を用いたアニメーション実装
（ハンバーガーメニュー、スライダー、アコーディオン等）
・レスポンシブ対応

修正回数については無制限です！ご満足いただけるまで責任をもって対応いたします！
※大幅なデザイン変更については、別途料金が発生する場合がございます。

◆料金表（レスポンシブ対応含む）

・コーディング：3,000円（10,000pxまで）
※10,000pxを超える場合は、1000px毎に1,000円。
・アニメーション実装（スライダ―・ポップアップ・アコーディオン等）：
1カ所につき1,000円～
※ホバーアニメーション、ハンバーガーメニューは無料。（アニメーション内容によては追加オプション対応になる場合がございます）

※上記を基本料金として、デザイン内容によっては追加料金をいただく可能性がございます。

◆制作の流れ

１．ご相談よりお見積もり
２．デザインデータお預かり
３．コーディング
４．ご確認・修正
５．最終確認・納品

◆納品方法

・zipファイルの送付

♢ 対応サービス
・HTML/CSSを用いた静的コーディング
・レスポンシブ対応
・動きのあるデザインの実装(CSSアニメーション、JavaScript / jQueryで実装)

♢ 制作の流れ
1.ヒアリング / お見積り
　- お気軽にご相談ください。
2.お客様よりデザインデータのご提供
3.コーディング
4.ご確認・修正
　- 確認していただいた後、修正・追加作業があれば行います。
　（3回まで無料にて対応いたします。）
5.最終確認・納品

♢ 納期について
デザインデータ受け取り後からの日数です。
ご希望の納期がございます場合はご相談ください。

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

・HTML/CSSコーディング（レスポンシブ対応）
お持ちのデザインを忠実に再現し、スマホやタブレット
にも対応したサイトを構築します。

・WordPressサイト構築・カスタマイズ
操作しやすいWordPressサイトの構築から、既存
サイトのWordPress化、プラグインのカスタマイズ
まで対応します。

・Webサイトの修正・更新
既存サイトの修正や更新、レスポンシブ対応など、
細かな調整もお任せください。

コーディング、LPコーディング、レスポンシブ化を対応いたします。
迅速丁寧お客様のニーズに添うように致します。

メーラー毎にHTMLメールの再現性が異なります。
単純にコーディングしただけでは、文字化けやレイアウト崩れを起こすHTMLメールになってしまいます。

お客様からご提示いただいたデザインをもとに
さまざまなメーラーに対応した「HTMLメール雛形」作ります。

雛形なので
変更箇所を入れ替えるだけで、
スマートなHTMLメールが作れます。

「HTMLメール雛形」はさまざまなメーラーで表示確認をしてから納品いたします。

本パッケージをご覧いただきありがとうございます！
デザインデータからのコーディング代行を行っております。

コーディングを行う際は、デザインの提供をお願い致します。
お気軽にご連絡ください！

※また制作後のキャンセルはお断りしていますので、ご了承ください。

※レンタルサーバーの用意や、ドメイン取得はお客様自身でお願いします。

※画像に関してはお客様でご用意お願いいたします。

※ヒヤリング以降の仕様変更等はお断りしております

■こんな方におすすめ
・コーディングが苦手な方、
・コーダーの外注先をお探しの制作会社

■納期
１～１４日ほど、お待ちいただきます。
※注文パッケージや、稼働時間によります。

■納品までの流れ
ヒヤリング（実装機能等の確認）
↓
契約（納期やお見積り等の提示）
↓
デザインデータのお預かり
↓
コーディング
↓
テスト（ご確認、修正等）
↓
納品

ご用意いただいたホームページのデザインから、
レスポンシブデザインのhtml/cssのコーディング作業を承ります。

以下のようデザインから作業いたします。

・PSDまたはXD形式のデザインデータ。
・参考URL。
・手書きメモの写真。

HTMLファイル一式をzip形式で納品いたします。

価格は1ページ制作分です。
1ページ当たりの長さが6000px以上の場合は別途お見積りとなります。

【制作の流れ】

デザイン確認
　↓
コーディング作業
　↓
テストサーバーへのアップロード
　↓
ご確認・改修
　↓
納品

【10名様限定のご案内です】
ページ内で使用する画像、文言をすべてご提供いただければ
1,000円でランディングページを制作いたします。

基本的には5日後をめどに納品いたします。
お急ぎの場合はご相談ください。

ページの制作には以下のものが含まれます。

・基本的なhtml、cssのコーディング
・「TOPへ戻る」や「お問い合わせフォームへ」等のページをスクロールさせるボタンの設置

デザインに沿ったコーディングで、スピーディに納品いたします。
scssを使ってみやすくより短いコードで誰がみても分かりやすいコーディングを心がけております。