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

こんな方へおすすめ

・デザインの用意はあるけどコーディングまで手が回らない企業様
・コーディングはコーダーに任せたいWebデザイナー様

メッセージ

・お仕事が重なることを考慮して納期は余裕を持たせていただいておりますが、できる限り早く作業いたします。
・ゆくゆくは値上げとなる可能性もありますので、受注の少ない今がチャンスです！

html css jsを使用したコーディング作業

お手伝いできる案件がありましたら

お気軽にご相談下さい。

コーダー兼デザイナーとして
お仕事をさせて頂いております。
コーディング作業時に必要な
下層ページの作成、パーツの作成なども
併せご依頼頂くことは可能です。
お気軽にご相談ください。

【ランサーズ活動開始記念 - 初回１０％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は対応不可です。

納期1-3日

◆デザインはできるけどコーディングは苦手…
◆忙しくてコーディングまで手が回らない方
こんな方におすすめです！

作成されたデザインに基づき、Webサイト構築を１ページ～代行いたします。
ジャンル問わず、LP・HPコーディングを承ります。
Wordpress使用のECサイトも可能ですので、ご相談くださいませ。

◇デザインに忠実なコーディング：PergectPixelを使用しながら作業いたします。
◇早いレスポンス：ご連絡には気づき次第すぐに対応いたします。
◇納期厳守：当たり前のことですが、納期は必ず守ります。必要があればこまめに進捗のご報告もいたします。
◇柔軟対応：軽微は修正は回数の制限を設けておりません。お気軽にご相談いただければと思います。

【進め方】
①デザインをご共有いただき、コーディングルールやアニメーション等の概要や納品方法について確認いたします。（オンラインでのお打ち合わせも可能です）
②作業
③初稿提出
④ご確認いただき、修正があればフィードバックしていただきます。
⑤最終納品

【経歴】
・四年制大学卒
・2024年1月までドラッグストア勤務(約5年間)、うち1年半ほど店長を経験
・退職後、Web制作の学習を始めコーディングスキルを修得
・現在は出版社に勤務しつつ、コーディングのお仕事も副業として承っております。デザインも勉強中です。

こんな方におすすめのサービスです

「デザインはあるから、コーディングだけお願いしたい！」
「時間がないので実装はまるっとお任せしたい」
「早いレスポンスで円滑に進めたい」

そんな方にぜひお力添え致します！

当サービスの特徴

■XD / Figma / photoshop / illustrator 等、どのカンプでもご対応
■スマホやタブレット等のレスポンシブ対応付き

☆ランサーズ参入記念で、通常よりお安くご提供させていただきます！

制作の流れ

①ヒアリング（イメージの共有やデザインのご確認)　
②お見積もりをご提示
③コーディング開始
④完成品の確認・修正(デザイン変更による修正は3回まで無料です)
⑤最終確認、データ納品

お客様ご自身で更新作業もされたいという方は、WordPressを用いた開発も可能です！
お気軽にご相談ください！

業務内容

サービスをご覧いただきありがとうございます。
本パッケージはコーディング代行のサービスとなっております。

◆こんな方にオススメです

デザインはできるけどコーディングが苦手

コーダー不足で外注先を探している制作会社

コーダーのパートナーを探しているデザイナー

◆基本料金に含まれるもの

HTML／CSSコーディング
レスポンシブ対応
画像、CSSファイル、JavaScriptファイルの圧縮
テスト確認用サーバーの設置（こちらで用意）
アフターフォロー（納品後2週間以内）
→表示崩れの修正は無期限で無料対応いたします。

◆基本料金に含まれないもの

スマホ用デザインカンプがない場合のレスポンシブ対応：合計金額の30%を加算
アニメーションの実装（一部無料、ご相談ください）：5,000円〜
お問い合わせフォームの実装：17,000円〜
　静的の場合は「PHP工房」のメールフォーム使用を想定しております。

◆納期

4日程度〜で納品が可能です。
※稼働状況や実装内容により変動します。

◆納品までの流れ

ヒアリング
　↓
デザインデータお預かり
　↓
コーディング
　↓
テストアップ（ご確認・修正）
　↓
納品（zipファイル送付、またはFTPでレンタルサーバーへアップロード）

◆お見積り参考例

【長さ10,000pxのランディングページコーディング例】
・ページ長さ10,000px：20,000円
・ページトップボタン：無料
・ドロワーメニュー(ハンバーガーメニュー)：5,000円
参考価格：25,000円

※WordPress導入も含む場合はプラス44,000円〜

Webページのコーディングを承ります。

制作済みのデザインカンプを元に、LPやHPの高品質なコーディングを実施します。
パッケージプランに当てはまらない内容でも、まずはお気軽にご連絡ください。
パッケージプランをベースに詳細なお見積りをさせていただきます。

✔︎このパッケージで解決できるお悩み
・コーディングを外注したい！
・急遽コーダーのリソースが必要になった！
・高品質でアニメーション付きのコーディングを頼みたい！

✔︎大切にしているポイント
・お客様から拝借したデザインカンプに基づいて忠実なコーディングを実施する
・途中段階でもこまめな進捗報告を行う
・お客様とお約束した納期を厳守する

■基本内容
・HTML／CSSコーディング
・レスポンシブ対応
・デザイン完全再現
・読み込み速度を考慮したパフォーマンス対策
・スクロール時の要素出現アニメーションの実装
・スライダーやアコーディオン、モーダルなどのアニメーション実装
・最新ブラウザでの動作確認
・テスト環境での動作確認
・指定サーバーへのアップロード
・納品後1週間の修正対応

■オプション内容
・納期の短縮
・表示高速化の対応
（次世代画像フォーマットによる読み込みスピードの高速化を実施）
・おまかせスマホ対応
（スマホ版デザインカンプがなくてもPC版デザインを踏まえたスマホ版レスポンシブコーディングを行います）
・お問い合わせフォーム実装
（必要な項目を備えたお問い合わせフォームを作成し、送信があった場合には自動送信メールを送付する機能をPHPを使用して追加いたします）

■ご対応可能なファイル形式
・Figma
・Adobe XD
・Adobe Photoshop
・Adobe Illustrator

使用画像は「埋め込み」でお願いいたします。

■納品形式
・ファイル送付
・指定サーバーへのアップロード
※サーバーアップロードの場合は事前にFTP情報をお伺いいたします。

以上です。
ご不明な点についてはお気軽にお問い合わせください。
よろしくお願いいたします。

■プロフィール

恐縮ですが、私の経歴をご紹介します。

2017年〜2021年
インフラエンジニアとして主にシステム設計構築を担当
AWS、Linux、VMware などを扱う

2021年
Webデザインスクールに通学
在学中にクライアントワークコンペで選抜される

2022年
Web制作会社に勤務、デザイナー兼コーダーとして活動
大手デザインスクールにてAdobe XD講師を経験

2024年
フリーランスとして独立
大手デザインスクールにてトレーナーとして活動

納品前のチェックシートの活用と、GoogleChromeの拡張機能である「ピクセルパーフェクト」を使用して、あなたのデザインを忠実に、正確にコーディングいたします！

まずはお見積りをお願いいたします。

☆こんな方におすすめです☆
・コーディングの手が足りていないディレクター様
・コーディングの苦手なデザイナー様

