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

こんな方にお勧め
・Webページを作成してほしい

どんな課題がある
・Webページの作り方が分からない

何を提供できるのか
・お客様が求める品質以上のWebページを作成します！

具体的な納品物
・1～10ページのWebページ

進め方
・進捗を随時報告しながら進めていきます。
・コミュニケーションを大事にします！
・どんなことでもお気軽にご連絡ください！

私の強み
・コミュニケーション能力
・情報収集能力

ホームページ制作をお願いしたい人向け。

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

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

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

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

ホームページが欲しい方！ぜひ最後までご覧ください。

埼玉県所沢市在住48歳のWEBデザイナーです。
コロナの影響で皆様の生活が苦しくなっていると思います。
僕も大変な時期を過ごしています
お互いに頑張りましょう

というわけで、個人的にホームページの制作依頼を受け始めました。
低価格で良い品質のホームページをご希望の方がいらっしゃればぜひ参考になさってください

サイト構成のサンプルはこちらからでご確認できます。

http://omwebcr.com/temp/store/

サンプルサイトのようなページ構成での制作になります。
WEB制作会社様の外注業務としてのお問い合わせも歓迎致します。

メインのお仕事以外の副業としての作業になりますので
1か月に受けられるサイトの数は限られております
ご依頼が多くなると作業のご受け入れができない場合も
ございますのでご了承ください。
なお、ECサイトや大型プロジェクトのご依頼は
時間が許せないため丁重にお断り致します。

■こんな方にお勧め致します。
-高くてデッカイサイトまではいらないがホームページは欲しい方
-低価格で良い品質のホームページをご希望の方
-チラシ、名刺などにQRコードを掲載してお店や事業を広報したい方
-SNSなどを利用してお店や事業を広報したい方

■サイト制作費用
制作費用：25,000円
サーバー代：1,000円(+消費税)月
ドメイン費用：2,000円(+消費税)/１年

制作初期費用:28,000円
サイト完成からの月費用：1,150円(+消費税)/月(ドメイン費用含め)

■制作の流れ
-打ち合わせ
　・埼玉県東部地域、西東京方面は訪れ可能です
-サイト制作
　・原稿と画像などが全て揃ってから7日間以内
-サイト確認修正
-納品

■サイト制作の準備事項
-依頼者様事業内容
　・商号
　・電話番号,FAX番号
　・営業時間
　・住所
-お店、事業の紹介文または事業者様の挨拶文など
-サイトに必要な画像、動画、ロゴ画像など
-その他(必要場合)
　・飲食店の場合メニューの画像と値段、簡単な説明など
　・スタッフの写真やプロフィールなど
　・その他
-アピルポイントの提案
　・お店または事業者様が持ってる強みを強調

■サイトスペック
-反応型(レスポンシブ)ウェブサイト
　・PCとモバイルに合わせてデザインが変わる
-常時SSL標準対応
-基本SEO対応
-メールアドレス作成

※チラシ、名刺のデザインも受け入れております。

最後まで読んで頂きましてありがとうございます。
ご連絡お待ちしてます。

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

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

■作業内容
・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年以上の社会人経験と、その中で長く従事した営業職の経験から、
ご依頼をいただくお客様に満足いただくことを最善に対応させていただきます。

★ 対応可能データ★
・PSD、AI、XD形式のいずれか
　AI形式の場合はリンク画像も添付（もしくは埋め込みで）お願いいたします。

★ 動作確認ブラウザ★
・Windows
　Chrome、Firefox、Microsoft Edge
・Mac
　Chrome、Firefox、Safari
・iOS11以降
　Safari
・Android5.0以降
　Chrome

※いずれも最新版です。
※IEへの対応は終了いたしました。

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

★ 納期について★
標準納期は「ご依頼内容の共有をいただいた日から」2営業日となります。（ベーシックプランの場合）

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

ホームページ制作いたします。

WordPress(php)対応可能
レスポンシブ対応可能

HTML/CSS/JavaScript

「急ぎでLPのコーディングをしてほしい」
「デザインはあるけどコーダーがいない」
「ボリュームのあるサイトのコーディングをしてほしい」
「ワードプレスやアニメーションの対応もしてほしい」

上記のような様々なご要望をお持ちの方はぜひご連絡ください。

【私たちについて】
・グラフィックデザインからWEBデザインまで、業界15年以上の経験があります
・デザインとコーディングを2人体制による分業のため、それぞれの品質担保がしっかり出来ています
・2人体制のため、よりスピーディな対応が可能です
・デザイン中心のノーコード、コーディングからのワードプレス対応など様々ご対応可能です

【ご依頼について】
①ご相談
制作要件をご教示ください
（基本的にはメッセージでのやり取りになりますが、オンラインMTGでのご相談も可能です）

②お見積もり〜サービスのご購入

③制作開始
・1Pのコーディングは初稿まで3営業日
・複数ページの場合はその都度工数をお出しします

④納品
データ納品の他、こちらでの本番アップ対応も可能です
ワードプレス構築が入る場合は、コーディング後に構築期間が追加となります

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

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

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

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

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

◆制作の流れ

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

◆納品方法

・zipファイルの送付

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

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

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

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

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

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

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

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

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

★【Webデザイナー様、制作会社様へ】あなたのデザインをお任せください！
★ベトナムの高度IT人材があなたのWebサイトを忠実に再現します。

【こんなお悩みはありませんか？】
・デザインは用意してあるのでコーディングだけサクッと任せたい
・いつもお願いしているコーダーの手が空いていない

