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

■サービス出品経緯

【Webサイト制作を依頼したいが、時間と費用がかかる！とお困りではありませんか？】

スマホが普及した現在のWebサイト制作には、PCデザインだけではなくスマホデザインも
作成する必要があります。そのため、制作時間と費用が1.5倍～2倍程度かかってしまいます。

そこで、制作時間と費用を削減できる方法がないか思案し、当サービスを出品しました。

■サービス概要

当サービスは、【PCデザインからコーディング（スマホ・レスポンシブ対応）を行う】サービスです。
作成済のPCデザインをお持ちでしたら、スマホデザインの作成有無に関わらず、
スマホ対応のWeb制作が可能です。

■サービス購入のメリット

【制作時間と費用を削減し、御社の宣伝や物品購入など他のモノに時間と費用をまわせます】

少しでもご興味がある場合は、メッセージにてお気軽にご相談ください。

水谷　潤と申します。

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

大阪府大阪市在住で、普段よりクラウドソーシングなどでコーディングやWordPress関連のお仕事いただいております。

●作業内容
・HP、LPなどのコーディング業務代行
・WordPressを使った既存テーマHP制作
・WordPressを使ったオリジナルテーマHP制作

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

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

●最後に
もしお仕事いただけた暁には、もちろんのことですが、誠意をもってお仕事させていただきます。

納期の厳守はもちろんのこと、「レスポンスの速さ」や「こまめな確認」はweb制作でお仕事をいただき始めてから常に意識していることでございます。

クライアント様には、コミュニケーションでのストレスを無くす最大限の努力をさせていただいておりますので是非ご依頼の際はお気軽にご相談くださいませ。

自己紹介

はじめまして。
福永と申します。
フリーランスでWeb制作を行っております。
海外で日本語のSEO担当者として勤務しておりますため、SEO対策とWeb制作をお任せください。
迅速かつ高品質なホームページを納品することを心がけております。

ホームページ制作を承ります

主にHTML&CSS,Javascriptを用いたホームページの制作を承っております。
ご要望がございましたら、ワードプレスで構築することも可能でございます。

・LPを安く、高品質で発注したい
・お店や企業のホームページを作成したい
・SEO対策されたホームページを作成したい

のような方は、ぜひお気軽にお問い合わせくださいませ。

料金について

コーディングのみ : ¥7,000 / 1ページ
デザインのご提案とコーディング : ¥30,000 / 1 ページ
デザインのご提案とコーディング + SEO対策 :¥50,000 / 1ページ

※上記の料金は、レスポンシブ対応(スマホ・タブレット)を含んだ料金です。
※コーディングのみの場合でも、基本的なSEOのルールに沿ったコーディングを行います。
※WordPressのテーマ開発に関しましては、承っておりませんのでご了承ください。

直近の実績

KSAソフトテニススクール様
https://ksa-softtennisshcool.com/
デザインとコーディングを担当いたしました。

貴社でご準備のあるデザイン案をコーディングします。
どこよりも早く納品。

■基本サービス
・HTML/CSSコーディング
・レスポンシブ対応
・テスト環境用意
・指定のサーバーへのアップロード
・納品後１週間の修正対応

■オプションサービス
・Wordpress化：15,000円
・お問い合わせフォーム：10,000円
・JavaScriptコーディング 1パーツ：5,000円

Webサイトの下層ページのコーディングを承ります。

※TOPページやLP（ランディングページ）は、各専用メニューからご依頼ください↓

【LPコーディング】
https://www.lancers.jp/profile/life-life/plan/118439

【TOPページコーディング】
https://www.lancers.jp/profile/life-life/plan/166397

このようなお悩みはありませんか？
「コーディングを外注したけど、なんかちょっとデザインと違う」
「デザインを忠実に再現してほしい」
「スマホ用デザインを作る時間がない…。でもレスポンシブに対応してほしい」

当方では、これらすべてをクリアしてコーディングいたします。

一番に心掛けているのは、
【デザインを忠実に再現すること】です。
デザインカンプの再現性は、リピートのお客様に高評価をいただいております。

その他にも、以下のような作業を心掛けています。

・メンテナンスしやすいソースコード
・内部SEOを意識したマークアップ
・CSS設計法に基づいたコーディング（BEM、FLOCSS）

デザイナーとしての実務経験もございますので、
PC用デザインのみ（スマホ用デザインがない場合）でも、
見た目の整ったコーディングが可能です。

● 作業者について ----------------------------------------------------

制作会社に6年間勤務し、現在フリーランス活動4年目となります。
デザイン、コーディング両方に対応できるのが強みです。
品質を第一に考え、丁寧な制作を心がけております。

● 対応可能データ ----------------------------------------------------

・PSD、AI、XD、Figmaのいずれか
　確認のため、一枚で書き出したJPEGもしくはPNGデータを一緒に送付ください。
　AI形式の場合はリンク画像も添付（もしくは埋め込みで）お願いいたします。

● 動きのある要素について ---------------------------------------------

【料金内で対応可能】
・スライダー、カルーセル
・アコーディオン
・タブメニュー
・ハンバーガーメニュー

【オプション料金にて対応可能】
・JavaScriptを使用したアニメーション（簡易な動き）
・PHPメールフォームの実装
・その他、動きのある要素

※オプション内容により納期が変わります。
※上記にない内容につきましては別途お見積りさせていただきます。

● ブレイクポイント --------------------------------------------------

一箇所が料金内です。（PC・スマホの切り替え）

※特にご指示がなければ、768pxで切り替えます。
※タブレット用など、ブレイクポイントを追加される場合はオプション料金にて承ります。

● 動作確認ブラウザ --------------------------------------------------

・Windows
　Chrome、Firefox、Microsoft Edge
・Mac
　Chrome、Firefox、Safari
・iOS バージョン15
　Safari
・Android バージョン11
　Chrome

※いずれも最新版です。

● 納品形式 ---------------------------------------------------------

・ファイル送付、もしくはご指定のサーバーにアップロード

※特にご指示がなければファイル送付での納品となります。

● 納期について -----------------------------------------------------

標準納期は、「デザインデータ受領から」3営業日となります。（ベーシックプランの場合）

※サービス購入からデータをお送りいただくまでの日数は納期に含みません。
※複数ページをご依頼の際は、別途納期をお見積りさせていただきます。

以上となります。
ご不明な点がございましたら、お気軽にメッセージにてお問い合わせください。

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

こんにちは、関東で活動するフリーランスのフロントエンジニアの武田です。
もしこういった不安がある方は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コーディングを１ページ3,000円〜5,000円で作らせていただきます。

