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

初心者でも構わない、という方やできるだけ安く済ませたい方はぜひ！

「コーダーが足りない」
「コミュニケーションをしっかりとれるパートナーと仕事がしたい」という場合から
「シンプルな作業、細かな修正」まで弊社にお任せください。

これまで数十社の制作会社・開発会社様と継続的にお取引をしており、
既存サイトの修正からLP、2〜3ページの小規模な個人事業主・士業・ブログサイト、
10ページ〜20ページ前後の中規模コーポレートサイト、
40ページ以上の大規模ECサイト・ポータルサイトのチーム開発なども手掛けてきました。

また、制作会社としてだけでなく個人のビジネス経験としても
・プロのコーチング資格を保有し200名以上と対話
・リクルート(株)で10年弱の営業、企画、ディレクション・マネジメント経験
・500名以上の実店舗経営者様へのコンサルティング経験
・150名以上のコミュニティ運営
・現役のSNSスクール講師
・現役スキューバダイビングインストラクター
・3棟1区分15戸の不動産経営

などの経験があり、現場視点、経営者視点から、老若男女、様々な仲間やお客様と接しコミュニケーション力、ビジネス力を磨いて参りました。

これまでの経験を活かし、
お相手とのイメージのすれ違いを防ぎながらの迅速でスムーズな対応が可能です。

◆弊社が貢献できること

・コミュニケーションコストを意識した円滑な進行
・作った先を見据えたCSS設計によるコーディング
・制作チェックリスト提出によるお相手の確認や手間の削減
・ご依頼箇所以外に気づいた点の自主修正、提案、報告
…などにより、安心できるプロジェクト進行、リソースの削減をし、事業拡大の支援が可能です。

◆料金

トップページ：50,000円〜
下層ページ：15,000円〜
ランディングページ：80,000円〜
WordPressオリジナルテーマ制作：150,000円〜
レスポンシブ不要分割引：合計金額-20%
特急料金；合計金額+30%

※レスポンシブ込み
※ページの長さ、機能により変動いたします。まずはお気軽にご相談いただければ幸いです。

◆サービス内容

・ご提供できるスキル
HTML / CSS(BEM,FLOCSS) / Sass / jQuery / JavaScript / React / Gulp / npm scripts / PHP / WordPress / EJS / Pug / Github / Adobe / Figma

◆制作の流れ

ご依頼内容のご相談
↓
お見積・ご発注・契約書の締結(軽微な案件の場合は省略)
↓
ご確認・必要時は修正
↓
最終確認
↓
納品

◆納品日数

これまでの納品実績は以下の通りです。
（作業環境構築からレスポンシブ対応、制作チェックリストをつけての納品まで）
・2ページ静的サイト：4日
・20000pxのLP：7日
※要件や状況により変動しますが、お急ぎの場合も柔軟に調整いたします。

◆私、ミカミと弊社制作メンバーの人柄

◯ミカミ
・迅速で適切なコミュニケーション
豊富なビジネス経験と制作現場を経てPM、ディレクターとして業務に携わってきており、コミュニケーション力を磨いてきました。お取引先のコミュニケーションコストを考慮した迅速で適切な対応を徹底しています。

・制作の先を見据えた対応
Webサイト制作のゴールは「納品」ではなく「活用」だと承知しています。
事業の目的達成のために貢献できる機能性の高い制作を心がけており、
そのためにより良い方法があれば積極的に提案します。
経営者目線を持ちパートナーとして伴走します。

◯制作メンバー
・コーディング好き
もともと自分の手で何かを作り上げていくことが好きで、コーディングも好きに。
毎日８時間コーディングをしていても飽きることなくずっとできるほどのコーディング好きです。

・飽くなき探究心
わからないことはどこまでも調べ、探求して、できることを増やし技術を磨いてきています。
変化が早いWeb業界のなかで、学んだ分だけ貢献の幅が広がることに喜びとやりがいを感じています。

◆最後に