【初めての方へ】
当サービスはHPやLPなどのコーディングを専門にご提供します。
・お問い合わせフォームを追加したい
・テキストや画像を変えたい
・HPをネットに公開したい
など、ぜひお気軽にご相談ください。

相談（無料）はこちらからお気軽にどうぞ！
https://www.lancers.jp/profile/hasulab

価格
⚫︎HP、LPの画像、文言の修正、更新（１箇所）：3,000円

⚫︎TOPページコーディング or ランディングページのコーディング：20,000円
<<実績作りのため期間限定価格にて承り中です！>>
※長さによって変動いたします。

⚫︎ホームページのコーディング（TOPページ or ランディングページ + お問合せフォーム + 送信完了ページ）：30,000円

⚫︎ホームページのコーディング（TOPページ + 下層ページ5P + お問合せフォーム + 送信完了ページ）：100,000円

【ご依頼、お問い合わせ】
https://www.lancers.jp/profile/hasulab

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

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

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

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

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

【制作の流れ】

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

・HTML/CSS/jQueryを使ったコーディングを行います。
・BEMをベースとした保守・運用しやすいようなCSS設計
・納品前に独自のチェックリストをもとに品質を担保します
・制作内容の詳細・静的コーディング（1ページ〜）
・レスポンシブ対応
・品質アニメーションは無料で対応します
（スライダー、スクロール、アコーディオン、ハンバーガーメニューなど）
・お問合せフォームの設置：内容に応じて別途お見積もり
・WordPress化：内容に応じて別途お見積もり
※WordPressは別途追加費用が発生いたします。

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

【購入の流れ】
「見積もり・カスタマイズの相談に進む」より、ご依頼の内容を詳しくお聞かせください。
またデザインデータがある方は先に提供いただくとお見積りがスムーズになります。
↓
納品日の目安と、追加で購入が必要なオプションがある場合ご案内いたします。
↓
お見積もり内容を確認いただき、ご発注をお願いいたします。
写真やテキストなど、サイトに使用する素材がある場合お送りください。
↓
最終的な納品日をお伝えしご納得いただきまいたら、サイト構築開始。
↓
コーディング完了後、ご確認をいただき3回までは無料で修正対応いたします。最終チェックが完了後、データ納品となります。
※デザイン自体の変更などは別途追加でお見積させていただきますので予めご了承ください。

その他ご不明点がございましたら、お気軽にご連絡くださいませ。

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

当サービスを閲覧いただき誠にありがとうございます。
WEBサイトのコーディングならお任せください！
デザインデータからHTML・CSSにてコーディングを代行いたします！
ご希望の方はWordPress導入も対応致します。

【　サービス内容　】
・HTML/CSSを用いたサイトコーディング
・レスポンシブ対応
・JavaScriptを用いたWEBサイトの動的要素付与(スライダー・ハンバーガーメニュー・アコーディオン等)※別料金対応
・WordPress導入※別料金対応

部分的なコーディングのご依頼でも対応いたします、是非ご相談ください。

【料金詳細】
・トップページ、下層ページのコーディング：10,000円～/1P
・LPのコーディング：20,000円～
・レスポンシブ対応：無料
・JavaScriptの機能実装：5,000円～ / 1点

【　注意事項　】
・WordPress導入については別途料金が発生します。

【　納品方法　】
HTML/CSSでのデータ納品
サーバーのご用意がございましたらそちらにアップロード致します。

【　ご用意いただくもの　】
XD・PSD形式のデザインデータ
画像・テキスト素材

【　納期について　】
ページのボリュームによって変動しますのであらかじめデータをご提示ください。
お急ぎの方については別途手数料を頂くことと、期間次第ではお受けできないことをありますのであらかじめご了承ください。

【　制作の流れ　】
ヒアリング
↓
デザイン・素材のご提供
↓
コーディング
↓
確認・修正
↓
最終確認・納品

【　その他　】
実績として掲載させていただく場合がございますので、掲載を拒否される方はあらかじめその旨をお伝えください。

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

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

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

初めまして！
ご覧いただきありがとうございます！
独学にてプログラミングを学び、将来1人前のエンジニアを目指しています！
実績獲得のため、期間限定で格安でお仕事を承っております！

▼料金に含まれるもの
・HTML/CSS コーディング
・レスポンシブ対応(PC・スマホ)
・ハンバーガーメニュー

▼納期について
・デザインデータを受領した翌日からの日数となります

▼対応データ
・PSD、AI、XD形式

▼動作確認
・Chrome、Safari

▼納品形式
・ファイル送付とさせて頂きます

お気軽にご相談下さい！

1.レスポンシブHTML・CSSのコーディングのみのご依頼を承ります。

1ページの目安は、縦幅が6000px以内でお願い致します。

2.bootstrapにてレスポンシブ対応（タブレットは除く）
以下２種類サイズ対応
（例）横幅480px以上（PC、タブレット）横幅480px以下（スマホ)

スライダー等、開発が必要なものに関しては、別途お見積もりとなります。

3.対応ブラウザ
win:ie10++,chrome最新,firefox最新
mac:safari最新

4.納品形式
htmlファイル一式をzipでの納品

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

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

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

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

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

都内広告代理店のLP制作実績は100件以上。

青森県三沢市のWEBデザイナー、合同会社HOWDEEの類家と申します。
日頃からLP制作を多数取り扱っております。

下記のようなLP制作実績があります。

• 大手脱毛サロン
• 美容クリニック
• 美肌治療
• 美容Youtubeチャンネル
• シャンプー
• 医療用ウィッグ
• 士業
• 食品
• その他多数