◇サービス内容について
・HTML/CSSを用いた静的コーディング
・レスポンシブ対応
・必要に応じたアニメーション実装（ライダー、スクロールアニメーション、アコーディオン、ハンバーガーメニューetc）
※サービスは”コーディングのみ”となっております。
※WordPress化は別途ご相談ください
※下層ページは有料オプションよりご注文ください
※ページ数が足りない場合はお手数ですが、有料オプションを組み合わせてご注文ください
対応できるものとして、Web作成、HP（ホームページ）、LP（ランディングページ）、ポートフォリオなどです。

◇料金
・トップページ：9,000円/P~
・下層ページ：6,000円/P~
・LP：18,000円~

◇サービスの流れについて
①ヒアリング
└デザインの確認、担当範囲確認、納期確認、修正回数の確認、必要データの確認
②お見積り
③作業開始
④確認・修正
└テスト環境→Mac、Windows（GoogleChrome、Firefox、Safari、edge）
⑤最終確認
⑥納品確定
ご不明・ご心配な点はご相談ください！
こちらで確認を行い、内容の確認をお客様にしていただきます。

◇納期
最短5日
お見積り時にヒアリングさせていただきます

ご相談やお見積りのみでも結構です！
その他、疑問点がございましたらどのようなことでもお気軽にご相談ください。

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

Web制作会社退社後、個人事業としてデザイン・コーディング・Wordperss構築を
メインとして活動しております、西口真平(にしぐちしんぺい)と申します。

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

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

▶︎作業内容

・HTMLタグを最適化したHTML / CSSコーディング
・JavaScript / jQueryを用いたアニメーション実装
・レスポンシブ対応
・SEO対策（OGP設定、画像軽量化など）
・サーバーへのアップロード

▶︎制作の流れ

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

▶︎ご用意いただくもの

・デザインデータ（XD、Photoshop、Illustrator、Figmaなど）

フリーランスでWebエンジニア、Webコンサルをしております、市川喬士と申します。
私のサービスに興味を持っていただき、ありがとうございます。
是非、以下ご確認ください。

▷最新の制作物はこちら(デモサイト)
http://takashi0520.html.xdomain.jp/demosite2/
また、制作物一覧はこちら
https://vanilla-fireplace-f3c.notion.site/5396253653fd4ad8ab074a7dec4cbdbf

【こんな方にオススメ！】

・コーディング作業が苦手なデザイナーの方
・デザインデータはあるが、コーダーが不足しているディレクターの方
・どのようなデザインにしたいかのイメージはあるが、それを制作することが困難な方
・外注先をお探しのweb制作会社の方

【費用に含まれているもの】

・Adobe Photoshop/XD/Figmaで作成されたデザインカンプからのHTML/CSSコーディング
・マルチ画面対応のコーディング
・jQuery & CSSアニメーション
・画像圧縮による表示速度最適化
・予測・再利用・保守・拡張を意識したCSS設計による、保守性の高いコーディング
・chrome、safari、Microsoft Edge、firefoxによる確認

【追加でご提供できること】

・HTML/CSSコーディングファイルのWordPress化
・JavaScript(jQuery)を用いた動的サイト(高度なもの)
・gsapによるアニメーション
・gulp環境下での制作
・貴社指定サーバーへのアップロード
・納品後の修正作業
・スピード納品(即日可)
・WordPressテーマを使用してのWebサイト制作

【納期】

時期により、少し変動はしますが、1ページあたり5日〜1週間で納品させていただきます。
ご希望の納期がある場合はご相談いただければ、可能な限り、対応いたします。

【スケジュール】

①ご相談・お見積り・スケジュール確認（無料）
②デザインデータを確認(Photoshop、XD、Figma)
③コーディング開始
④弊社テストサーバーにアップロード
⑤ご確認、修正
⑥納品（zipファイル納品・テストサーバーアップロード）

サービス提供前に、一度DMで詳細をご連絡ください。
(お互いの齟齬を無くすため、可能であれば、オンラインミーティングでお願いしております。)

こんな方におすすめ
・デザインは制作したけどコーディングが分からないフリーランス

制作可能なジャンル
・ポートフォリオ用サイト

ポートフォリオ用サイトを制作したいものの、コーディングが苦手で作業を進められず悩んでいる方におすすめのプランです。
今なら格安でご対応中なので、ポートフォリオ用サイトを制作したいフリーランスの方で予算を抑えたいという方はぜひお気軽にご相談ください！

ご相談は無料です！

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

こんな悩みを抱えていらっしゃるデザイナー様・制作会社様におすすめです。
・リソースを増やして、事業拡大を検討している
・簡単なコーディングを外注化して、自分にしかできないことに力を入れたい
・コーデイングも含めた案件を獲得したい

そんな方の頼りになるパートナーになります！！！

ー私の強みー

お客様との信頼関係を築く上で最も大事だと考えており、普段からレスポンスの速さには、
気をつけており、ありがたいことに今までのお仕事させていただいた方々からは、
「日々の進捗状況の報告や質問への解答などが円滑で、スムーズに作業の進行ができた」
「連絡できない時は、事前に連絡くれて、レスポンスがないことに不安にならなかった」などのお言葉をいただいており、今後も継続していきたいと思っております。

ーサービス内容ー

・HTML/CSS/Javascript(jQuery)を用いたコーデイング
・レスポンシブ対応（PC、タブレット、スマホ対応）
・WordPress構築
・お問い合わせフォーム

ー制作の流れー

1、ヒアリング&お見積り
2、お客様からデザインのご提供
3、コーディング＆テスト
4、ご確認・修正
5、最終確認・納品

丁寧で迅速なコーディングを行います。
ご相談・お見積もりのみでも大丈夫ですので、まずはお気軽にご相談ください。

▼このような方におすすめです

・コーディングを継続で外注できるパートナーが欲しい
・急ぎでコーディングを手伝ってほしい
・デザインはできるけどコーディングはできない

WEB制作会社様やデザイナー様で、このようなお悩みのある方はいらっしゃいませんか？
それらのお悩みを解決させていただきます！
今までWEB制作会社様やデザイナー様からの受注実績が多数ございますので、まずはお気軽にご相談いただければと思います。

▼基本の作業内容

・コーポレートサイトコーディング
・LPコーディング
・WordPressコーディング
・サーバーへのアップロード
・納品後のアフターフォロー（納品後2週間以内）

▼別途お見積りが必要な作業内容

・アニメーションの実装（実装内容によっては無料）：7,000円〜
・JavaScriptを用いた動的な処理（API処理など）：7,000円〜
・SP版デザインがない場合のレスポンシブコーディング：10,000円〜

▼制作の流れ

①ヒアリング
デザイン、実装機能を確認いたします。
↓
②コーディング
↓
③ご確認・修正
テスト環境にアップの上、ご確認をお願いいたします。
修正点がございましたらお申し付けください。
↓
④納品
本番環境のサーバーに制作物のファイルをアップし、納品完了です。

ホームページの静的コーディングを承ります。

サービスを閲覧いただきありがとうございます！
デザインされたサイトを忠実にコーディングさせていただきます。
コーディングがどうしても難しいデザインに関しては、事前にご相談させてただきます。

【サービス内容】
◾️HTML、CSSによるコーディング
◾️jQueryによるアニメーション（スムーススクロールやフェードインなどの簡易なもの）
◾️WordPress化
◾️レスポンシブ対応
◾️デザインの再現

【制作の流れ】
①見積もりのご依頼
②見積もりの提示
③サービスのご購入
④制作に必要なサーバー情報、デザインデータ（文章、画像データ含む）のご提出
⑤制作開始
⑥納品

ご不明点がありましたら、お気軽にご連絡ください。