yahooショッピングトップページリニューアル（デザイン・コーディング）を行います。
yahooショッピングでデザイン、商品登録、各店舗間の商品情報変換、立ち上げ、運営、更新を得意としております。
店舗様のご要望に合わせてフルオーダーにてデザイン制作を承ります。
戦略、アドバイス、扱い方、広告等のアドバイスも可能です。

■制作内容
・Yahooトリプル用TOPページ制作（PC/スマホ）

※上記内容内容次第では金額・納期は上下する場合がございます。

足を運んで頂きありがとうございます。

以下の方を対象にサービスを提供しています↓↓
・デザインのコーダーがいない・・・
・デザインと一緒にコーディングも依頼したい！
・リーズナブルな価格で依頼したい・・・

【コンテンツ内容】
・コーディングの外注
・制作したデザインデータのHTML&CSSを用いたランディングページのコーディング（スマホのレスポンシブ対応込み）
※デザインのご依頼は別料金になりますのでご希望の方は出品ページより詳細をご覧下さい。

▼納品形式
・HTML・CSSファイル、画像、
・サーバーアップロード対応（ご希望の場合）

▼納品期限について
内容次第では記載している期限から多少前後する場合がございますが目安として3～5日の制作期間を頂いております。

お気軽にご相談下さい。

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

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

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

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

▼こんな方へオススメ

• 初めてのホームページ作成なので、不安な部分を相談しながら制作を進めたい
• なるべく素早く納品して欲しい
• 自分の提案だけでなく、専門知識を生かした提案も聞きたい
• 確実にデザインが反映されたホームページが欲しい
• 制作後も管理できるモダンでシンプルなコーディングが望ましい

▼ご提供内容

• デザイン、コーディング、SEO対策、サーバーへのアップロードといったLP制作の流れを上流から下流までサポートします
• アニメーションやレスポンシブは標準料金内で実装いたします
• tailwind.css/dart-sass等を利用した保守性の高いCSS設計ができます
• テストサーバーなどを設置し、満足いくまでブラッシュアップしていきます
• 丁寧なヒアリングを心がけ課題選定や要件定義を行います

▼制作までの流れ

1. webミーティングでヒアリングを行います
2. ヒアリング内容をもとにワイヤーフレーム作成 (デザインを希望の場合)
3. ワイヤーフレームからデザインを作成 (デザインを希望の場合)
4. 実装開始
5. テスト環境にて検証
6. 修正内容確認後に検収
7. ご要望の形態に合わせて納品 (ご希望があれば運用保守まで対応いたします)

ご相談、お見積もりに関しては無料で行っておりますので、まずはお気軽にご相談ください。
何卒よろしくお願いいたします。

当サービスをご覧頂きありがとうございます。
フリーランスでWebデザイン、コーダーをしております　しのえり　と申します。
気持ちの良い丁寧なお取引を心がけております。
ぜひ最後までご一読いただき、ご検討ください。

■サービス内容
・デザインデータからHTML・CSSを使用したコーディング
・レスポンシブ（タブレット・スマホ）対応　（プランによります）
・jQuery（スライダー、ハンバーガーメニューなど　プランによります）
・基本のSEO対策（metaタグなど）

■制作の流れ
①ヒアリング・お見積り（まずはご相談下さい）
②お客様からデザインカンプのご提供
③コーディング＆テスト（Google Chrome環境でPC表示、スマホ表示で問題ないか確認いたします）
④ご確認・修正
⑤納品(zipファイル納品)

■こんな人にオススメ
・コーディングは丸投げしたい
・デザイン通りにコーディングして欲しい
・長期的に依頼できるコーダーを探している
・メンテナンスしやすいきれいなコードでコーディングして欲しい(BEM記法)

■納期
1ページあたり、最短5日／最長10日営業日（除：土日祝）にて制作いたします。
内容にもよりますので、まずはご相談ください。
目安としては、
・トップページ（4~5日程度）
・下層ページ（1~2日程度）
・LP（7~9日程度）
くらいで対応させていただきます。

■その他 —- ご購入前にお読みください
・納品は原則、HTMLファイル・CSSファイルを纏めたZIPファイルでのお渡しとなります。
・納品物は私の実績としてポートフォリオに掲載させていただきます。
・購入後のお客様都合のキャンセルは原則承っておりません。購入前に事前に見積もり依頼、またはダイレクトメッセージにてご依頼されたい内容をお知らせください。
折返しメッセージにてお見積りをお伝えいたします。

お客様にご満足いただけるよう迅速、丁寧に対応いたします。
お気軽にご相談くださいませ。

◆ お客様でご用意頂くもの ◆
①デザインカンプ（Photoshop、Figma推奨）
②素材（使用したい写真やロゴなど全て）
・画像・テキスト
・デザインは、Photoshop、Figmaのデータが好ましいです。
　JPEG、PDFでのデザインでも可能ですが納期が遅くなる可能性がございます。
→JPEG、PDFなどの場合には納期短縮のため、使用されている色のカラーコードを全てお教えください。
・IllustratorのAiデータは、PhotoshopのPSD形式に変換をお願いします。

◆ 対応不可なこと ◆
・フォーム送信などの通信を伴う機能の実装
（入力フォームのページは作成可能です）
・WordPress化

ディレクターとしての実績もございますため、
クライアント様のご要望を汲み取ったデザインを起こすことに力を入れております。

「デザインはPCのみだけれど、スマホにも対応にしてほしい」
「作った後も更新や修正などの保守をお願いしたい」

このような場合でも対応いたします！
もしお見積もり金額が予算を超える場合はお気軽にご相談ください。

【制作実績】
https://y-and.net/
https://y-and.net/works/

【対応可能データ】
・Adobe Photoshop
・Adobe XD
※↓相談必須、場合により対応可能↓
・Adobe Illustrator
・Figma

【プランに含まれるもの】（オプションで選択のもの有）
・HTML/CSS（Sass）/JSを使用し静的にて構築（scssファイルは納品いたしません。）
・レスポンシブ対応
・ハンバーガーメニュー
・スライダ（1ヶ所まで）
・アコーディオン
・トップへ戻るボタン
・スマホデザインがない場合、コーディングベースにて柔軟に作成
・ファビコン作成
★WordPress構築
★ライトボックス
★出現アニメーション
★その他アニメーション
★スクリプトやPHPを使用したシュミレーション・フォーム ※※
（★は別途費用となる場合がございます。ご相談ください。）

※※シュミレーション機能について
計算式や、スロットのような動き、問題形式など様々なものに対応可能です。
金額感は変動がありますので、事前にご相談ください。

【プランに含まれないもの】
・サイト公開対応（可能な場合もありますのでご相談ください）
・サイト引っ越し
・ドメイン設定
・データベース作成
・Javascriptを一から組んだような過度なアニメーション
・アナリティクスを使ったWeb解析
・埋め込みタグ発行（埋め込みは可能）