下記対応可能です。

• アンケートギミックLP（設問4問解答後メインページが展開等）
• アニメーションCSS（文字が浮き上がる、ボタンが動く等）
• お問い合わせフォーム設置
• ECフォース組み込み
• WORDPRESS組み込み
• MAKESHOP等ECサイト組み込み
• もちろんHPコーディングも可能

LPコーディング対応フロー例

まずはデザインデータと指示書をご共有ください。もちろん各工程間で修正対応可能です。

1. 内容確認
2. ベースコーディング
3. 修正〜納品

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

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

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

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

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

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

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

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

WordPressのサイトに絞り込み検索機能を実装します。
・カテゴリ検索
・効果や条件などのチェックボックス
・価格帯絞り込み
・etc

1フォームあたり検索項目は5つまでで、それ以上は3,000円/項目となります。

PHPコードによる実装も可能ですが、以下の理由からSearch & Filter Proプラグイン（年額$20）での導入を強くおすすめしています。
・後から項目の編集/追加ができない
・使い回しができない

どうしても年額費用が嫌でPHPコードで実装したい方はご相談ください（2~3万円）。

【注意事項】
※フォームデザインの修正は原則2回までとなります
※各記事のカスタムフィールドへの値設定は含まれません
※AMP対応ページへの導入は要相談
※WordPress以外のサイトは要相談

各店舗のサイトデザインを行って培ったスキルを活かして、HTML・CSS・Javascriptのコーティングを代行・実装します。

お客様のご要望に合わせ、デザインに近いものをHTML・CSS・Javascriptで作成させていただきます。
動的なドロワーメニュー（ハンバーガーメニュー）や画像スライドショーなどのjQueryを用いたデザインも承りまっております。

また、依頼内容が複数ある場合は箇条書きにしてお気軽にお問い合わせください。

【本サービスの作業内容】
●静的コーディング（HTML、CSS使用）
HTMLとCSSを用いたデザインを作成し納品いたします

Wordpress（ワードプレス）サイトデザインも対応可能。

【お客様の納品依頼】
デザイン参考となるＵＲＬや画像
もしくはデザインカンプ（photoshop または Illustratorのファイル、XDのファイル形式が希望ですが、画像、手書きフレームからでも承ります）

《こんな方におすすめ》
●ＨＴＭＬとＣＳＳがイマイチわらかなく、作ってほしい
●凝ったデザインが欲しい
●こういったサイトデザインにしたい
●画像スライダーをサイトに実装したい
●コンテンツの見出しデザインや画像に動的な動きをつけたい
●サイトデザインを変更したい

また納品後、思ってたデザインと違う！などのミスは何度でも無料で変更対応いたします。
納品後は、お気軽にご相談ください。

【納品に関して】
納品は原則、HTMLファイルとCSSファイルをまとめたZIPファイルでのお渡しとなります。

また、WordPressやFTPサーバーを経由したデザインアップロードも対応しております。

※依頼に関しては、内容数が少なければいくつで
ページの内容やボリューム、ご予算の都合によっては金額の調整を行いますので、ご了承くださいませ。

【納品までの流れ】
（１）DMまたは見積り・カスタマイズの相談にて、まずはお気軽にお問い合せ、ご相談ください。
（２）ご購入後、トークルームにて下記の＜ご用意いただくもの＞をご連絡ください。
（３）作成しましたら、制作物を送付いたしますので、内容をご確認ください。
（４）気になる箇所、問題があれば、修正を対応致します。
（５）内容にご満足いだけましたら、最終成果物を納品し、完了となります。

いただいたデザインを元に、HTML / CSS / Javascript・jQueryでコーディングいたします。
前職までのサイト運用やWebマーケティング、SEOの知見を活かしながら、
◎デザインに忠実
◎シンプルな記述
◎納期や修正など柔軟な対応
を心がけています。

【ベーシックプランに含まれるもの】
web制作のご相談や、既存サイトの一部修正など
まずはお問い合わせください

【スタンダードプランに含まれるもの】
・HTML/CSSコーディング1ページ
・レスポンシブ対応（PC／スマホ／タブレット）
・スムーススクロールなど簡易なアニメーション
・画像の圧縮、最適化（webp対応可）
・metaタグ設定（titleタグ、ファビコン、OGP画像など）

<内容に応じお見積もり>
・スライダーやハンバーガーメニューなどの設置、カスタマイズ（javascript）

<ご要望に応じ対応いたします>
・gitでのコード管理

【プレミアムプランに含まれるもの】
特定のコーディングルールの対応など

【以下もご相談ください】
※2ページ以上の制作
※納期の短縮
※既存サイトの修正（Wordpressサイトも可能）
※PC版のデザインデータからスマホ版レイアウト作成
※フォーム設置・改修
※SEO内部対策の代行
※jQueryをjavascriptに書き換え
※表示速度の改善

【ご予算について】
記載の金額は目安です。
ご用件に応じ変動いたします。まずはご相談ください。

【納品までの流れ】
ご依頼内容の詳細をお聞かせください
↓
お見積りを提示いたします
↓
ご納得いただけましたら、ご発注をお願いします
↓
素材等の共有をお願いします
↓
制作開始〜確認・修正
ビデオチャット／電話での打ち合わせ可能です
↓
納品

【自己紹介】
制作会社でのWebデザイナーのアルバイト後、企業のweb担当として5年超、コーディング、サイト設計、運用、SEO対策など経験（SEO検定1級所有）。
バナー作成や、POP・チラシ等の印刷物もデザイン・制作経験あり。
現在はHTMLコーディングを主にフリーランスとして活動中です。