コーディング依頼は"やしぼう"にお任せください！
サーバー周りの設定やクライアントワークのフォローまで柔軟に対応いたします！

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

Webサイトのデザインデータをもとにコーディングを代行いたします。

◆作業内容
標準作業
・HTML/CSSを用いた静的コーディング
・レスポンシブ対応
・JavaScriptを使用した動的実装

オプション
・写真素材準備

◆料金表
標準作業
・HTML/CSS/JavaScriptコーディング
　・トップページ：33,000円
　・下層ページ：11,000円/1ページ

オプション
・問い合わせフォーム制作：22,000円
・写真素材準備：5,500円/～5点
・WordPress構築：22,000円～

◆制作の流れ
1、ヒアリング&お見積り
2、デザインデータのご提供
3、コーディング（テスト含む）
4、ご確認・修正
5、最終確認・納品

※納品物はHTML/CSSを記述したテキストファイルを想定しています。
　納品方法はご都合の良い手段で対応可能です。ヒアリング時にご相談ください。

◆納期
ページ数に応じて納期を決定させていただきます。
例えば、10ページ程度のWebサイトで2週間程度となります。
※具体的にはデザインデータを拝見した上で決定とさせてください。
　ご希望の納期がある場合はご相談くださいませ。
※詳しくはお見積り時にご相談ください。

迅速・丁寧にコーディングいたします。
ご相談・お見積もりのみでも大丈夫ですので、まずはお気軽にご相談ください。

この度は私のパッケージをご覧いただきありがとうございます。
千葉県在住、フリーランスのWebエンジニアとして活動している石田哲朗と申します。

◆サービス内容

・HTML/CSSを用いた静的コーディング
・JavaScript(jQuery)を用いたアニメーションを実装（ハンバーガーメニュー、スライダー等）
・レスポンシブ対応
・基本的なSEO対策（alt, metaタグなど）
・WordPress導入

修正回数については無制限です、ご満足いただけるまで責任をもって対応いたします！
※もし何か不手際がありましたら、全額返金させて頂きます。

■料金
10,000円（サービス内容すべて込み）
※複数ページでも10,000円にて対応させて頂きます。（追加料金は一切かかりません！）

◆制作の流れ

１．「見積り・カスタマイズを相談する」よりご相談ください。
２．デザインデータお預かり
３．コーディング（毎日進捗のご共有をさせて頂きます。）
４．ご確認・修正
５．最終確認・納品

◆納品方法

・zipファイルの送付
・サーバーへのアップロード（FTP情報（ホスト名、ユーザー名、パスワード）のご共有をお願い致します。）

◆納期
受注から5日～14日程度でございます。
※あくまで目安とさせていただき、内容によりご相談させてください。

発注していただいた際は、納期の厳守、迅速なレスポンスを徹底し誠心誠意取り組ませていただきますのでご検討のほどよろしくお願いします。

数あるサービスの中から当サービスをご覧いただきありがとうございます！
こちらはHTML／CSSを使用して、Webサイトのコーディングを代行するサービスです。

◆サービス概要
・HTML・CSS（Sass）によるコーディング
・レスポンシブ対応
・jQuery（JavaScript）によるアニメーション
・表示速度向上のため画像圧縮
・テスト環境による出来栄え確認

※データ納品前の修正回数については無制限です、ご満足いただけるまで責任をもって対応いたします！

◆料金表（すべてレスポンシブ対応含む）
【修正、更新（ベーシック）】
1箇所3,000円でご対応します。
パッケージのシステム上10,000円以下は設定できないため、修正希望の方は一度DMください。
詳しい依頼内容をヒアリングして、正式なお見積もりを作成させていただきます。
※内容によっては対応不可の場合もございます。
複数項目ご依頼の場合は、内容によっては割引も可能です。
画像変更のみなどの、簡単な修正のみの場合は複数箇所でも3,000円でご対応します。

【LPコーディング（スタンダード）】
30,000円でご対応します。
上記は基本料金になります。
長さによっては変動いたしますので、ご了承ください。

【HPコーディング（プレミアム）】
６ページ以内：55,000円
６ページ以降は１ページ8,000円の追加費用がかかります。

※上記料金は目安料金となりデザイン・ご要件に応じて変動いたします。
　お客様のご予算に応じて調節も可能です。お気軽にご相談ください

◆制作のおおまかな流れ
①ヒアリング・お見積り
②お見積もり提出
③ご依頼（ご購入）
④デザインデータのご入稿
⑤制作開始
⑥テスト環境アップロード
⑦修正対応
⑧データ納品（zipファイル送付 or サーバアップロード）

◆納期
内容により変動いたしますが基本1Pにつき3日程度で納品いたします。
ご希望納期がある場合はお気軽にご相談ください。

まずはDMまたは相談ボタンからお問い合わせください。
ご不明な点はお問合せの際にあわせてご質問ください。

デザインカンプ(AdobeXD、figma)からコーディング致します。

▼こんな方にオススメ
・なるべく費用を安めに済ませたい方。
・安いからといってあまり妥協したくない方。
・そこまで急いでない方

▼使用スキル
・HTML/CSS
・Sass
・Gulp
・Javascript
・Jquery
・PHP
・Wordpress

▼制作の流れ
デザインカンプを送っていただいてから制作スタートと致します。
キリの良いところ(1ページの完成、レスポンシブの対応等)まで制作しましたら、
随時報告致しますので確認お願いします。
納品ですが、圧縮ファイルにして納品いたします。

WordPress（ワードプレス）で作成されているホームページの各種修正を承ります。
10年以上のWordPressでの開発経験をもとに、無駄のない工数で作業させていただきます。

こんな悩みはないでしょうか
・前任者からサイト管理を任せられたが、引き継ぎがしっかりしていなくて更新できない
・社内リソースが足りずに改修作業が行えない
・委託していた制作業者と連絡が取れなくなった
など
・すぐに改修しなければならないのに作業できない、そんなときにご利用ください。　
　
こんなことができます
【ベーシックの改修内容例】
ページを追加したい、ページの一部分を直したい
サイドやフッターにバナーを表示したい
トップに表示される画像を変更したい
この部分にこういう要素を追加したい
ナビゲーションにページを追加したい
Googleアナリティクスのタグを設置したい
広告用のタグを設置したい
など

【スタンダードの改修内容例】
トップページを更新しやすくしたい
一覧ページの見せ方を変更したい（見せる要素の変更、フィルタ項目の変更）
スマホ表示の際の見せ方を変更したい
表示スピードを改善したい
など

【プレミアムの改修内容例】
投稿とは別の一覧でブログを入力できるようにしたい
会員制のサイトにしたい
サイト全体に関わる表示や構造変更
など

まずはご相談ください！
プランごとの作業時間目安
ベーシックプラン：3時間程度
スタンダードプラン：6時間程度
プレミアムプラン：9時間程度

ご発注から納品までの流れ

1. ご相談
   各プランの作業内容を目安に、プランを選択してご依頼内容をご連絡ください。
   ※作業時間がわからない場合はメッセージでご連絡をお願い致します。
   ※お使いのテーマやプラグインの状況によっては、同じ作業内容でも作業時間に違いがでる場合がございますので、ご了承ください。
   内容を確認の上、納期と見積金額をご提示します。

2. ご発注・仮払い
   納期と見積金額に納得していただきましたら、ご発注と仮払いをお願いします。
   ログイン情報をお預かりいたしますのでご準備をお願い致します。