【納品までの流れ】
①ヒアリング（ご相談・スケジュール確認）
②発注
③素材、ある場合デザインデータご入稿
④制作開始
⑤確認・修正対応
⑥納品

【対応できる時間帯】
フリーランスのためスケジュール、リソースに空きがあれば基本柔軟に対応可能です。原則期日は2週間前でお願いいたします。ただし、継続契約の場合別途相談ください。
また、私と契約のあるパートナーへ委託する場合ございますので、NGの際は事前にご連絡いただけますと幸いです。

【修正について】
基本こちらの不備である場合は対応いたしますが、
依頼の際より大幅なデザイン変更や仕様変更など、此方に不備が場合は別途相談させていただきます。

【その他】
・納品後の修正は別途相談させていただくことがあります。
・正当な品質不足以外の途中キャンセルの場合、対応分はお支払いいただきます。
・フリー素材の契約はなく、ほとんど所持しておりません。素材はご提供ください。

コーダー探しで悩んでいませんか？

「デザインはあるけどコーディングはどうしようかな」
「誰かコーディングしてくれる人いないかな」

このようなお悩み、全部解決します！

◆サービス内容
基本料金に含まれるサービスです。
・HTML/CSSを用いた静的コーディング
・レスポンシブ対応
・jQueryを用いた動的機能の実装

◆納期
基本的には7日~14日を目安にお考えください。
簡単なものでしたら、デザインデータお預かりから7日以内での納品も可能です！まずはご相談ください！

◆お見積もり時ご用意いただくもの
・デザインデータ(XD、Figma、Photoshop、Illustratorなど)

◆納品方法
zipファイル形式(サーバーアップロードも可)

◆ご購入前後の流れ
1、見積もり相談、ご購入
　↓
2、デザインデータのお預かり
　↓
3、コーディング
　↓
4、テストサーバーにアップ
　↓
5、ご確認・修正
　↓
6、納品(zipファイル形式やサーバーへアップロード)

サービスについてのご質問や不明点、価格交渉はメッセージにてお気軽にご相談ください！

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

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

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

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

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

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

お金をかけずにコーディングしたい方にオススメ！
実績を作りたいです！

ご提供内容は、
作りたいイメージするサイトと、
使いたい画像を準備していただくだけです！
これをコーディングさせていただきます！！

料金は、最安の10.000円です。
まずは実績を作りたいので価格にこだわりはありません！

納期は、
作りたいサイトによって異なるので、
その都度相談させていただきたいです。

Webサイト制作

ご覧いただき、ありがとうございます。
suunni代表、石山(いしやま)と申します。

HTML/CSSの作成を依頼した時に、このようなことはありませんでしたか？

◆ HTMLの構造がグチャグチャ・・・
◆ CSSも読みづらい・・・
◆ CSSクラス名の付け方に一貫性が無い・・・
◆ コメントも無いので読み解くのに一苦労・・・

そのようなお悩みをお持ちでしたら、
HTML/CSSのコーディングでお手伝いできるかもしれません。

◆ 読みやすいコーディングを心掛けております
◆ CSSにはコメントを細かく付けております
◆ 必要でしたら、デザインカンプにクラス名のコメントをつけることも可能です

エンジニアの経験を活かし、
「読みやすいソースコード」を作成することをお約束いたします。

貴社でご準備のあるデザイン案をコーディングします。
どこよりも早く納品。

■基本サービス
・HTML/CSSコーディング
・レスポンシブ対応
・テスト環境用意
・指定のサーバーへのアップロード
・納品後１週間の修正対応

■オプションサービス
・Wordpress化：30,000円
・お問い合わせフォーム：20,000円
・スライダー：15,000円
・フェードイン：10,000円
・アコーディオン：5,000円

初めまして、豊田優人と申します！
プロフィールをご覧頂きありがとうございます。
最後まで見て頂ければ幸いです。

□自己紹介

年齢20歳の学生で、コーディング代行やWeb制作を行っています。
どちらも”丁寧で見やすい、分かりやすい”をモットーに業務に取り組んでいます。

□業務可能な業務

・コーディング代行(html,css)
・Web制作

□過去の実績
Sampleサイトを作成しました。
※詳細は、ポートフォリオをご査収ください。

□案件に対しての実働時間
(目安)
html/cssコーディング(5ページ)の場合：案件受注から２週間で納品いたします
(返信可能時間)
平日：8時30分～18時00分
休日：8時30分～19時30分
上記時間帯であれば直ぐ返信が可能です。
気軽に連絡頂けると幸いです。

□最後に
ランサーズ登録開始直後で実績を積みたいため”ローコスト”での制作に対応させて頂きます。
土日祝日の作業も可能で、コスト、デザインの相談、対応速度など誠心誠意の対応を心がけております。
引き受けたお仕事は”納期厳守”で責任を持ち取り組むことがモットーです。
是非、よろしくお願い致します。

★【安定した受注と売り上げ】作りのお手伝いをいたします！
★【リピートや紹介の継続受注】獲得のお手伝いをいたします！
★【重要な仕事に集中できる環境】作りのお手伝いをいたします！

■こんな経験ございませんか？
・コーディングを外注したが頓挫してしまった。
・コーディングを外注したが品質が低かった。
・上記などが原因で、ご自身で業務のカバーに入らざるを得なくなった。
・その上、更なる外注コストや時間コストの圧迫で利益がマイナス計上に至った。

そんなお悩みに対し、品質面と信頼面で安心してお任せいただける【コーディングスキル】を提供させていただきます！

たとえば...

①『Sass』、『Gulp』の採用により効率的なコーディングが可能です。コーディングで短縮した時間をより多くの案件に使える為、【安定した受注と売り上げ】作りへとつながります。

②『CSS設計』の採用によりWebサイトの長期的なメンテナンスが可能です。長期的なメンテナンスフォローによってお客様との信頼を構築し、【リピートや紹介の継続受注】獲得へとつながります。　

③実際のデモサイトを見ていただく事で日々の進捗状況をご報告いたします。具体的な進捗をご確認いただき、安心して【重要な仕事に集中】していただけます。

■商品詳細
・デザインデータからのHTML・CSS静的コーディング
　(XD / Photoshop / Illustrator など)
・BEM、FLOCSSによるCSS設計コーディング
・レスポンシブ表示
　(※ブレイクポイント1ヶ所まで無料)
・jQueryによるアニメーション機能実装
　(アコーディオン / ハンバーガーメニュー / スクロールアニメーション / スライダー など)

■価格目安
└下層ページ　7,500円 / 1ページ
└トップページ　10,000円 / 1ページ

└レスポンシブ表示追加　2,500円 / ブレイクポイント1ヶ所
└jQueryアニメーション機能実装　2,500円 / 1機能