◆作業内容
・HTML/CSSを用いた静的コーディング

◆準備いただくもの
・デザイン
・画像
・テキスト

◆その他
・ブラウザチェックは、Google Chrome/Microsoft Edge/Fire Foxで行います。

コーディング代行いたします！
デザインデータをいただければ、それをもとにコーディングを代行いたします。
価格は1ページあたりの料金になります。
※1ページ作成後、流し込みで他ページも作成の場合は価格を調整いたしますのでご相談ください。

★サービス概要
・HTML/CSSコーディング（PHPファイルでのコーディングも可能）
・レスポンシブ対応可能（追加費用は不要）
・ファイル納品、サーバーへのアップでも可能
・現役でWeb制作会社に勤務しておりますので高品質で納品可能と自負しております

★検証・対応ブラウザ
◯Windows
・chrome / 最新版
・Firefox / 最新版
・IE edge / 最新版

◯Mac
・chrome / 最新版
・safari / 最新版

◯スマートフォン
・iOS12.3 iPhone6 Safari
・Android OS 9.0 Galaxy S8 Chrome

◯タブレット
・iOS 12.3 Apple iPad Air

LP（ランディングページ・一枚ものページ）のコーディングを承ります。
外注先をお探しの制作会社さま、フリーランスのWebデザイナーさまにご利用いただいております。

※LPではないWebサイトのコーディングは、各専用メニューからご依頼ください↓

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

※追加オプションの内容は、下記オプション欄をご参照ください。
※オプション内容により納期が変わります。
※上記にない内容につきましては別途お見積りさせていただきます。

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

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

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

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

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

※いずれも最新版です。

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

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

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

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

※サービス購入からデータをお送りいただくまでの日数は納期に含みません。

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

HTML CSSのコーティングなどwebデザインを中心とした作業を低価格で行いたいという方向けです。
私自身実績がなく、0からの信頼です。
ですが、期日と決められた枠でしっかりと仕事をこなせるだけの努力をしてきました。
宜しくお願い致します。

●サービス内容
HTML、CSSの修正。
既存のLPの修正を安価でさせていただきます。
文章を変更したい、文字の大きさ、背景の色を変えたい、画像を変えたいなど引き受けさせていただきます。

●可能な業務内容
HTML、CSS
(デザインデータはお客様でご用意していただきますようお願いします)

●作業の流れ
流れは下記のとおりです。
＊内容のヒアリング＊
　↓
＊契約成立＊
　↓
＊コーディング作業＊
　↓
＊テストサーバにて確認＊
　↓
＊納品＊

●可動時間
平均3時間

Xdで作成されたデザインデータのみの対応となります。
レスポンシブも無料で対応致します。
Xdのデザインデータを頂ければ、コーディングデータ一式を納品致します。

レンタルサーバーの契約とドメイン取得の代行は致しませんが、
出来る範囲でのサポートはさせていただきます。

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

・修正回数（納品後２週間以内）
軽微な修正であれば３回までとさせて頂いております。
※こちらの不具合であれば無料・無制限で修正させていただきます。
※大幅なデザインの変更には別途料金が発生致しますので予めご了承ください。

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

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

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

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

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

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

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

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

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

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

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

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

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

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

LPのコーディングを承ります。
(HTML/CSS/Javascript/jquery)

実力を向上させるため、格安でコーディングいたします。

オプション等は画像をご確認ください。

話をしてから発注をしたいとお考えの方も見積もりでご相談ください。
押し売りは絶対にいたしません。
お互いがHAPPYになれるよう、丁寧な対応を心がけます。

まずはご相談から、お気軽にどうぞ♪

ＨＴＭＬの更新、画像編集はお任せください。
ＨＴＭＬ＋ＣＳＳのコーディングは日々携わっておりますので、更新作業等は得意分野としております。
画像編集も１時間にかなりの量はこなせますので、更新作業を必要とされる場合はお声掛けください。
また、文章チェックやコードチェック等にも対応いたします。

スマートフォンがインターネットコンテンツの主流になる中、かつての簡単なＦＬＡＳＨコンテンツをうまく流用できないかというご相談が増えています。
ただの動画やスライドショーなどはｊＱｕｅｒｙや他のファイルに差し替えることができますが、今回のご提案は、HTLM上で展開していたスクリプトの伴うFLASHをHTML5とCANVASの機能を使ったスマホ対応のコンテンツにＦＬＡＳＨをコンバートするというご提案です。
Ｆｌａｓｈコンテンツをスキップして、スマホ対応のＨＴＭＬコンテンツの作成も可能です。

WEB標準に準拠したHTML・CSSコーディングを承ります。

人と検索エンジンに理解しやすいセマンティックなコーディングを行ないます。
その結果としてSEOに有利となり、また、ハンディを持った方にも伝わりやすいアクセシブルなWEBページをご提供することができます。

販売価格は下層ページなど比較的簡易なページ内容（A4で1P程度）を想定しています。
トップページやLPなどの場合は別途お見積もりさせていただきます。
お気軽にご相談ください。

また、ページ単価は5,000円からとなりますが、ページ数が多い場合はボリュームディスカウントにも対応いたします。

■こんな方におすすめ
-デザインはできるけどコーディングできる人材が欲しい方
-サイト制作をまるっと任せたい方

■ご提供内容
-いちからHTML、CSS、javascriptを用いてコーディングいたします。
-webサイト、LPを1から作成いたします。
-必要であればwordpressも対応できますので、ご相談ください。