最後までご覧いただきありがとうございます。
「痒いとことろまで手が届く迅速で丁寧な仕事」を大切に対応いたします。

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

【全体の作業について】

デザインカンプをもとにコーディングを行います。
デザインデータをお送りお願いいたします。

その際、｛pc版はソリッドレイアウト
sp版はリキッドレイアウト｝等ご指定ください。

指定のない場合は上記のレイアウトで
制作対応いたします。

参考サイトなどあればレイアウトの表示をそのようにします。

※こちらの不備のない大幅なレイアウトの変更には追加料金をいただきますので、
よろしくお願いいたします。

リンクタグやリストタグにはこちらで必要そうであれば、
簡単なアニメーションの追加いたしますが、
特にご指定がない場合は後での対応いたしかねますのでご了承お願い致します。

指定がある場合はお気軽にお申し付けください。対応いたします。

【アニメーションについて】

どのようなアニメーションでもできる限り、
制作します。

その際に参考サイトなどあると非常に助かります。

アニメーションに関してはこだわりがある方は、
何度かの修正や細かい指示などお気軽にお申し付けください。

【料金や納期について】

料金や納期については融通ききますのでご相談ください。

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

・HTML＆CSS＆Javascriptのコーディング作業

・ランディングページ（LP）やコーポレートサイトの制作

・レスポンシブ対応

・ホバーアクション

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

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

• 経験など
  本業は飲食を行なっておりますが、２年程独学をした成果を試したいと思い 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)問題がなければ納品となります。

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

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

【まずはじめに】

数あるページの中からこちらのページをご覧いただきありがとうございます！
Webコーダーをしている「うみ」と申します。

Lancersのスキル出品をこの度はじめてみることにしました！

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

・コーディング,WordPress構築を外注できるパートナーが欲しい
・Lancersで募集かけると応募が多すぎて誰に頼めばいいのか分からない
・どれくらいのスキルがあるのか分からなくて外注できない
・デザインはできるけどコーディングが苦手
・コーダー不足で外注先を探している制作会社様
・コーダーのパートナーを探しているデザイナー様

などなど

【　料金　】

Topページコーディング：30,000円〜
下層ページコーディング：15,000円〜
WordPressオリジナルテーマ制作：80,000円〜

基本的に上記金額でお受け可能です。
*ボリューム・機能によって変わってきますので、まずはご相談いただければと思います。

【　サービス内容　】

・HTML, CSSコーディング
・JavaScript, jQueryによるアニメーション実装
・WordPressテーマの編集
・WordPressオリジナルテーマの作成

【　制作の流れ　】

①　ヒアリング・お見積もり
↓
②psd・ai・XD・figmaでのデザインデータをお送りいただきコーディング作業開始
静的サイトもしくは静的サイトのWordPress化（オリジナルテーマ）で承ります。
↓
③トップページご確認・修正
↓
④トップページ問題なければ下層ページコーディング開始
↓
⑤2、3ページ毎にご確認・進捗報告
↓
⑥テストサーバーでご確認
↓
⑦上記ご確認後→修正→再度テストサーバーへアップロード
↓
⑧納品
・zipファイル納品
・WordPressへのマイグレーション
・FTPツールを使用してサーバーへの納品

【　当サービスの強み　】

・制作会社様と仕事をしているコーダーが制作しますので高いクオリティでデザインを完全に再現いたします。

・納品前には独自の品質チェックシートを用いて確認したのち、納品させていただきます。
また、品質チェックシートは納品時にお渡し可能です。

・土日も作業しております！急なご連絡なども対応可能です！

・ご連絡は基本即返信させていただいております
遅くても半日以内には必ず返信いたします。

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

ＡＵＴＯＣＡＤによる作図
(ＣＡＤ利用技術者 2級の資格)
エクセルによる
・伝票整理
・給料計算
・決算書作成
などを担当しております。

細かな作業もこつこつ真面目に取り組むことができます。