■納期目安
└最短約3日～ / 1ページ

★ご相談・お見積りだけでも大歓迎でございます！
　ご遠慮なくお気軽にご連絡いただければ大変うれしいです！

当パッケージをご覧いただきありがとうございます。

ランサーズ認定ランサーの縞野拓也と申します。
HP制作やLP制作を中心に、売上アップ・イメージアップ・ブランディング強化のサポートを行っております。

★ 2022 ランサーランキング パッケージ売上部門 TOP 100
★ 2022 ランサーランキング クライアント訪問数部門 TOP 100
★ Web制作件数200件以上突破
　

こんなお悩みはありませんか？

・デザインはあるから、コーディングを依頼したい
・安いのは嬉しいけど、デザインが再現できなそうで不安
・安心して任せられるコーダーに依頼したい
・納期を守りやりとりも円滑なコーダーでないと不安

上記のような悩みが1つでもある方は、ぜひご相談ください。

コーディングのみに限らず、普段からサイト設計やデザインも行なっているWeb制作者が綺麗なコードでデザインを忠実に再現します。

Web制作会社の継続的な下請けコーディング業務や自社コーダーのいないデザイン特化のWeb制作会社の専属コーダーなども経験しております。

当パッケージをご利用するメリット

・Web制作件数200件以上のプロがコーディング
・元Web制作会社専属コーダーがコーディング
・Figma / XD / Photoshop / Illustratorなど幅広いデザインツールに対応
・更新機能やその他必要な機能もカスタマイズ可能
・納品後もご希望に応じてサポート対応可能
・継続的にご依頼いただくデザイナー様やディレクター様など応相談可能

ご依頼・制作の流れ

①「まずは相談する（無料）」よりお問い合わせください。
②コーディングするデザイン等をご共有ください。
③コーディングを開始します。
④ご確認・修正：コーディングしたサイトをご確認いただき、必要に応じて修正いたします。
⑤ご納品：データでの納品・サーバーへのアップなど対応させていただきます。

※デザインの内容や量によって費用の追加をお願いする可能性がございます。

ご覧いただきありがとうございます！
フリーランスのwebコーダーとして活動しております、もっちと申します。

こんな方におすすめです
・デザインをお持ちで、コーディングをしてほしい方！
・コーディング代行をお探しの方！
\頂いたデザインデータをもとに忠実に再現し、コーディングいたします/
・webサイト等について、よく分からないけど、一度相談してみたい方！
（デザインがない場合でも、一度ご相談ください！）

対応可能な内容
・コーディング（ HTML/CSS ）
・ハンバーガーメニュー等のアニメーション(JavaScript,jQuery)
・レスポンシブ対応（スマートフォン・タブレット）
・webサイトの修正、相談

料金について
・トップページコーディング 1ページ：5,000円
・下層ページコーディング 1ページ：3,000円
・LPコーディング 1ページ：5,000円
・簡単なアニメーション 1個：3,000円
　（ハンバーガーメニュー・スムーススクロール・画像スライダー等）

※すべてレスポンシブ対応込みの金額です。
※複雑な場合や長いページの場合は、別途追加料金が発生する場合がございます。
※サイトに使用する画像の加工も有料にて対応可能です。

お取引の流れ
①まずはご相談ください。
ご提供いただいた情報をもとにお見積りいたします。
↓
②必要データの送付（デザインカンプ、画像データ等）や
納品日の調整が完了次第、作業を開始いたします。
↓
③コーディング
↓
④確認（修正箇所がありましたら対応いたします）
※デザインの大規模な修正に関しましては追加料金が発生する場合がございます。
↓
⑤納品（zipファイルにて納品させていただきます。ご希望があればサーバーへのアップロードも可能です）

■納期について
受注から1週間～2週間程で納品いたします。

※ページのボリュームにより前後する場合があります。

ページレイアウトの設計:
クライアントの要望に基づいて、シンプルで使いやすいページレイアウトを設計します。
テンプレート選定とカスタマイズ:
クライアントのニーズに合ったテンプレートを選び、ロゴやカラーパレット、フォントなどをカスタマイズします。
必要なページの作成:
ホームページ、製品/サービス紹介ページ、お問い合わせページなど、クライアントが必要とするページを作成します。
画像の編集と配置:
提供された画像を必要なサイズに編集し、適切な場所に配置します。
テキストの編集とフォーマット:
クライアントが提供したテキストをウェブに適した形式に編集し、適切なフォーマットを施します。
ページのリンクとナビゲーションの設定:
ページ間のリンクやメニュー、ナビゲーションを設定し、ユーザーがサイト内を簡単に移動できるようにします。
レスポンシブデザインの実装:
簡易ページもスマートフォンやタブレットなど、異なるデバイスで適切に表示されるようにレスポンシブデザインを実装します。
SEO最適化:
サイトの検索エンジン最適化（SEO）を行い、検索結果での表示を向上させます。
ドメインとホスティングの設定:
クライアントの要望に基づいて、ドメインとホスティングの設定を行います。
基本的なトレーニングとサポート:
クライアントが簡易ページの管理や更新を行えるように、基本的なトレーニングとサポートを提供します。

数多くの中からご覧頂きありがとうございます！

現在、WordPress構築をメインに活動している
フリーランス３年目のコーダーの小山田優也と申します。

これまで実務を通して、100件以上のトラブルを解決してきた経験から、
Webサイトのトラブル解決に対して評価をいただいており、
本サービスでも、お客様が抱えているサイトの問題を迅速に解決させて頂きます！

◼️こんなお悩みありませんか？
・速度の早いサイトがほしい
・かわりにコーディングしてほしい

◼本サービスのおすすめPOINT
・迅速なコミュニケーションで、素早く問題を解決できる！
・３年のコーダー歴から、すでにあるWebサイトのシステムに合わせたご提案ができる！
・100件のトラブルシューティング経験から、根本的な問題解決ができる！
・エンジニアとしての経験もあるので、サーバーへのアップも対応できる！

◼お客様の声
・能動的に原因を調査して頂き、問題解決能力があると感じました！
　素早く解決していただいてありがとうございます！

・既存サイトの一部を修正して頂きましたが、既存サイトのコードに合わせて修正頂き、
　高品質な状態で納品いただきました！

・時間がなく、自社サイトを更新できずにいましたが、
　少ないコミュニケーションでも要件を汲み取って更新をしてくださり、
　大変助かりました！またお願いしたいです！

◼サービス内容
プランは３種類、ご予算と必要な作業に応じてお選びいただけます。

｟作業内容の例｠
・コード整理
・画像変更
・テキスト変更
・サイト表示速度の改善
・表示崩れの修正