■最終的な納品物
-コード一式をデータで納品いたします。

実績5件まで1ページ3,000円〜でWEBサイトのコーディングをお手伝いいたします。

パッケージ内容

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

HSP（Highly Sensitive Person：非常に感受性が強く繊細な気質を持った人）の私が人一倍繊細にあなたのWEBサイトのコーディングをお手伝いいたします。
ポートフォリオなどはプロフィールにて紹介しておりますので、よろしければご覧ください。

当パッケージでは私のHSPの気質を活かし、お客様に不快な思いをさせないよう、人一倍繊細にやり取りさせていただきますので、初めての方でもお気軽にご相談ください。
購入されない場合でも丁寧に対応させていただきますのでご安心ください。

【当パッケージの特徴】
・実績5件まで3,000円〜でお受けいたします（システム上10,000円となっていますが、見積もり時にコーディング内容をヒアリングし、価格を変更いたします）。
・HSPの私が人一倍繊細に、丁寧に対応いたします。
・修正回数無制限で対応いたします。
・納品後に更新が必要な場合も丁寧に対応させていただきます。
・Next.jsを使用し、SEO対策を行います。

【料金について】
WEBサイトのコーディングは専門知識と技術が必要です。
しかし高額な費用がかかってしまうため、WEBサイトの作成を諦めてしまう方も多いのではないでしょうか。
私のパッケージでは、実績5件まで3,000円〜でコーディングいたします。
これは業界最安水準です。

【修正について】
デザインをもとにコーディングさせていただきますが、実際にコーディングされたWEBサイトを見ると「この部分に動きをつけたい」というような要望が出てくると思います。
そのような要望にも無制限で対応させていただきます。
※デザインが最初から大きく変更される場合は追加料金をいただきます。

【SEO対策について】
「SEO」という言葉はご存知でしょうか。
SEOとは「Search Engine Optimization」の略であり、検索エンジン最適化を意味します。
SEO対策を施すことにより、WEB検索で上位に表示されやすくなります。
SEO対策には複数の要素がありますが、ページの表示速度を高速化することが1つの要素になっています。
Next.jsを使用することでページを高速で表示できるようになるため、SEO的にも有利になります。
つまり作成したWEBサイトを見てもらいやすくなります。

【ご購入後の流れ】
① 依頼前にお見積もり
↓
② ご契約、仮払い
↓
③ デザインをもとにWEBサイトをコーディング
↓
④ やり取りの中でWEBサイトを修正
↓
⑤ 納品

【基本料金に含まれる内容】
・1ページのコーディング（あまりに長い場合は追加料金がかかります）
・HTML/CSS（Tailwind CSS）/JavaScript（Next.js）を使用したWEBサイトの作成
・簡単な動きのあるWEBサイトの作成
・スマートフォン/タブレット/パソコン対応のレスポンシブコーディング（2つ以上のブレークポイントが必要な場合は追加料金がかかります）
・無制限の修正（デザインが大きく変わる場合は追加料金がかかります）

【追加料金について】
・2ページ目以降のコーディング：2,000円〜
・複雑な動きのあるWEBサイトの作成：3,000円〜
・2つ以上のブレークポイント：2,000円〜
・最初のデザインから大きく変更がある場合：3,000円〜

私からのメッセージ

ここまでご覧いただきありがとうございました。
数多くのパッケージから私のパッケージに興味を持っていただきうれしく思います。

私はお客様の想いをWEBサイトを通してより多くの人に伝えたいと思っています。
私の繊細な感性であなたのWEBサイトを丁寧にコーディングいたします。

お客様に寄り添って丁寧に対応いたしますので、他のサービスとも比較していただいたうえで、私のサービスに魅力を感じていただけた場合はお見積りをよろしくお願いいたします。

ご覧頂きありがとうございます。
Webページ、LPなど、デザインからのコーディングを行います。
デザインはあるけどコーディングにお困りの場合など、ぜひご相談ください！

■作業内容
　●デザインカンプからの静的コーディング（HTML・CSS）
　●レスポンシブ対応、Javascript対応（ご相談）

■制作の流れ
まずは、お客様のご依頼内容についてお伺いさせて下さい。
お見積もり・納期の目安をご連絡させて頂きます。

1.ご依頼内容の確認・お見積もり・納期の目安のご連絡
2.ご購入後、制作要件についてのご確認、デザインカンプ等の必要なデータの受け取り
3.制作開始
4.完成品の提出とご確認（修正箇所の確認）、納期の確認
5.修正対応
6.修正品の提出とご確認
7.最終納品

■納品方法
コーディングデータをzipファイルにて納品させて頂きます。

■デザインカンプデータ
Adobe Illustrator, Photoshop, XD, Figmaに対応致します。

■納期
お急ぎの場合など納期についてのご相談も可能です。

■こちらでの検証環境
Mac最新OSにてChrome, Safari, FireFox
iPhone最新OSにてChrome, Safari, FireFox

ーーーーーーーーーーーーーーーーーーーーーーーーーー
■その他、ご質問などありましたら、お気軽にお問い合わせ下さい。

「デザインカンプは作れるので、サイトにして欲しい！」
そんなご希望におこたえいたします。

ECサイト（静的な部分）・LP・コーポレートサイトなどに対応しております。
HTML / CSS / JavaScriptでウェブサイトを構築いたします。

ページの長さ、文字や画像の量などをお知らせいただけましたら
ご予算にあわせてお見積りいたします。