3. 作業開始
   不明点などありましたら随時メッセージ連絡を取りながら進めます。
   指定納期での作業し完了報告を致します。

4. 検証・お支払い
   作業内容がよろしければ完了報告を受領ください。

webデザイナー/デザインカンプをお持ちの方へ
デザインソフトに沿って丁寧にデザインいたします
クライアントさんの希望に沿って柔軟に対応いたします。

＼＼　デザインカンプ通りにコーディングします　／／

「低価格で新規LPを頼みたい」
「デザインはあるけど、コーディングができない」
上記などをご要望の方、お気軽にご連絡ください。

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

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

ご覧いただきましてありがとうございます。
デザインを再現するだけでなく、メンテナンスも考慮したコーディングを行います。

【このようなお悩みの方におすすめです！】
・コーダー不足で信頼できる外注をお探しの制作会社様
・デザインだけに集中したいデザイナーの方
・画像差し替え、テキスト変更などページ更新を必要な時だけ依頼したい企業様

【基本料金内サービス】
・レスポンシブデザイン
・HTML / CSSコーディング
・お問い合わせフォーム実装
・画像圧縮による表示速度最適化

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

【製作事例】
NeoPen株式会社
https://neopen.co.jp/

ミサワリノベーション様
https://misawa-renovation.co.jp/

株式会社EPIK様
https://epik.co.jp/

水素吸入サロン SUiSO SPACE様
http://suisospace.co.jp/h2o/

NEOKAMIプログラミングスクール
https://neokami.college/

合同会社Three様
http://ggtre.company

こんな方へおすすめ
・ずっと手つかずでサイトが古い状態で放置している方

▼このような方へおすすめ
・模写コーディングを求めている方
・1からホームページを制作したい方
・ホームページをリニューアルしたい方
・ECサイトを作成しネットショップを始めたい方
・迅速に作業を進めて欲しい方

▼ご提供内容
・模写コーディング[HTML,CSS,Java]
・WEBデザイン制作の斡旋
・ECサイトの制作

▼ご購入後の流れ
・WEBデザイン、素材の受け取り(素材ありの方)
↓
・ページ制作後ご確認
↓
・修正箇所があれば修正
↓
・完了・納品
↓
※指定期間内であれば画像やテキスト修正を行いますのでご依頼下さい。

▼制作可能なジャンル
・HTML,CSS,Javaを使用したホームページ、ECサイトの制作
※違法なサイト以外には業種は基本的に問いません。

▼納期や料金プラン、オプション
・ご相談頂きましたら出来る限り対応させて頂きます。

ご希望のデザインを完全再現いたします！

頂いたデザインデータを忠実に再現し
想いをカタチにすることを心掛けています。

銀行での人事部での経験から、徹底したタイムスケジュール管理と柔軟な対応でお客様のご要望を組み込み、迅速・丁寧な作業をするのが得意です！

確かなスキルでデザイン通りに制作いたします。ご納得いただけるまで修正いたします。

・HTML/CSSコーディング
・基本的なSEO対策
・保守性の高いコーディング

上記はすべて基本料金に含まれています。

※ご依頼後にデザインに変更があり実装が変わる場合は、追加で費用をいただく場合がございますので予めご了承願います。(簡単な変更の場合はご不要です)

▼作業内容

・静的コーディング
・LPのコーディング
・レスポンシブ対応
・スライダー、スクロール、アコーディオン、ハンバーガーメニューなどのアニメーションの実装
・JavaScriptの機能実装
・WordPress化:内容により別途でお見積り

★おすすめなお客様★

・お手持ちのデザインデータを再現したい！
・コーディングを外注したい！
・デザインはできるけどコーディングは苦手
・コーダー不足で外注先をお探しの制作会社様
・コーダーのパートナーをお探しのデザイナー様
・デザイン素材はあるがコーティングを任せたい方

■ご予算について

作成するページ数やご要件に応じて金額は変動いたします。ご予算に応じて調整可能ですので、お気軽にご相談下さい。

〜ご依頼の流れ〜

①「見積もり・カスタマイズの相談に進む」より、ご依頼の内容を詳しくお聞かせください。
↓
②納品日の目安と、追加で購入が必要なオプションがある場合ご案内いたします。
↓
③お見積もりなど問題なければ、発注をお願いいたします。
写真やテキストなど、サイトに使用する素材がある場合お送りください。
※画像の加工・作成のご依頼も承っています。必要な場合、別途ご相談ください。
※デザインが制作途中の場合はワイヤーや全体の構成図がわかるものをお送り頂ければ先行して作成致します。
↓
④最終的な納品日をお伝えし、サイト構築開始。
↓
⑤コーディング完了後、ご確認をいただき無料で修正対応いたします。
最終チェックが完了後、データ納品となります。

●納期について

デザインデータ受領翌日からの日数を頂いております。
ご希望納期がある場合はご相談ください。

●納品形式

ZIPにてファイル送付致します。
ご希望あればサーバーアップロードも行います

「誠心誠意」丁寧な対応を心掛け、お客様のご要望を組み込みながらデザインの完全再現ができるよう、丁寧に柔軟な対応を心掛けています。

ご不明点などございましたら、見積もり・カスタマイズの相談あるいはメッセージでお気軽にお問い合わせください。

数多いプラン、サービスの中からこちらを見つけて、
ご覧いただきありがとうございます！

「デザインはしたけど実際にWebサイトとして表示させるやり方がわからない」
「Web制作において、コードを書くリソースがない」
「最後までやり切る保証のある信頼できるコーダーがいない」

そんなお悩みをお持ちでしたら、
ご依頼するしないに関わらず、
ぜひ一度お問い合わせください！

ご要望に合わせて納期、金額、守備範囲等柔軟にご対応します。

○HTML/CSS

○スマホ対応(レスポンシブ)

○CSS設計(基本BEMで対応。ご希望があればFlocssも可能)

○予測、再利用、保守、拡張しやすいコード

○WordPress組み込み用のphpコード、ファイル作成

○１ヶ月間修正対応無料（大幅な変更等は別途ご相談ください。）

○稼働時間
　深夜などを除き日中、夜間を問わず柔軟に対応させて頂きます。
　急ぎのお仕事等も調整可能ですので、
　お気軽にご希望をお聞かせください。

・安心感をご提供するコミュニケーション
・品質を担保する確実な納品
・守備範囲の広い柔軟な対応
を心がけております。

「こんなこと可能かな？」少しでも疑問がありましたら、
発注いただくか否かに関わらず
まずはご相談ください。

お話をお聞きして最善の方法をご提案させていただきます。

ご覧いただき、ありがとうございます！
こちらのパッケージでは、Webサイトのコーディングを承っております。

1ページから複数ページまで対応いたします。
コーディングだけを外注したいデザイナーの方や制作会社の方など、お気軽にお問い合わせください！

良いお取引が進められるよう、誠実で丁寧な対応を心掛けております。
何卒よろしくお願いいたします。

◆◇ サービス内容 ◇◆
・HTML/CSSの静的ページコーディング
・Javascriptの実装
・WordPressの導入（※カスタマイズ内容によって別途費用がかかる場合がございます）

◆◇ 基本料金に含まれる項目 ◇◆
・レスポンシブ対応
・CSSやJavaScriptを使った簡易なアニメーションの実装（※下記に実装例）
・画像圧縮（WebP対応）
・SEO対策（metaタグの設置、構造化マークアップなど）
・安全なテスト環境のご用意
・データ納品＆サーバーへのアップロード・公開作業など