Webサイトに関するさまざまな作業を提供します。

◼ご依頼の流れ
①ヒヤリング
…お客様の問題や希望納期などをヒアリングさせていただきます。

②契約
…お見積り、対応スケジュールをご提示させていただきます。
　ご納得いただけた場合、ご購入をお願いいたします。
③制作・確認
…制作実施後、制作物のご確認をお願いいたします。
　気になる点がある場合、可能な限り修正対応いたします。
④納品
…ご確認いただき、問題なければ、制作物を納品させていただきます。
　納品形態は、作業内容に合わせて柔軟に対応させていただきます！
　

どんな小さなことでも、お気軽にご相談ください。
Webサイトの問題を一緒に解決し、お客様のビジネスをさらに前進させるお手伝いをさせていただきます。
まずはメッセージでのお問い合わせお待ちしております！

HP作成、LP作成に人手が足りない方。
細かくコミュニケーションを取り、要望のページを作成します。

今まで、小売店のHP修正、IT企業のHP作成を経験しており、
お客様に細かく報告し、満足して頂いて案件を進めました。

より多くの経験を積み、スキルアップしたいと考えておりますので、
お気軽にご連絡ください。

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

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

■サービス内容

・ 静的サイトのコーディング
・ 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コーディング
・レスポンシブ対応
・アニメーションの実装
・各種ブラウザの表示確認
・無制限の修正対応
・公開作業（zipで納品も可能です）

【本サービスの強み】
◼︎細部にこだわった丁寧な構築
→細部の設定を見逃さないため、基本的にピクセルパーフェクトでブラウザとデザインを重ね合わせて差異がないか確認をします。
デザインに応じてリキッドレイアウトや最適なブレイクポイントを選択し、どのブラウザで見てもズレのないよう構築します。

◼︎保守・運用を考慮したCSS設計
保守や運用をしやすいよう、命名規則はBEMをベースに柔軟性を持たせて設計しております。
SCSSで構築を行い、ページやパーツごとにディレクトリを分割・整理しております。
ページ追加の場合は、既存サイトの設計にあわせて構築いたします。

◼︎丁寧なコミュニケーション
リモートだからこそよりご安心いただけるよう、迅速なレスポンスや進捗の報告に加え、温かいコミュニケーションをこころがけております！

ご閲覧いただきありがとうございます！
当サービスでは、ホームページを1万円〜、最短7日でご提供しております。

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

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

■制作期間
必要データをご提供いただいてから最短7日で納品いたします。
※ページ数やデザイン・要件によってかかる日数は異なります。

■アフターサポート
納品後１週間は無償で修正対応させていただきます。

ご不明点等ございましたら、メッセージからお気軽にお問い合わせください！

【LP / HPのコーディング代行をさせていただきます。】

「デザインは出来るけど、コーディングが出来ない。」
「忙しいのでコーディングだけやってほしい。」

そんな方のためのサービスです。

デザインカンプをいただけましたらそれを元にコーディングをして忠実に再現いたします。
（※Figma、XD、photoshop、どのデザインツールでも構いません。）

レスポンシブ対応込みです。

ご要望、ご意見、ご質問など、なんでもお申し付けください！

ーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー

■当サービスの特徴
・デザインを忠実に再現
ーあなたの大事なデザインデータを綺麗に形にいたします。
ズレを最小限に抑えるように細かく調整をして、デザインを忠実に再現いたします。

・レスポンシブ対応込み
ー全ての幅で崩れがないようにコーディングいたします。デザインデータがPCのみでもご安心ください。PCのみのデザインからスマホでも問題なく綺麗に表示されるようにコーディングをいたします。

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

ーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー

■ご契約後の流れ

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

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

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

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

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

ーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー

お客様のストレスが無いよう、即レス・即対応を心がけております。
只今、実績積み上げ中ですが、だからこそ1つのお仕事に責任を持って誠心誠意対応いたします。

気持ちの良いお取引を進めていきたいと思いますのでよろしくお願いいたします！

コーディングのお手伝いします。

はじめまして。
Webエンジニアの こん と申します。
当サービスをご覧いただき、誠にありがとうございます。

・忙しいので、コーディングは外注したい。
・丁寧でデザインに忠実なコーディングをして欲しい。
・基本的なSEO対策をしたい。
・デザインはできるけど、コーディングは外注したい。

ひとつでも当てはまる方、お気軽にご相談ください。
ホームページ制作に詳しくなくても大丈夫です。
一緒にあなたの理想のホームページを作り上げていきましょう。

【サービス内容】
・HTML/CSS/Sassコーディング
・JavaScript(jQuery)を用いた、アニメーションの実装

【無料オプション】
・一般的なSEO対策
・レスポンシブ化(スマホ・タブレット対応)
・表示速度の高速化のための画像圧縮
・地図・YouTube動画の埋め込み
・簡単なアニメーションの実装（内容は、コーダーに一任していただきます。）

【有料オプション】
・お問い合わせフォーム￥2,000～
・1ページ追加￥8,000

【サービスの流れ】
①見積もり・カスタマイズの相談に進む」より、
ご依頼の内容を詳しくお聞かせください。

②納品日の目安と、追加で購入が必要なオプションがある場合ご案内いたします。

③お見積もりなど問題なければ、ご発注をお願いいたします。
写真やテキストなど、サイトに使用する素材がある場合お送りください。

④最終的な納品日をお伝えし、サイト構築開始。

⑤コーディング完了後、ご確認をいただき
3回までは無料で修正対応いたします。
最終チェックが完了後、データ納品となります。

ご相談、お見積りのみでも構いませんので、お気軽にお問い合わせください！

【購入にあたってのお願い】
クライアント様に適したサービスを提供するために、契約前に相談いただくことをお勧めしております。

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

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

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

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

閲覧いただきありがとうございます！
webサイト制作のコーディング、プログラミング、wordpress構築を承っております！
まずはお見積もりからお願いしております。

▼こんな方へオススメ
「デザインはあるからコーディングをお願いしたい。」
「LP(ランディングページ)のコーディングの作成をお願いしたい。」
「Wordpressで作ってほしい。（その際、お知らせ欄やブログ欄は自分たちで更新できるようにしてほしい）」
などのお悩み解決します！

▼ご提供内容
・HTMLの静的ページのコーディング
・JavaScript、gsapを使用した動きの表現
（スクロールに合わせたアニメーション・スライダー・ハンバーガーメニュー・アコーディオンなど）
・WordPressサイトのコーディング
・WordPressへの機能実装（カスタム投稿など）
※WordPressはカスタマイズによって別途費用がかかる場合がございます。

※デザインによって金額は変動いたします。
※料金は全てレスポンシブ込みです。