⚫ご提供させていただけること
・保守性が高いCSS設計に基づいたHTML/CSS/JSコーディング
・WordPressの導入、改修など
・Gitを用いたコード管理（常にバックアップが取れています）
・無料で画像圧縮
・こまめな進捗報告による「作業の見える化」

⚫作業内容について
・静的コーディング（1ページ〜）
・レスポンシブ対応（スマートフォン、タブレット）
・ハンバーガーメニュー、スライダーなどの実装
・お問い合わせフォームの実装
※WordPressは別途追加費用が発生いたします。

⚫ご予算について
記載の金額はあくまで目安でございます。制作ページ数やアニメーションによって変動することがございます。実装内容やご予算など、いつでもお気軽にご相談下さい！

⚫ご購入の流れ
①「見積もり・カスタマイズの相談に進む」を押下いただき内容を詳しくお聞かせください。
②納期目安、追加で購入が必要なオプションがある場合にご案内いたします。
③内容に問題が無ければご発注をお願いいたします。
④写真やテキストなどの素材を当方までお送りください。
⑤作業開始。まずは1p完了後にURLをご連絡します。その後は1~3日に1回程度の報告をいたします。
⑥全体コーディング完了後、ご査収いただき修正対応いたします。（無料で3回まで）
⑦ご指定のファイル形式にて納品

⚫実績
静的コーディングからのWordPress化、静的ページのテーブル修正、静的LP、WordPressテーマカスタマイズ等

⚫特徴
・反応が早い
・作業の言語化が得意
・柔軟な対応が可能

どうぞお気軽にご連絡くださいませ！いつでもお待ちしております。

webサイトのコーディングを承ります！
「デザインは用意できるけどコーディングは外注したい」
「PCデザインは用意出来るけど、SPは任意でいい感じにしてほしい」
「自分でコーディングしている時間がない」
「サイトの一部箇所の修正をお願いしたい」
などのコーディングのお困りごとに丁寧に対応させて頂きます。
お気軽にご相談ください。

【制作内容】
・静的コーディング
・LPコーディング
・WordPressコーディング（オリジナルテーマ）
・WordPress既存テーマのカスタマイズなど
・レスポンシブ対応
・スマホ（またはPC）デザインがない場合、コーディングベースで作成
・画像サイズ圧縮
・webp化
・ファビコン作成 など…。

【実績】
WordPressホームページ制作
・既存テーマカスタマイズ
・トップビューアニメーション
・オリジナルホームページ制作
詳しくはポートフォリオをご覧ください。

【簡単な修正、コーディング代行】
簡単な画像の差し替えや、部分的なコーディング、修正は1箇所大体5,000円からご対応します。
内容によってはもっとお安く対応する場合もございますので、一度ご連絡頂ければと思います。
パッケージのシステム上ベーシック最低10,000円以上からの設定しか出来ないため、
簡単な修正内容希望の方は一度ご相談いただければ幸いです。

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

【対応可能データ】
XD、Photoshop、Illustratorのいずれか
　Illustratorの場合はリンク画像も添付（もしくは埋め込みで）お願いいたします。

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

ご提供内容

プログラミングの手伝い。
Vue.jsやnode.jsはある程度経験があります
AWS lambdaやDynamodbなども使えます
Pythonもある程度は扱えますが、DjangoやFlaskなどの経験はありません
Flutter（Dart.js）は勉強中ですが、対応可能です

こんな方へオススメ

スポットで業務への手伝いが欲しい方
プログラミングの手伝いが欲しい方
フロントエンドの一部の画面だけ作って欲しい方
フロントエンドの画面の一部を修正して欲しい方。

できなくはないかもだけど、苦手なこと

React、Wordpress
（これらの言語にも対応できないわけではなく、自分で勉強しながらキャッチアップ可能です。学習時間分のコストは勿論請求しません）

ご購入後の流れ

ChatworkやDiscordなど、好きな方法で取引可能です

料金プランやオプション、納期

柔軟に内応可能です

出品開始したばかりのサービスなので、最初のご依頼に限り
5ページまで ￥30,000 - でご提供させて頂きます。

現在はベーシックプランしか受け付けておりません。

主に制作会社様向けのご提案となっております。

■■こんな悩みを解決します■■

「ECサイトの制作が依頼が来たものの、慣れているコーダーがいない」
「社内リソースが足りないので、外注したい」

そんなお悩みを解決いたします。

原則、デザインデータのご用意をマストとさせて頂きます。
データの種類はXD・figmaを基本とし、「イラレ、フォトショ」は別途有料オプションにての対応となります。

■■料金目安■■
□トップページ / ¥30,000〜
□ヘッダー・フッター・スマホメニュー / ¥30,000 〜
（原則、元テーマに準じたカスタムとなります。）
□下層ページ（1ページあたり） / ¥15,000 〜

デザインボリュームによって、お見積もりは前後いたします。

■■対応プラットフォーム■■
□shopify（dawn）

不明点はご相談に乗りますので、遠慮なくご連絡ください。
WodPress構築の際、ブロックエディタやelementorでの制作はできかねます。
*その他プラットフォームにつきましては、対応経験が乏しいため要相談とさせて頂きます。

■■対応可能範囲■■
コーディングのみ対応となります。
「商品登録」「発送設定」等、管理業務につきましては対応外とさせて頂きます。
プラグインの導入は埋め込みのみ（簡素なCSS程度ならOK）とします。

■■サービスの流れ■■

□　お見積もり・DM」よりご連絡
↓
□　現状のヒアリング
↓
□　お見積もり
↓
□　制作
↓
□　テストサーバーにて確認
↓
□　ご納品