◆◇ 簡易なアニメーションの例 ◇◆
・ボタン・リンクのホバーアニメーション
・スクロールアニメーション（スクロールと共に項目が現れるなど）
・ハンバーガーメニュー
・アコーディオン（クリックで隠れていた項目が表示）
・スライダー／カルーセル（クリックや一定時間経過で画像や画面が切り替わる）
・ポップアップ／モーダルウィンドウ（クリックで画面上に別ウィンドウが開くなど）
・タブで表示切り替え
・指定場所までゆっくりスクロール
・一定時間経過後にメッセージを表示
（※複雑なアニメーションは別途お見積りとさせていただく場合がございます）

◆◇ 基本料金 ◇◆
・トップページ　：30,000円〜／1ページ
・下層ページ　　：10,000円〜／1ページ（※使い回せる箇所が多い場合は5,000円〜／1ページ）
・WordPress導入：20,000円〜
・お問い合わせフォームの設置：内容に応じて別途お見積もりさせていただきます
（※デザインの内容、ボリュームによって変動する場合がございます）

◆◇ 納期 ◇◆
・トップページ　：3日〜
・下層ページ　　：2日〜
・WordPress導入：2日〜
（※デザインデータを受領した翌日からの日数です。デザインの内容、ボリュームによって変動する場合がございます）

◆◇ 納品までの流れ ◇◆
①コーディングのご希望について詳細をお聞かせください。
②金額と納期をお知らせいたしますので、ご了承いただけるかご検討ください。
③ご発注いただけるようでしたら、コーディングに必要なデザインデータや素材等をお送りください。
　〜コーディングを開始し、初稿が完成し次第、ご連絡差し上げます〜
④テスト環境にて作成したWebサイトをご確認いただき、お気づきの点等をご指摘ください。
　（※修正については基本無料で対応いたしますが、仕様変更等は別途費用が発生する場合がございます）
⑤完成データ一式の送付、またはサーバーへのアップロード作業にて納品物をお受け取りいただきます。

◆◇ 表示確認ブラウザ・デバイス ◇◆
・Google Chrome
・Microsoft Edge
・Safari
・Firefox
・Windows/Mac/iPad/iPhone/Android

ご提供するサービスが満足いただけるものになるよう、最後まで責任をもって対応させていただきます。
ご不明な点がございましたら、お気軽にお問い合わせください。

ご覧いただきありがとうございます！
はじめまして！kouと申します。
私は独学でプログラミングを学んでいる学生です。学校生活の傍ら、少しでもスキルを磨きたいという思いで、毎日プログラミングの勉強に励んでいます。

まだ大きな実績はありませんが、その分、お一人お一人のご依頼に全力で向き合い、丁寧に対応させていただきます。初めての方でも安心してご依頼いただけるよう、柔軟な対応と誠実さをモットーにしています！

「未経験だからこそ、成長の可能性に期待してほしい。」
そういった思いで、このスキルマーケットに挑戦しました。技術はまだまだですが、その分努力と真心でサポートさせていただきます。ぜひ、応援の気持ちも込めて、あなたのプロジェクトのお手伝いをさせてください！

初めての方にも安心していただけるよう、納品後の修正やサポートも柔軟に対応します。
どうぞよろしくお願いいたします！

◼︎サービス内容

・HTML/CSSを使用した静的コーディング
・jQueryを用いたアニメーション実装（ハンバーガーメニュー、スライダー）
・レスポンシブ対応
・WordPressの構築(オリジナルテーマ)

◼︎料金表

・アニメーション　¥2,000〜
（ホバーアニメーション、ハンバーガーメニュー、スライド、フェードインは無料対応）
・問い合わせ機能　¥5,000~
（サンクスページ込み）
・WordPress構築　￥8,000~

※アニメーションやWordPressについては内容により異なりますので、ご依頼時にお申し付けください。

◼︎制作の流れ

１.「見積り・カスタマイズを相談する」よりご相談ください。
２. デザインデータのお預かり
３. コーディング
４. ご確認・修正
５. 納品

◼︎納品方法

・zipファイルの送付
・サーバーへのアップロード

【出来ること】
・HTML/css/jQueryを使ったコーティング
・WordPressの導入、構築、改修
・独自チェックリストを用いた報連相
・内部SEO対策
　⇒metaデータの設定
　⇒favicon・apple-touch-icon・ogpの設定
　⇒URL正規化
　⇒構造化データのマークアップ
・レスポンシブ対応（スマホ用データ無くても可）
・独自チェックリストを用いた報連相

【作業内容詳細】
・静的コーティング（1ページ～）
・レスポンシブ対応
・スライダー、スクロール、アコーディオン、
　ハンバーガーメニューなどの実装
・お問い合わせフォームの実装
・WordPressの導入、構築、改修
・独自チェックリストを用いた報連相

【デザインデータ】
・Photoshop
・illustrator
・XD
・Figma

【デザインデータに関する注意事項】
・有料フォントを使用されている場合、
　読み込みタグをご共有くださいませ。
・カラー設定はRGB、サイズ設定は
　pxなどWebデザインに最適化して
　いただきますようお願いします。
・切り出しのできない画像を　
　設置されている場合、お客様の方で
　画像のご用意をお願いします。

【about】
【心がけていること】
・デザインを正確に
・レスポンシブにも対応
・迅速丁寧な作業

【実績】
・ワインに関するECサイトの運営（BASE）
・フリーランスとしてWebサイト制作の活動を開始
・現在、2社と業務提携をして活動中です。

【仕事に対する姿勢】
・丁寧なコミュニケーション
・迅速なレスポンス
・定期的な進捗の報告
・納期厳守

【ご購入の流れ】
依頼内容を下記の【注文時のお願い】に沿って
詳しくお聞かせください。
⇓
納品日の目安と追加で有料オプションが
必要な場合、ご案内いたします。
⇓
お見積もりなど問題なければ、
ご発注を お願いいたします。
⇓
最終的な納品日をお伝えし、サイト構築開始。
⇓
コーディング完了後、ご確認をいただき
無料で修正対応致します。（軽度なものに限る）
最終チェック完了後、データ納品となります。

【注文時のお願い】
この度は、当サービスにご興味を
お持ちくださり誠にありがとうございます。
以下の項目についてご記載いただきますよう
お願いいたします。
・ご希望納期（大体で大丈夫です。）
・デザインデータ
（お見積もりの段階では画像でも結構です。）
・ご予算
・アニメーション実装の有無
（動きのイメージもご提示ください。）
・WordPress対応の有無
・納品方法（データ送付、サーバーアップなど）
・実績掲載の可否

【ご予算について】
記載の金額はあくまで目安です。
作成するページ数やご用件に応じて金額は変動いたします。
ご予算に応じて調整可能ですので、お気軽にご相談ください。

【注意事項】
・サーバー、ドメインはお客様でご用意ください。
・納品はデータのお渡しとなります。
・別途消費税がかかります。
・制作させていただいたwebサイトは
　実績としてポートフォリオに掲載させて
　いただく場合がございます。
　掲載不可の場合は予めお知らせくださいませ。
・ご依頼後のデザイン変更は別途追加費用を
　いただく場合がございます。
　予めご了承くださいませ。
（文章の一部など軽度なものに関しては不要です。）

XD、Figma等のデザインデータからHTMLコーディングを行い、WordPressのオリジナルテーマを制作します。

内容

1. WordPressのインストール・設定
2. プラグインの選定・インストール・設定
3. オリジナルテーマファイルの制作
4. カスタム投稿・カスタムタクソノミーの設定
5. 可能な範囲での機能の実装・カスタマイズ