【可能な業務】
上記の業務内容の他、
・エクセルによる作業全般(マクロを含みます)
・画像・映像加工作業(Wondershare Filmora X　で作業しています)
なども得意としております。

数あるパッケージの中からご覧いただき、誠にありがとうございます。

個人事業（3年目）でコーディングとWordPress構築をメインに活動している「金杉 優希（かなすぎ ゆうき）」と申します。
現在、制作会社様やマーケティング会社様と継続的なお取引をさせていただいております。

・制作過程のやりとりを不便なくできるコーダーを探している。
・プロとして最後まで責任をもって対応してくれるコーダーを探している。
・デザインからコーディングまで安心してまるっとお任せできるコーダーを探している。

そんな方々のお力になります！

▶︎作業内容
・HTML / CSSコーディング
・JavaScript / jQueryを用いたアニメーション実装
・レスポンシブ対応
・品質確認（マルチブラウザ対応、W3C、ピクセルパーフェクトなど）
・サーバーへのアップロード

▶︎制作の流れ
①ヒヤリング
　実装機能などの確認をいたします。
②契約
　お見積もり、納期をご提示させていただきます。
　ご納得いただけた場合、ご購入をお願いいたします。
③制作・確認
　制作実施後、制作物のご確認をお願いいたします。
　気になる点がある場合、可能な限り修正対応いたします。
④納品
　問題なければ、制作物をzipファイルにて納品させていただきます。
　※サーバーへのアップロードをご希望の場合、FTP情報をご教示下さい。

▶︎ご用意いただくもの
・デザインデータ（XD、Photoshop、Illustrator、Figmaなど）

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

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

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

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

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

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

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

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

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

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

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

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

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

本サービスをご覧いただきありがとうございます。
WEB制作、HTMLコーディングを行なっておりますおおたに（Ohtani）と申します。

本サービスはコーディング代行サービスとして出品しております。
以下のようなお客様、私にお任せいただけないでしょうか。
「デザインはあるけどコーディングは任せたい」
「時間がないからコーディングを任せたい」

【サービス内容】
・デザインデータからHTML / CSS コーディング
・レスポンシブ対応
・jQuery使用

【納品までの流れ】
①ヒアリング（コーディングについての内容、スケジールの確認）
②デザインお預かり →Photoshop、Illustrator、XDのデータに対応可能です。
③コーディング作業開始
④内容の確認と修正
⑤最終確認
⑥納品

コーディングのサンプルに関しましては当方プロフィールのポートフォリオをご覧ください。

サービスをご覧いただきありがとうございます！
即レス・丁寧な対応を心がけております。まずは気軽にご相談ください。

■サービス内容
下記、基本料金に含まれる項目です。
・HTML/CSSを用いたコーディング
・レスポンシブ対応
・JavaScript(jQuery)を用いた、スライダー、ハンバーガーメニュー等の実装
・gulp、scssを使用した効率的なコーディング
・BEM設計を取り入れた保守性の高いコーディング

■その他のサービス内容
・WordPressもご相談ください。
・その他（柔軟に対応をさせて頂きますので、ご相談ください。）

■納期
作業量によって異なりますが、基本５日〜１週間ほどお時間いただいております。
ご希望の納期がある場合はご相談ください。

■ポートフォリオ
https://www.resume.id/shigeru

■主な制作の流れ
①ヒアリング〜お見積り
②お客様からのデザインデータのご提供
③HTML&CSSコーディング
④テストサーバーにて確認・無制限修正
⑤最終調整後、納品（または本番サーバーへの反映）

＼ こんなお悩みありませんか？ ／
・昔ホームページを作ったけど知識がなくて更新できていない
・画像を差し替えたい
・文章を変更したい
・崩れている箇所がある
・画像の文字を修正したい
・動画を埋め込みたい
・スマホ対応にしたい
・項目を追加したい
などなど組み合わせ自由で対応いたします！
※画像を作成することも可能です。（有料オプション）

作業の目安は1日2時間程度です。
内容により対応量が変わりますのでお気軽にご相談ください。

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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