■■お願い■■

□制作スピードと品質を重視しております。レスポンスの芳しくない方はご遠慮願います。

□「アイコン設定のないアカウント」「意味不明なユーザーネーム」「孫請けもしくはそれ以下と見受けられる御依頼」につきましては、お断りすることがございます。

□ピクセルパーフェクトはご対応しかねる場合がございます。

□数時間以内にご返信できるよう努めます。

□制作実績をポートフォリオサイトやプロフィールに掲載させて頂く場合がございます。

□まずはダイレクトメッセージでお気軽にご相談下さい。
購入にあたってのお願い
□デザインデータをご用意ください（psd, AI, XD）

□こちらで原稿の用意、作成はできかねます。

□即日のご対応が難しい場合もございます。

□相場を逸脱した低価格の御相談には、返信できない可能性がございます。

□個々のSEO・広告対策については対応しておりません。

□売上・アクセスUP等のご相談はお受けしておりません。

□サーバー・ドメインの取得代行は行っておりません。

□Webサイトを一から立ち上げるサービスではございません。

□下記、内容を含むご相談に関しましてはお受けしておりません。
・公序良俗に反するコンテンツを含むサイト
・アダルト系
・投資を募るもの（セミナー・株・FXなど含む）
・根拠のない理由を元に、報酬を受けられるとうたうビジネスモデル
・宗教等の勧誘
・情報商材系
・制作物の商用的二次利用
・既存サイトのコピー、もしくは近しい要望

＊ご依頼後5日以上ご返信を頂けない場合は、ご確認の上その時点でのデータのご納品となります。またキャンセル・ご返金はできかねます。

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

▼こんな方におすすめ
起業されたばかりの方、時間がない方等におすすめです。
簡単なものであれば即日対応いたします。

▼ご提供内容
HTML/CSSの制作を行います。
資料作成なども合わせで行なえます。

▼ご購入後の流れ
いつまでにほしい、納品の仕方等ご指定いただければご対応いたします。

▼製作可能なジャンル
ウェブ制作であれば、ご対応できます。

▼納期
ご指定いただければ、遵守いたします。

数ある方の中からご覧頂き、ありがとうございます！
フリーランスでコーディングをしているれんと申します。

【ポートフォリオサイト】
https://production.ren-deitora-graduation-work.com/
Basic認証：ユーザー名・パスワード共に　workren2（全サイト共通）

Notionに制作物一覧↓↓↓
https://www.notion.so/Portforio-0c40577b212146ebaea4ff48763cf7cd?pvs=4

【 迅速丁寧な対応、責任感と安心感のあるコミュニケーション】
制作に関わる全てにおいて迅速な対応と丁寧な説明を心がけています。
前職では11年間で2000人以上の患者様を対応させていただきました。
各病院でリーダー業務を兼務し、各スタッフから『池田さんなら任せられる』『安心・信頼できます』と直接言って頂けました。
継続力も一つの特徴で、昨年はブログを書くため、257日間連続でゴルフの朝練を行っていました。

【経歴】
・元々11年間理学療法士として2000人以上の患者様を対応
・3病院の異動経歴あり。各病院でチームリーダー業務実施
・2023年3月末〜　Web制作にフルコミットするために2023年3月末で会社は退職
・2023年5月〜　　フリーランスWebコーダーとして活動開始

■サービス内容
HTML・ CSS・jQuery・Javascript・PHP でコーディングを行い納品いたします。
WordPress化も対応可能です。
CSSの命名規則は、原則BEMに則って記述します。
デザインカンプはXD・Figma・Photoshopから承ります。

【稼働時間・連絡手段】
ご依頼からすぐにお仕事に着手することができます。
基本的に即レスを心がけております。
夜間（21時〜８時）以外は対応可能です。
どんなに遅くても、ご連絡を頂いて半日以内に返信します。
サービス外連絡をする場合、下記の連絡方法で対応可能です。Slack・Chatwork・メールで対応が可能です。
必要に応じてZoomやGoogle Meetなどの対応も可能です。

最後までご覧頂き、ありがとうございます!
まずは、お気軽にご相談いただければ幸いです。

フリーランス
れん

こんな方へオススメ

• とにかく安く済ませたい！
• 早く作って欲しい！

ご提供内容

• HTML.CSS代行コーディング
• ホームページ制作

納期
ご相談して決めさせていただきます

※即レス対応

デザインカンプを即コーディングしてほしい、、という方に向けた格安かつ高品質WEBコーディングパッケージです。

【ご提供できること】
・デザインカンプコーディング
・レスポンシブ対応
・jsコーディング
・ワードプレステーマ開発
・サイト公開（FTP、ワードプレス等）

HTML・CSS・JSコーディングに加えワードプレスのテーマ開発まで対応しています。
また、ご準備されたワードプレステーマがある場合はさらにお安くご対応できる場合がございます。

◾️こんな方にオススメです

• 社内リソースが不足している企業様
• コーダー不足で外注先を探されている制作会社様
• コーダーのパートナーを探しているデザイナー様
• 長期的に依頼できるコーダーを探していらっしゃる方

◾️基本料金に含まれるもの

• HTML / CSSコーディング
• レスポンシブ対応
• 画像、CSSファイル、JavaScriptファイルの圧縮
• テスト確認用サーバーのご用意
• アフターフォロー (納品後 稼働 5日以内)

◾️追加オプション
・スマホ用デザインがない場合のレスポンシブ対応：合計金額の30%を加算
・ドロワーメニュー：10,000円
・スライダー：15,000円
・アニメーション (一部無料)：5,000円〜
・お問い合わせフォーム：17,000円
静的の場合は「PHP工房」のメールフォーム使用を想定しております。