デザイン作成専門のデザイナー様からのご依頼、
コーディングリソースが不足した制作会社様からのご依頼、
お待ちしております。

支給のデザインデータ（Photoshop , AdobeXD , Figma）から、
忠実に再現したコーディングを行います。

■サービスの強みなど

・レスポンシブ対応込み
PC、スマートフォン、タブレットいずれの環境でも崩れなく閲覧可能なコーディングをいたします。
支給データがPC版のみの場合でもご相談ください。

・ページ表現に必要なJavaScript込み
タブ切り替え、アコーディオン、カルーセル、スムーススクロール、スマートフォン用のメニュー表示などのページに必要最低限のJavaScript実装は予算に込みとなっております。
※数量や複雑な表現の場合には予算外として事前にご相談させていただきます

・CSSアニメーション/エフェクト
スクロールにあわせて要素がアニメーション表示する、ボタンホバー時にアニメーションさせるなど、デザイン上で表現しきれないアニメーションなどにも基本的なものでしたら予算内で対応が可能です。
※複雑な表現の場合には予算外として事前にご相談させていただきます

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

■ご契約後の流れ

1. 事前のヒアリング
   ご契約前にヒアリングをさせて頂き、作業量・納期から正式お見積もり金額お伝えさせていただきます。

2. 仮払い・素材のご提供
   打ち合わせにてご納得頂けましたら、この段階でご契約とさせていただきます。仮払いをしていただき、画像やテキストなどの素材をご提供いただきます。

3. 制作開始
   不明点の確認や進捗報告など適宜コミュニケーションをお願いいたします。

4. 初稿を提出
   修正がないようにコーディングいたしますが、修正点等ありましたら都度対応いたします。

5. 納品
   最終確認をいただき、データ、サーバーアップロードなどお客様のご要望に合わせた形で納品いたします。

ご覧いただきありがとうございます！
kouと申します。
実績成績のため、値段交渉を承ります。
ご気軽にご相談ください。

【現在実績制作のため、20件まで特別価格で承ります！】

◼︎サービス内容

・HTML/CSSを使用した静的コーディング
・jQueryを用いたアニメーション実装（ハンバーガーメニュー、スライダー）
・レスポンシブ対応
・WordPressの構築(オリジナルテーマ)

◼︎納品方法

・zipファイルの送付
・サーバーへのアップロード

【サービス詳細】
はじめまして🙇‍♀️
ページをご覧いただきありがとうございます🙏

Web制作をしております、
muuと申します😊

早速ですが、

「 自分の想像した通りのデザインにしたいけれど、コーディングが難しくて手が出せない... 」
「 綺麗で信頼されるWebサイトを作りたいけれど、技術的な限界を感じている 」

このような悩みを抱えていませんか😭？

私は、ご依頼者さまの理想を形にする
Webサイトのコーディングを専門としており、

いただいたデザイン案を元に
HTML、CSS、jQueryの知識と経験を活かして
ご依頼者さまのイメージ通りのサイトを実現します！！

WordPressでの入稿など幅広く対応可能です🙇‍♀️

こちらのサービスをご利用いただくことで
🔶技術的な悩みから解放され、お客さまの得意に集中できます！
🔶専門家の手による高品質なコーディングで、使いやすく美しいサイトが完成します。
🔶時間を大幅に節約し、他の重要な業務に注力できます！

こちら私が過去に制作させていただいたWebサイトになります🙏
お手数ですが、ご覧いただけると嬉しいです😊

https://web-tamakuro.com/

提供させていただくサービスの詳しい内容は以下の通りです🙏

🔶HTML、CSS、jQueryを使用したコーディング
🔶WordPressでの入稿対応（ サーバーへのアップも可能です ）
※ サーバー契約、ドメインの取得はお客様に行っていただきます🙏
（ サポートは可能です ）
🔶クライアントさまの要望に応じたカスタマイズ
🔶レシポンシブ対応（ 携帯、パソコンどちらもズレなく表示させる機能 ）

価格に関しては以下の通りです🙏
・TOPページ：10,000円
　┗ WordPress化：+5,000円

・下層ページ：8,000円 / 1ページ
　┗ WordPress化：+2,000円 / 1ページ

トップページが10,000円 + 2ページ目から+8,000円になります。

合計3ページの場合1万8,000円（ TOP + 下層 ） + 8,000円で26,000円となり
全ページWordPressにされる場合は、
+9,000円（TOP5,000円 / 下層 2,000円 / 枚）で35,000円となります🙏

・お問合せフォーム設置：5,000円 / 1箇所
　┗ WordPress化：5,000円 / 1箇所

・LP（1ページ）：10,000円

不明点などありましたら
まずはお気軽にご相談いただけると嬉しいです🙇‍♀️🙏

ご相談の段階では費用は発生いたしません😊

プロジェクトの概要、ご希望のデザイン、機能についてお聞かせいただければ、
最適な提案をさせていただきます🙇‍♀️

サービスの流れは以下の通りです😊

① 相談・お見積り
② ご購入
③ コーディング開始
④ 初回納品
⑤ ご確認
⑥ 修正（ 3回まで対応させていただきます ）
※ こちら側のミスはもちろん無料修正にて対応させていただきます。
⑦ 納品

※大変お手数ではございますが、
デザインデータはAdobe XD もしくは Figmaにて
ご提供いただけますと幸いです🙏

丁寧にヒアリングさせていただき
全力でお作りさせていただきますので

🔶自分でデザインはできるが、コーディングが苦手なクリエイターさん
🔶ビジネスオーナーさんで、洗練されたウェブサイトを持ちたい方
🔶個人で活動しているアーティストやブロガーさん

上記に該当する方は特にご依頼お待ちしております😆

少しでも気になってくださった方は
お気軽にお見積りだけでもご相談ください🙏

最後まで読んでいただきありがとうございました🙇‍♀️

▼こんな方におすすめ
・デザインはできるけどコーディングだけお願いしたい
・コーダーを雇いたいけど長期はいらない
・1日だけ手伝ってほしい
・ECサイトについて相談したい
・誰かの意見が欲しい
・スキルを学びたい

▼ご提供内容
HTML/CSSなどのページ作成のご対応のほか、
ECサイトについて誰かの意見を聞きたいなどのご相談にも応じます。

▼納期について
現在の状況によって納期を変更・相談させていただく場合がございます。

【デザイナー様が精魂込めて制作したデザインを丁寧にコーディングいたします！】
この度は多数の出品パッケージからご覧いただき、ありがとうございます。
個人の方から法人様のホームページまで幅広く制作を行なっている小松　直正（こまつ なおまさ）と申します。

**【こんなお悩みのある方におすすめ 】

• WEBサイト制作を一括して受注して手が回らない
• 社内コーダーのリソースが足りなくなった
• コーディングを外注できるパートナーが欲しい
• すでにデザインはあるけどコーディングができない

単発のご依頼から長期の継続したご依頼まで、一つ一つのサイト制作を誠心誠意、丁寧に対応・コーディングいたします。
デザイナー様が制作した想いを形にいたします！

納品後1ヶ月のアフターサポートとして、テキスト変更や画像の差し替えなど軽微な修正は無償で承っております。
■ 作業内容

• 静的コーディング（HTML / CSS）
• Javascript / jQueryを用いたアニメーション
• レスポンシブ対応（スマホ / タブレット）
• Wordpress化 (追加オプションにてご案内しております)