▼ご購入後の流れ
①コーディング内容の詳細をお聞かせください。
↓
②納品日と金額をお伝えいたします。
↓
③問題がなければ、デザインや素材等コーディングに必要な材料をお送りください。
↓
④コーディング開始
↓
⑤ご確認
※修正は基本無料で対応いたしますが、仕様変更等は別途費用となります。
↓
⑥納品（サーバーへのアップ・もしくはファイルの送付）
※対応ブラウザは「Chrome・Edge・Firefox・Safari」としています。
※端末確認はPC（windows、macbook）、タブレット（ipad）、スマートフォン（iphone）としています。

ご不明点があればお気軽にご連絡ください。

迅速・丁寧に対応致します。
お急ぎの場合のみ、土祝日の対応可能ですのでご相談ください。（日曜対応不可）

宜しくお願い致します。

WEB標準に準拠したHTML・CSSコーディングを承ります。
人と検索エンジンに理解しやすいセマンティックなコーディングを行ないます。その結果としてSEOに有利となり、また、ハンディを持った方にも伝わりやすいアクセシブルなWEBページをご提供することができます。
販売価格は下層ページなど比較的簡易なページ内容（A4で1P程度）を想定しています。
トップページやLPなどの場合は別途お見積もりさせていただきます。
お気軽にご相談ください。
また、ページ単価は5,000円からとなりますが、ページ数が多い場合はボリュームディスカウントにも対応いたします。

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

✅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日）

業務内容
ご覧いただきましてありがとうございます。
HTML・CSSを使用しサイトのコーディングを行なっています。

【オススメ】
デザインはあるがコーディングを手伝って欲しい、
時間がないのでコーディングだけでも、という方私にお手伝いさせてください。

【サービス内容】
HTML / CSSコーディング

【基本料金】
A4サイズ1ページHTML / CSSコーディング
10000円〜となっております。

【購入後の流れ】
1.メッセージでご相談ください

2.デザイン.素材のデータをご用意ください。
完成したデザインデータ、使用するロゴ、写真、テキスト等の素材をご提示お願いいたします

3.コーディング / 修正
ご提供いただいたデータをもとにコーディングに着手いたします

4.最終チェック

5.納品
制作実績として自身のポートフォリオへの掲載を御了承ください

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

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

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

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

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

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

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

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

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

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

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

▼作業内容

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

★おすすめなお客様★

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

■ご予算について

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

〜ご依頼の流れ〜

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

●納期について

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

●納品形式

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

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

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

ご覧いただきまして誠にありがとうございます。

エンジニアとしての経験を活かし、
高品質でデザイン通りのコーディングを行い、皆様のお役に立てればと思っております。

■作業内容
・HTML/CSSコーディング
・JavaScript/jQueryでのアニメーション
（スライダー、スクロールアニメーション、ハンバーガーメニューなど）
・SEO対策
・レスポンシブ（スマートフォン）対応
・WordPress化

■お客様ご自身で準備していただきたいもの
①【必須】デザインデータ（画面イメージや、使用したい画像・ロゴのデータ、掲載したい文章）
③【任意】meta情報（ title, discription )

■納期
デザインデータをご提供頂いた後、制作を開始いたします。
制作開始後最短5日で納品いたします。

■納品までの流れ
1）ヒアリング＆お見積もり
まずはお気軽にお問い合わせください。ご質問等もご対応させていただきます。

2）お客様からデザインデータのご提供
Figma / XD / Sketch などに対応しております。

3）制作開始
ご提供いただいたデザインデータを元にコーディング致します。
テストはブラウザ確認（Chrome/Safari/FireFox）と、スマホ（iOS）での確認を行います。

4）ご確認・修正
制作したHPをご確認いただき、修正のご希望があった場合は迅速に対応させていただきます。
ご納得いただけるまで、しっかりサポートさせて頂きますのでご安心ください。

5）最終確認・納品
zipファイルにて納品いたします。

WordpressやLPのコーディングをお願いしたい！と少しでも思った方、お気軽にご相談ください♪

【低価格の理由】
ランサーズでの出品が初めてでランサーズ内での実績が少ないため低価格で出品しています。
2名様限定で実績が付き次第、本来受注している料金まで上げる予定です。
低価格での出品は現在だけですのでご了承ください。

【修正回数無制限！】
実際にコーディング後に「ここをもう少し変えてほしい・・・」などの要望がございましたら、何度でもご納得いただけるよう修正いたします！
※大幅なデザイン変更は別途追加費用をいただきます。

【ピクセルパーフェクト】
デザインに忠実なコーディングを心がけます。

【WordPressオリジナルテーマ構築】
1からのオリジナルテーマ構築も承ります。お気軽にご相談ください！

◆ 基本内容 ◆
・HTML / CSSでの静的コーディング
【以下追加費用が必要になります】
・JavaScript (JQuery) での動的実装
・Wordpress構築

◆ 制作費の目安 ◆（全てレスポンシブ対応込み）

・HTMLコーディング1P　10000円～
・サイトへのWordPress入れ込み 3万円
・LPコーディング　3万円～
・WordPressサイトコーディング（10ページ）　7万円～

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

◆ 納品方法 ◆
zipファイルもしくはサーバーへのアップロードなどご相談ください。

その他ご不明な点がありましたらお気軽にダイレクトメッセージでお問合せ下さい。

すぐに対応できるコーダーをお探しの方へ
当パッケージをご覧いただきありがとうございます。

フリーランスでWordPress構築をメインにコーダーとして活動している山崎 浩史と申します。
現在、制作会社様と継続的なお取引をさせていただいております。

▼ご提供可能な内容
・HTML/CSS/Sass/JavaScript/jQuery/GSAP/WordPress
　（WordPressサイト構築は、オリジナルテーマ化）
・Adobe XD・Illustrator・Photoshop・Figmaなどのデザインデータから作成可
・gulpの環境構築
・OGP,Favicon設定、W3Cチェック、サイト軽量化など
・お問い合わせフォーム（プラグイン, PHP工房)
※軽微な修正のみ等にも柔軟に対応させて頂きます

▼ご用意いただくもの
　ご依頼の際に
　デザインデータ（XD、Photoshop、Illustrator、Figmaなど）
　を共有いただけますと幸いです。

▼予算
　概算金額であるため、デザインや要件の提示をお願いいたします。

▼実績
　主に製作会社様から継続的にご依頼頂いております。

■ 概要
Web申し込みフォームから送信されるデータを自動でZoho CRMに連携し、効率的な顧客管理を実現します！

■ こんな方におすすめ
・Zoho CRMを導入したけど、申し込みデータのCRM手動登録が手間になっている
・どの経路から登録された見込み客かをCRMから確認できるようにしたい
・Zoho CRMの導入に合わせて、新規フォームやLPを作成したい