◾️納期
5〜14日。
※稼働状況や実装内容により若干変動いたします。

◾️流れ

1. お打ち合わせ
2. デザインデータお預かり
3. コーディング
4. テストアップ(ご確認）
5. 修正
6. テストアップ(修正箇所のご確認）
7. 納品（zipファイル送付、またはFTPでレンタルサーバーへアップロード）

HP作成

ホームページ、ランディンページの修正、コーディングはお任せください
★プロのデザイナー様、企業からリピートあり！

安心してあなたのWebサイトをお任せください！

【デザイナー様、企業のWeb担当者の方へ】

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

ほんの少しの修正が必要だけど、コーダーの手が空いていない
安定した品質を担保できるコーダーがいない
コーディングが苦手で誰かに任せたい
このパッケージを購入することでこの悩みが解決できます
いつでもすぐ対応してくれるコーダーがいるから安心♪
品質が担保できるから、安心して任せられる♪
デザインだけに集中できるので、デザインの品質が上がり、デザインの単価も上がった♪
初めての方へ
当サービスはWebサイトの修正や更新、新規ページのコーディングなど
Webサイトのお困り事を解決するサービスです。

こんなお困りごとを解決できますので、ぜひお気軽にご相談ください。

”スマホでは表示が崩れる”
”お問い合わせフォームをつけたい”
”文書を変えたい”
”ホームページをネットに公開したい”
”新しくランディングページを作りたいなど”
「こんなことできるかな？」と思ったら、お気軽にご相談ください。
相談は無料です！
どんどん相談しちゃってください！

価格
⚫︎修正、更新のご依頼：要相談　最低価格が3,000円〜
（※内容によっては対応不可の場合もございます。）
システムの都合上10,000円と表記されております。

⚫︎ランディングページのコーディング：44,000円〜

⚫︎ホームページのコーディング（５ページ以内）：100,000円（ WordPressも対応`）

上記はあくまで目安になります。
正確なお見積もりは、「見積もり・カスタマイズの相談に進む」から
お問い合わせいただいた後に、出させていただきます。

制作の流れ
ヒアリング・お見積もり（まずはご相談ください！）
ご契約（仮払いで契約となります）
お客様よりデザインデータご提供
コーディング・テスト
ご確認・修正（回数無制限）
納品（zipファイルでの納品またはご指定サーバーにアップロードいたします。）

実績
公開・掲載が難しいものがいくつかありますので、大変お手数ですが個別にお問い合わせいただければと思います。

デザイナー様からLPコーディング依頼
制作会社様からWordPress（オリジナルテーマ）のコーディング依頼
個人事業主の方から静的ホームページの修正依頼など
ここまでご覧いただきありがとうございました。
数多くのサービスから私のサービスに興味を持っていただき、嬉しく思います。

もしお任せしていただける場合は【丁寧な対応】、【最高品質】を持って
料金以上の納品物を納品させていただきます。

その為にもまずは詳細なご依頼内容を伺いたいので、
下記の【ご依頼、お問い合わせ】のURLの「見積もり・カスタマイズの相談に進む」から
一度ご連絡ください。
また質問なども同じURLからお問い合わせできますので、お気軽にご相談ください。

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

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

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

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

サービスを閲覧いただきありがとうございます！
Chatwork/backlog/slack/line/電話などお客様のご都合に合わせますので
まずはお気軽にご相談いただければと思います。

○　サービス内容　○
・HTMLの静的ページのコーディング
・JavaScriptを使用した動的な動きのあるページの作成
・WordPressのオリジナルテンプレート作成から特定のテーマに合わせたコーディング
※WordPressは場合によって別途費用がかかる場合がございますのでお気軽にご相談下さい。

○　制作内容　○
単発ページ作成・修正等のスポット対応から
新規サイトコーディング・LP制作なども承っております。
お客様のご要望に沿った対応を致します。

○　- スポット修正　○
作業時間　1時間あたり7500円にて対応させていただいております。
例えば簡単な文字修正　7500円 x 0.25 = 1875円
例えば簡単な画像修正　7500円 x 0.50 = 3750円

○　コーディング費用　○
トップコーディング費　￥20,000～ / 1ページ
・下層コンテンツコーディング費　￥10,000～ / 1ページ
・JavaScriptの実装 → 内容に応じて別途お見積もり
・お問い合わせフォーム設置 → ￥15,000～

・WordPress オリジナルテンプレート作成　￥50,000円～
・WordPress テーマに沿ったサイト制作　※内容によってご相談

※デザインによって金額は変動いたします。
レスポンシブに関しまして、ブレイクポイントの内容により作業量が変動致しますのでご相談出来ればと思います。

○　無料対応　○
・画像圧縮
・WordPressの場合はプラグイン導入は基本無料
※プラグインによるサイトのカスタマイズ作業が発生する場合は別途ご相談させてください。

○　流れ　○
まずはご相談内容をお聞かせください
↓
作業の洗い出しと納品日と金額をお伝えいたします。
↓
問題がなければ、着手致します。
↓
ご確認
※修正は基本無料で対応いたしますが、あまりにも多くの回数だったり仕様の変更等入る場合は
別途ご相談させていただければと思います。
↓
納品
※対応ブラウザは「Chrome/Edge/Firefox・i-os safari/chrome 」としています。

土日祝日の対応も可能なので
まずはお気軽にご相談下さいませ。

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

宜しくお願い致します。