• ■ ご相談から納品までの流れ
  ①ヒアリング

  ご依頼予定のデザインのご案内や、ご希望の納期、作業範囲などお聞かせください。
  お聞かせいただいた内容を基に対応の可否を判断させていただきます。
  打ち合わせは、zoomまたはGoogle Meetにて行わせていただきます。
  
↓
  
②お見積もり・ご依頼

  作業内容、納品予定日、お見積もりをご提示いたします。
  こちらをご覧いただき、ご依頼いただくかどうかご検討ください。
  ご依頼となりましたらデザインデータと制作に必要な素材（写真、画像、ロゴ等）をご提供ください。
  ↓
  
③コーディング作業開始、初稿の提出
  コーディングを開始し、完了次第初稿をご確認いただきます。
  修正等がございましたら、都度迅速に対応させていただきます。
  ↓
  ④納品

  ご確認いただきご依頼いただいた作業内容及びページに問題がなければ、ご依頼者様のご希望の方法にて納品させていただきます。
  zipファイルやサーバーへのアップロードなど、ご希望をお知らせください。

  納品後1ヶ月のアフターサポートをご提供しております。
  テキストや画像の変更など、軽微な修正は無償で対応させていただきますので、ご要望がございましたらお気軽にご連絡ください。

表示確認の環境
・PC
Google chrome、Safari、Firefox、Microsoft Edge
・スマホ
Google chrome、Safari

当サービスの強み
土日祝祭日も作業しておりますので、金曜日にご依頼をいただき翌週月曜日の納品なども可能です。（ページ数や内容によります）
ご依頼者様のビジネスパートナーとして、懇切丁寧に対応・作業させたいただきます。
些細なご質問やご相談でもお気軽にお問い合わせください！

1.デザインを提供していただきます。（XDが希望ですが、Photoshopでも可能です。）
※全体像・個別画像・ファビコン画像をお願いします。
※※PC幅sp幅の指定をお願いします。
2.当方がVSCodeで作業します。
3.納期中に作業内容を確認していただく場合があります。
4.納品内容を確認していただき、修正点があれば修正します。（※追加費用無し）
5.検品していただき、問題なければ納品とさせていただきます。

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

\\ お悩み解決をお手伝いいたします //

• コーディングの人手が不足している
• コーディングの費用を抑えたい
• レスポンシブデザインに対応したい など

このようなお悩みがありましたらお気軽にご相談ください。

サービス内容

① ベーシックプラン: 24,000円
シンプルなLP（1ページ）

② スタンダードプラン: 42,000円
少し複雑なLP（1ページ）
・スライダー、ドロワー、アコーディオンメニューなどの実装
・フォームの実装

③ プレミアムプラン: 100,000円
WordPressオリジナルテーマ
・トップページ + 下層ページ（5ページまで）
・スライダー、ドロワー、アコーディオンメニューなどの実装
・フォームの実装

【 共 通 】
・HTML/CSS/JSコーディング
・基本的なアニメーション（ホバーアニメーションなど）
・レスポンシブデザイン
・基本的なSEO対策
・WordPress対応
・フォームは外部サービスやWordPressのプラグインを使用
・画像主体でコーディングする場合は納期/金額減

金額は目安になります。ページの長さや実装内容によって増減しますのでご了承ください。
上記以外でも対応できる場合がありますので、気軽にご連絡ください。

納品までの流れ

①ヒアリング・お見積り
「まずは相談する（無料）」よりご依頼内容を記載してご連絡ください。
必要な機能などを確認させていただき、お見積りや今後のスケジュールなどを返信いたします。
zoomなどによるご相談も可能です。

②ご契約・お客様よりデザインデータのご提供
お見積り内容などに納得していただけましたら、仮払いによるご契約をお願いいたします。

③コーディング
進捗状況や確認事項など、随時ご連絡させていただきます。

④テスト環境でのご確認
テスト環境にて動作やデザインをご確認いただきます。

⑤修正
必要に応じて修正して再度ご確認いただきます。

⑥納品
zipファイルでの送信、またはご指定のサーバーにアップロードいたします。

対応デザインデータ

figma / XD / Photoshop

上記以外の場合も可能な限り対応させていただきます。

ブラウザ・端末の確認環境

【 Google Chrome 】Mac / Windows / iPad / iPhone / Android
【 Firefox / Microsoft Edge 】Mac / Windows
【 Safari 】Mac / iPad / iPhone

注意点