■ 自己紹介
元エンジニア（4年）の現マーケター（7年）で、効率的なシステム設計だけでなく、集客目線での最適化も可能です。Web周りの知識が0でも安心いただけるよう、丁寧な説明を心がけています。

【自己紹介スライド】
https://docs.google.com/presentation/d/1wGt4RPbWEnXT65pcJTrpASkhot3c2wjiPmx8Wp8o9p4/edit#slide=id.p1

■ 備考
・Wordpressフォームへの実装も可能です。
・新規のWebフォームやLPを作成することも可能です。
・Zoho CRMの導入～運用コンサルティングも可能です。
・Webの経路情報として各種パラメータ（utm）を連携することも可能です。

■ 契約～対応までの流れ
１．事前のヒヤリング・ミーティング
２．見積提示
３．契約
４．要件整理
５．開発
６．納品

まずはお気軽にご相談ください！

★★クオリティ・スピード重視のWeb制作、お任せください！（即日対応可）
コーディングを専門に行っておりまして、
コーディング歴は８年となり、大手企業（バンダイ様、ネスレ様、プジョー様）など400サイト以上の実績がございます。

★★こちらのパッケージ商品は下記のような方にお勧めしています。
・とにかく急いでコーディングしてほしい！
・素人や副業ではないプロのクオリティでコーディングしてほしい！
・すぐに連絡を取りたい！
・土日祝深夜問わず対応してほしい！

★★ご依頼の流れ
１．ヒアリング
　　コーディングの内容やスケジュールなどを確認させていただきます。
２．ご契約
　　上記ヒアリングにて工数を確認し、プランやオプションをご購入いただきます。
３．コーディングテストアップ
　　コーディングデータをご確認いただき、必要であれば修正等を行います。
４．納品
　　指定サーバへのアップロードまたはデータ送付を行います。

★★最後に
失敗が許されないお急ぎの時にはぜひご相談ください！
途中で連絡が途絶える、納期に間に合わない、そのような心配は一切ございません！
依頼してよかった！そう思っていただける自信があります。ぜひご検討ください。

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

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

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

■サービス内容

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

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

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

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

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

基本コード代行です。
こんな方にオススメ！
未経験者ok 初心者ok

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

■こんな方にオススメです
・デザインはできるけどコーディングが苦手
・コーダー不足で外注先を探している制作会社
・コーダーのパートナーを探しているデザイナー

■基本料金に含まれるもの
・HTML／CSSコーディング
・レスポンシブ対応
・アフターフォロー（納品後1週間以内）
→納品後のテキストや画像の差し替えは無料

■基本料金に含まれないもの
・スマホ用デザインカンプがない場合のレスポンシブ対応：10,000円

■納期
日中は本業をしており、空いた時間での作業となります。
その為、平日の1日2時間~3時間、土日の休みにまとまった時間で対応を行います。

稼働目安：1ページあたり約2～3営業日

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

■コメント
お客様のご意向に沿ったサイト制作ができるよう、こまめなコミュニケーションを心がけております。
任せてよかったと思えるような働きをさせていただきますので、どうぞよろしくお願いいたします。

初めまして。ご覧いただきありがとうございます。
WEB制作、プログラミング、コーディングを行っているmeteoと申します。
参考として作成したLPを添付しています。
以下prです。

■実績・得意
店舗のLP・HP

■稼働可能時間
　朝８時から夜８時
　土・日曜日は状況により連絡が遅れる場合がございますが、連絡を頂いた場合少なくとも1日以内には返信いたします。

■アピールポイント
　シンプルで迅速なコーディングを心がけています。
　クライアント様の意向に忠実に沿えるよう、必要に応じて報告、連絡、相談をさせていただきます。　
　気になることがございましたら連絡いただければすぐに対応いたします。

業務内容

ビジネスの玄関であるホームページの作成を行います。1ページのWebサイトから複数ページのWebサイト、WordPressサイトまで幅広いコーディングを行います。できる限り短時間で低価格で対応したいと思います。デザインの変更などに柔軟に対応していきます。作成するサイトすべてはレスポンシブ対応となっています。
※コーディングのみでデザインは行いません。

-----ポートフォリオ-----

ユーザー名、パスワード：user01
上記のユーザー名とパスワードを入力しないと見れません。
※用意されたデザインカンプからのコーディングです。会社名などはすべて架空のものです。

WordPressサイト
https://chikisite.com/
HTML,CSSコーディングのサイト
https://chikisite.conohawing.com/BORCELLE/
https://chikisite.conohawing.com/ishiikadan/
https://chikisite.conohawing.com/ishiiclinic/
https://chikisite.conohawing.com/yourcoding/

一言

お客様が満足いくWebサイトのコーディングを行いますのでどうぞよろしくお願いします！

はじめまして。タケと申します！
突然ですが、初めてのご依頼ってご不安ですよね？

・きちんと納品されるのだろうか。
・意思疎通がスムーズにとれるのか。
・制作物のクオリティは問題がないかのだろうか。

ぜひ、私にお任せください！

私自身、個人情報を取り扱うお仕事でチームリーダーをしております。
お客様アンケートでお客様満足度を課内で１位を取ることができ部長表彰をいただいた経験があるため、お客様のご不安に思われる点、信頼していただける点は深く理解をしております。
案件管理や作業内容報告はもちろんのこと、ヒアリングから納品までしっかり行わせていただきます！

具体的には、、
・要件確認
・デザイン確認
・納期の確認
・進行スケジュールに沿った適宜報告
・即返信
・20項目以上の品質チェック
・納品後の1ヶ月修正アフターケア付き

【想い】
自分自身の手に職を付けて、世の中に貢献したい。そんな想いから始まりました。様々な経験をもとに自分に合うものを探し約10年かかって、このお仕事に出会いました。そして、今時間を忘れるほど楽しく活動させて頂いております。
ご依頼者様のご意向に寄り添ったお仕事をさせて頂きますので、よろしくお願い致します。

【制作実績】
ID : takeAo Pass : take1234
①カフェサイトのコーディング（サンプル）
https://open-cafe.takeyan-blog.com

②コーポレートサイトのコーディング（サンプル）
https://code-ups.takeyan-blog.com

③Restaurant Yuu様のコーディング
https://restaurant.takeyan-blog.com

④LPコーディング（サンプル）
http://corp-lp.takeyan-blog.com

【やり取りの流れ】
①お打ち合わせ（テキストでもOK ）
②お見積もり
③実装開始→提出・確認・修正
④納品 → 最終確認
⑥アフターケア：納品から1ヶ月は、小さな修正があれば承ります。

【価格】
トップページ→ 8000円
下層ページ→ 5000円
LP1ページ →10000円
WordPress化→5000円