・契約金額は上記価格にシステム手数料5.5%がかかります。(https://www.lancers.jp/faq/A1034/936)
・デザインデータがない場合は対応できかねますので予めご了承ください。
・アップロードをご希望の場合、「AWS」など対応できない場合もありますのでご了承ください。
・「注文時のお願い」も併せてご確認ください。

その他の特徴

・休日祝日を含めて稼働しております。
・ご連絡いただいた場合、基本的に即返信させていただいております

最後に

数あるサービスの中からご覧いただき、誠にありがとうございます。私はオンラインスクール「デイトラ」でWeb制作コースを受講し、その後は法人様と連携してLPのコーディングやWordPressオリジナルテーマでのコーディングを行っておりました。
ご依頼をいただけた場合は、「丁寧な対応」と「高品質」を意識し責任をもって納品させていただきます。
ご相談やお問い合わせはいつでもお待ちしておりますので、「まずは相談する（無料）」からお気軽にご連絡ください。ご検討のほど、よろしくお願いいたします。

HTML/CSSコーディング代行

ランディングページのHTML/CSSコーディングを代行します

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

◆サービスのメリット
・他クラウドソーシングサイトにて100件以上のコーディング実績がございます。
ランサーズでの実績を積むため、格安でサービスをご提供いたします。
・通常プラス料金を頂くメニューも無料で行います。
・保守性の高いコーディングを行います。

◆料金
コーディング料金
∟トップページ　10,000円(税抜)
∟下層ページ　5,000円(税抜)/1ページ
∟ WordPress化　10,000円(税抜)

☆以下、無料で行いますのでご希望の方はお申し付けください☆
・レスポンシブ対応
・基本のSEO対策（metaタグなど）
・OGP設定
・テスト環境のご提供

◆制作の流れ
①ヒアリング・お見積もり
→ページ数・内容量・アニメーションに応じてお見積もりします。
→ デザインデータまたはデザイン構成、ご希望納期がございましたらご共有くださいませ。
②ご契約
③コーディング作業開始
④ご確認・修正
→修正は3回まで無料で対応いたします。
⑤最終確認
⑥納品
→zipファイルでの納品、またはサーバーにアップでの納品となります。

◆納期
1ページあたり3日程度で納品いたします。
また1ページあたりの量によってはさらに早い納品が可能です。
※デザインデータを頂いた日から3日程度の納品となります。

連絡を密にとり、迅速、丁寧に対応いたします。
お気軽にご相談くださいませ。

何処に依頼すれば良いかと迷われたら、是非一度ご相談下さい。
しっかりと対応していきます。

よろしくお願いします。

下記のようなお悩みがある場合はお手伝いさせてください

　・ デザインはできるているが、コーディングができない
　・ コーディングする時間がない
　・ 一時的なプロジェクトのための人員確保が必要
　・ プロジェクトが多くて対応が追いつかない
　・ 急遽人員が必要になった

■サービス内容

・ 静的サイトのコーディング
・ WordPressのコーディング

■料金表の目安

・ 下層ページ　　　：12,000円 / 1ページ
・ トップページ　　：29,800円 / 10,000pxまで
・ LP　　　　　　　：98,400円

■納期目安（着手日起算）

・ 下層ページ　：1日
・トップページ ：2日
・LP　　　　　：7日

■納期方法

下記よりお選びください
・ファイルの提出（本番用ファイル）
・サーバーへのアップロード

■ご購入から納品までの流れ

1.【まずは相談をする（無料）】ボタンからご相談ください

2. こちらからご連絡いたします
3. ご購入ください
4. 必要素材をご提供ください
5. コーディングを開始します
6. 検証サーバにアップロードします
7. お客様にてご確認いただきます
8. 必要があれば修正を行い6~8を繰り返します
9. 納品いたします

【ご提供内容】
・HTML/CSS(SCSS)/jQueryによるコーディング
・レスポンシブ対応
・BEMによる保守性の高いコーディング

【制作の流れ】
・デザイン確認
デザイン確認後、デザインやアニメーションについての不明点の確認を行います

・初稿
初稿提出後内容を確認いただき、修正点があれば２回まで修正いたします。

・納品
サーバーにアップロードまたはコーディングファイル一式を納品いたします。

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

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

スライダーを導入したい、参考サイトのような機能を追加したい。
アニメーションの導入や既存サイト内のお知らせのカスタマイズや更新、いきなりサイトが表示されないなどのトラブル対応など様々なWEBサイトのお悩みを解決致します！

Wordpress、BaserCMS等のCMS構築やカスタマイズ、
ECCUBEなどの自社ショップサイトのメンテナンス
カラーミー、ショップサーブなどASPにもできる限り対応致します。
ご注文ではなく相談のみも受付けておりますのでお気軽にご連絡下さい

強みとしては、企業案件をメインで行っている点です。
納期に関しては絶対、着手前に運用面で懸念となるものに関しては事前に確認いたします。
クオリティに関しても一定ラインはクリアしていると思います。

ご閲覧ありがとうございます！
デザイナー歴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オリジナルテーマの制作や共同制作にも携わらせていただいております
その他、改修、保守運用もお任せいただいております

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

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

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

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

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

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

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

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

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

レスポンシブに対応しておりますので、
スマートフォンやタブレットでの表示が可能となっております。
ブレイクポイントをご提示いただき、
また、コーディングの難易によってご相談させていただければと思います。

基本的な金額は
<<一般的なデザインの場合>>
[レスポンシブに対応する場合]
・TOPページ 15,000
・下層ページ 12,000

[レスポンシブに対応のない場合は]
・TOPページ 12,000
・下層ページ 9,000

<<コンテンツなどの内容が少ない場合>>
[レスポンシブに対応する場合]
・TOPページ 12,000
・下層ページ 8,000

[レスポンシブに対応のない場合]
・TOPページ 10,000
・下層ページ 5,000

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

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

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

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

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

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

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

2021年8月2日更新！
只今ランサーズ外でのご依頼が多く、新規受付を休止しております。
納期に余裕がある場合は時期によってご相談可能ですので、
希望される方はメッセージの方でお問い合わせいただけますと幸いです。

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

HTML＆CSSを使用してLP（ランディングページ）をコーディングいたします。
コーディングのみ依頼したい、もしくは当方で制作したデザインデータを元にHTML&CSSコーディングをされる方向けのサービスになります。

▼出品料金での対応内容
・LP1ページ分の画像コーディング（PC・スマホでレスポンシブ対応可）
・コーディングデータの納品・サーバーアップロード対応

※こちらのサービスにはデザイン制作は含まれておりません。詳細はこちらの出品ページを御覧ください。
https://www.lancers.jp/menu/detail/99925

▼事前のお見積りまでにご準備いただくもの
・コーディングのみ依頼を検討されている方
LPの長さと、ページリンク等仕様がわかる資料（箇条書き等で構いません）をご用意お願いします。
お問い合わせフォームや機能に関するコーディングが必要な方はご要望をできるだけ具体的にお知らせください。

・当方でデザイン制作の依頼をされた方
コーディング方法や希望、その他仕様についてご要望があればまとめてご共有下さい。

▼納品形式
・HTML、CSS、画像、その他データファイルをまとめてお送りします。
・サーバーアップロード対応（任意）

▼納期について
サービスのご購入から約3～4営業日でコーディングしたLPを共有いたします。
※サイトのボリューム、受注時期によっては上記日程でご案内できない可能性がありますので、希望納期のある方はメッセージにてご相談ください。

▼対応環境
・HTML&CSS
・Wordpress
・カラーミーショップ（※フリーページのみ）
・JIMDO（※JIMDO AIは除く）
・Wix（※テキストコーディングは一部制限あり）
・ペライチ（※画像コーディングのみ）
※上記以外の対応環境についてはお問い合わせいただいた際に仕様確認を行い、当方で問題なく対応できる場合のみご依頼を承ります。

▼オプション料金一覧
・Wixコーディング（テキストコーディング）：+30,000円～70,000円
・Wordpressコーディング（テキストコーディング）：+30,000円～100,000円（※制限あり）
・Wordpressコーディング（テーマ設定＆テキストコーディング）：+40,000～120,000円
・JIMDOコーディング（自作テンプレート・テキストコーディング）：+30,000円～70,000円
・1ページ追加：+20,000～50,000円（※内容次第）
・お問い合わせフォームの設置（Wix・JIMDO）：+5,000～10,000円
・お問い合わせフォームの設置（Wordpress）：+5,000～30,000円（※プラグイン次第）
・対応環境以外でのコーディング：+0,000～30,000円
・デザイン変更によるコーディング追加対応（1コンテンツあたり）：+1,000～10,000円

※テキストコーディングはページの長さやボリュームによって異なります。（詳細費用はデザインや長さに合わせてお見積りいたします。）

▼お問い合わせフォーム設置の対応環境
Wix
Wordpress
JIMDO

※JIMDO及びWixのお問い合わせフォームはデフォルトのデザインでのご提供のみとなります。
※Wordpressのお問い合わせフォームはプラグイン機能による導入及びCSSの編集までとなります。
※HTML＆CSSデータによるコーディングの場合、お問い合わせ内容の管理画面、自作フォームの作成などは承っておりません。（商用フリーで配布されているテンプレートフォーム等であれば一部組み込み可能です。）

▼その他機能関連の導入について
ショップ機能、シミュレーション機能、といったプログラミング要素のあるものについては基本的にご依頼をお受けしておりません。（内容次第では対応できるものもありますが、希望のある場合のみご相談ください。）

デザインはあるけど、コーダーがいない・・・
デザインだけでなくコーディングも依頼したい・・・
そんなご要望がありましたら
お気軽にお問い合せ下さい。

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

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

【制作フロー】
①問い合わせ
商材カテゴリー、制作の目的をお知らせ下さい。
お客様でご用意頂くものや納期について
※24時間以内(土日祝を除く)に返信致します。
↓
②資料準備、制作費支払
お打ち合わせ内容にご納得いただければ、
✅文章
✅ロゴや商品写真等の素材
をご準備下さい。
↓
③制作スタート
LP仮完成までの期間は約15営業日です。
↓
④仮完成品のご案内＆修正
↓
⑤残り作業実施（３営業日以内）
修正が完了しデザイン確定後、
バナー制作・測定タグの埋め込み等、
ご要望頂いた作業を行います。
↓
⑥LPデータを納品、制作完了
HTML&CSSファイル形式での納品です。
まずはお気軽にお問合せ下さい。

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

当方では、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日）