【オプション料金を設定】
スライダー
アコーディオン
モーダル

各1000円

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

デザインは完成しているが、実装はお任せしたい、
時間がないのでお任せしたい、まだSTUDIO自体に慣れていない方、
STUDIOの実装代行をいたします。
※こちらのパッケージではデザインは行いません。

【1ページ30,000円→15,000円】ランサーズ出品記念として先着５名様で半額キャンペーン実施中！

　
本サービスをご覧いただきありがとうございます。
Webサイトデザインのコーディング代行サービスを提供しております。
手軽にウェブサイトを作りたい方、制作会社様、フリーランスのWebデザイナー様におすすめです。

✅デザインはできるけれども、コーディングができない。
✅デザインを忠実に再現してほしい。
✅スマホ用デザインを制作する時間がない…。でもレスポンシブに対応してほしい。

こうしたお悩みにお答えし、あなたに最適なプランで問題解決を実現いたします。

サービス内容

• HTML／CSSコーディング
• レスポンシブ対応
• 簡単なjQuery/JavaScriptのアニメーションの実装（2つまで）※1
• テスト環境のご用意
• 納品前の確認作業

※1　簡単なアニメーションの範囲（2つまで）
→ハンバーガー・アコーディオンメニュー ／ スムーススクロール ／ ホバーアニメーション ／ TOPへ戻るボタン ／ スライダー

納品までの流れ

1. 出品者へDM（ダイレクトメッセージ）で連絡
　「見積もり・カスタマイズの相談」というボタンから問い合わせフォームに移動します。
　納品希望日と相談内容、ご質問等をお送りください。

2. 出品者から相談者様へ返信
　送っていただいた内容について回答・質問を行います。

3. 注文・仮払い
　納得いただいた場合に注文をお願いします。

4. 制作開始

5. 納品物の確認と修正
　お客様に納品物を確認していただき、修正が必要な箇所を指摘して頂きます。

6. 最終納品
　納品日から3日間無制限に修正対応致します。

料金

• トップページ・LPのコーディング：￥15,000〜 【先着5名様限定価格】

• 下層ページのコーディング：￥15,000〜/ページ
【先着5名様限定価格】
• 複雑なアニメーションの実装：￥5,000円/1機能

• WordPress化：￥10,000円/ページ
• カスタム投稿タイプなど更新機能の追加：￥15,000円～

• お問い合わせフォームの実装：￥5,000円


※縦5,000px以上の場合、1,000pxごとに1,000円が追加料金となります。

対応可能データ

PSD、AI、XD、Figmaのいずれか
その他データをご希望の場合はご相談ください。

納品形式

ファイル送付、またはご指定いただいたサーバーへのアップロード

納期について

標準納期は、「デザインデータ受領から」10日となります（ベーシックプランの場合）
サービス購入からデータのご提供までの日数は、納期には含まれておりませんので、予めご了承ください。

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

都内のWeb制作会社でフロントエンドデベロッパー/ディレクターとして7年間勤務しておりました。2024年4月より独立し、アニメーション表現を軸にWebサイト制作をしています。

こちらは、お客様にいただいたデザインデータをもとにWebサイトの静的コーディングを代行するパッケージです。
まずは、デザインデータ（figma、xd、psd、ai）をお送りください。
お見積りさせていただきます。

こんなときもご相談ください！

• スマホデザインが完成していない…
• TOPのデザインはあるけど下層ページが完成していない…
• デザインはあるけどアニメーション演出の方向性が定まらない…
  →デザインルールを踏襲して実装させていただきます。まずはご相談ください。

オプションで以下も対応可能です

• WordPress構築
• サイト全体のアニメーション演出
• canvasでの2Dアニメーション作成

ご依頼・制作の流れ

1. 「まずは相談する（無料）」よりお問い合わせください。
2. デザインのご共有：ご相談時はデザインが未完成でも問題ございません。
3. デザイン確定：コーディングを開始します。
4. ご確認・修正：必要に応じて対応いたします。
5. ご納品：zipでの納品・サーバーへのアップなど対応いたします。

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

人手不足解消にお役立ていただければと思います。

まずはお気軽にお声がけください！

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

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

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

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

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

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

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

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

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

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

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

よろしくお願いします。

個人事業者やWEBが苦手な中小企業のご担当者様など、
コミュニケーションを取りながらホームページやSNS運用、
名刺作成やロゴ制作まで承ります。

この度はパッケージをご覧いただき、誠にありがとうございます。
デザイナー様向けに、デザインカンプから、コーディングを承ります。

サイト利用者がわかりやすい、使いやすいサイトの構築を目指しております。
責任を持って、大切なサイトをお作りいたします。

▼ こんな方におすすめ

• コーディングする、リソースがない
• デザインだけに集中したい

▼ スタンダードプラン・プレミアムプランに共通で含まれるもの

• レスポンシブ対応のサイト
• お問い合わせフォーム
• 簡単なアニメーション
  ・ハンバーガーメニュー
  ・ふわっと出てくる
  ・スライダー
  ・アコーディオン
• 修正無償

▼ お問い合わせから制作の流れ

①提供予定のデザインをもとに打ち合わせ
　基本はチャットでのやり取りで、必要であればビデオ通話を使用する予定です。
　その後、正式なお見積もり金額を提示いたします。

②仮払い
　お見積り金額にご了承いただけましたら、ご契約とさせていただきます。仮払いをしていただきます。

③素材の提供
　対応可能なツール
　・Figma
　・XD
　・Photoshop
　・Illustrator

④制作開始

⑤初稿提出・修正
　テスト環境のURLをお伝えいたしますので、そちらからご確認をお願いいたします。

⑥本番環境にアップロード、納品
　FTPでの納品か、zip形式のファイルでの納品になります。

◆おすすめの方
・ランディングページを新規作成する方
・既存のランディングページが古くなったので新しいデザインにリフォームしたい方

◆製作の流れ
① ランディングページのコンテンツやデザインの雰囲気を相談して決定します。
　(ご希望の雰囲気やデザインのサイトがございましたら事前にお知らせください。)
②デザインのたたき台を作成します。※修正は2回までになります
　(たたき台を作成後はデザインを大きく変更することはできません。カラー変更・画像の差し替え・テキストの追加/修正は対応可能です。その他の変更はご相談ください。）
③デザインにOK頂けましたらコーディング作業に入ります。
④テストサーバーにアップしたサイトをチェックし、納品となります。

　中小企業の皆様のイメージアップや効果的な告知のために、また痒いところに手がとどくようなサービスを提供できるように、日々尽力しております。
　新規サイトやリニューアルなど、業種を問わず幅広い制作実績がございます。
まずはお気軽にご相談ください。

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 円