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

ご覧いただきありがとうございます！
Webコーダーのセトと申します。

Lancersでの販売実績がまだ無い為、
販売実績5件まで限定で6,000円～コーディング承ります！

安心してお取引いただけるよう、こまめな進捗報告や迅速なレスポンスを行います。

【サービス概要】
・HTML/CSS(Sass)によるコーディング
・JavaScript(jQuery)によるアニメーション
・レスポンシブ対応
・WordPress化
※デザインは承っておりません

【料金★★販売数10件までの限定価格★★】
・トップページ：6,000円（6,000pxまで）
　6,000pxを超える場合は1,000px毎に+1,000円
・下層ページ：6,000円/1p（6,000pxまで）
　6,000pxを超える場合は1,000px毎に+1,000円
・アニメーション：要相談
　（ホバー/ハンバーガーメニュー/アコーディオンは無料で承ります）
・デザイン無しのレスポンシブ対応
　1,000円/1p

【無料対応】
・レスポンシブ（デザインをご準備いただける場合）
・ファビコン（デザインをご準備いただける場合）
・OGP（デザインをご準備いただける場合）
・基本的なアニメーション（ホバー/ハンバーガーメニュー/アコーディオン）
・WordPress化
・納品前の修正対応（作業着手後の大幅なデザイン変更の場合は追加料金をいただく場合があります）

【サービスの流れ】
1.ご相談・お見積
　デザイン・ページ数等によりお見積りいたします。
2.契約
3.コーディング作業
4.ご確認・修正（修正回数制限なし）
5.最終確認・納品

【納品方法】
・zipファイルの送付
・サーバーへのアップロード
他、ご希望の納品方法があればご相談ください。

最後までご覧いただきありがとうございます！
ぜひご一緒にお仕事させていただければと思います！

デザインをいただいてから、HTML、CSS、JavaScriptでコーディングいたします。
gitの運用も問題ございません。

ホームページ、LP、WordPressなどのコーディング業務はお任せください。
デザイナー様が作成したXD、Photoshopファイルなど、ご提供頂いたデザインデータからコーディングいたします。
作成したデータをzipファイルで送付、または、レンタルサーバーへのアップロードも対応可能です。
出来る限りご要望には柔軟に対応可能ですのでお気軽にご相談ください。

このようなお悩みを解決します。
・コーディング、WordPress構築を依頼できるパートナーを探している。
・デザインはできるがコーディングが苦手。
・リソース不足でコーダーが不足している。

【可能作業】
・HTML、CSSを用いた静的コーディング
・静的サイトからWordPress構築
・WordPressテーマの編集/作成
・各デバイス（スマホ、タブレット、PC）表示対応、レスポンシブ制作
・PC用デザインしかない場合のタブレット、スマホ表示のコーディング。※こちら側でPCデザインを元に表示を調整します。
・ブレイクポイントの追加。
・JavaScript,、jQueryによるアニメーション実装

ボリューム・機能によって納期や料金が変わってきますので、まずはご相談いただければと思います。

【連絡・打ち合わせ可能ツール】
メール、電話、Slackやチャットワーク、zoom/Teams/Google Meet。

【作業の流れ】
(1)ヒアリング：ご契約前の打ち合わせ
(2)お見積り・ご契約：お見積り、納期をご提示させていただき、ご理解とご納得いただけた場合にご購入をお願いいたします。
(3)各データ・情報の共有：制作に必要な資料やデザインデータなど素材ファイルなどのをご提供してください。
(4)制作開始：いただいた資料とデータを元に作業をいたします。
(5)作業完了後、レイアウトや動作検証などご確認ください。
(5)問題がなければ納品となります。

【デザインを忠実に再現いたします】

デザインの世界観を崩さずに、正確にコーディングすることを心がけております。
デザイナー様や、コーディングの手が足りない制作会社様のお手伝いをいたします。

【こちらをお読みになりご注文をお願いいたします】

・対応デザインカンプはPhotoshop、XD、Figmaとなっております。

・納品方法は基本的にファイルでのお渡しとなっております。（サーバーアップでの場合ご相談ください）

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

「デザインデータはあるけどコーディングはどうしよう」
「コーディングだけお願いしたい」
「何も言わずに淡々とコードを書いてほしい」
いう方、お気軽にご相談下さい

Webページをコーディング(ご希望があればスマホ対応も可能です)し、WordPress化致します。

▼サービス内容
・お預かりしたデザインカンプやサイトのコーディング
・静的サイトのWordPress化
・SEOを意識したタグの適切な使用をしたコーディング
・レスポンシブ(スマホ)対応(希望があれば)
・jQueryを使用した簡単な動きはサービスいたします("ハンバーガーメニュー"や"Topへ戻るボタン"など)

▼制作〜納品の流れ
①ヒアリング・お見積もり
→ページ数、動きについてのご相談や使用する画像についてのご相談とお見積もり

②デザインデータや画像データのご共有

③コーディング・テスト
→環境テストはMacでChrom, Safariで行います

④提出・ご確認・修正
→制作物をご確認いただき、修正等伺います

⑤最終確認・納品

▼納期
余裕を持った納期のご提案をさせていただいております。
目安としてはデザインデータをお預かりしてから５日〜２週間ですが、最終的にはご相談にて決めさせていただきます。

納品方法は
・サーバーへのアップロード
・zipファイルでの納品
など、お客様とご相談させていただきます。

▼お取引後のアフターケア
修正を納品から1週間までを無料にて対応させて頂きます。
お気軽にご連絡ください。

購入にあたってのお願い
▼デザインとサイトに使用する画像素材は全てお客様でご準備をお願いいたします。
・画像加工には対応できませんのでご了承くださいませ。
・デザインデータは、Illustrator / Photoshop / Adobe XD / に対応しております。

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

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

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

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

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

あなたのブランドに、一目惚れのデザインを。ミニマルでおしゃれなWebサイトで、お客様を魅了します。

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

Webサイトのデザインが古く、ブランドイメージが伝わらない。ターゲット層に響くWebサイトがない。スマホ対応ができていないため、顧客を逃している。

発注の流れ

お問い合わせ
まずはお気軽にご相談ください。Webサイトの目的やイメージ、ご予算などをお伺いします。

企画提案・お見積もり
ヒアリング内容をもとに、最適なプランとお見積もりをご提案します。デザインの方向性やコンテンツについてもご相談可能です。

制作開始
ご契約後、速やかに制作を開始します。進捗状況は随時ご報告し、お客様のフィードバックを反映しながら進めます。

納品・公開
完成したWebサイトをご確認いただき、修正点があれば対応します。ご納得いただけたら納品となります。

対応範囲・価格

HTML/CSSコーディング：3万円〜
基本的なHTML/CSSコーディング。既存デザインの修正や簡単なWebページの作成に最適です。

レスポンシブWebサイト制作：5万円〜
レスポンシブ対応込み。スマホ、タブレット、PCなど、あらゆるデバイスで美しく表示されるWebサイトを制作します。

Figmaからのコーディング：8万円〜
Figmaからのコーディング。デザインデータを忠実に再現し、高品質なWebサイトを制作します。アニメーションやインタラクションも追加可能です。

納期

最短1週間

制作の流れ

ヒアリング
お客様のWebサイトの目的やターゲット層、ブランドイメージなどを詳しくヒアリングします。

デザイン
ヒアリング内容をもとに、Webサイトのデザイン案を作成します。お客様のフィードバックを反映しながら、デザインを決定します。

コーディング
決定したデザインをもとに、HTML/CSS/JavaScriptなどを使ってWebサイトをコーディングします。

テスト・修正
完成したWebサイトをテストし、動作確認を行います。必要に応じて修正を行い、最終的な納品物を完成させます。

サービス内容

ミニマルでおしゃれなWebサイトを、丁寧にコーディングします。HTML/CSS/JavaScriptを使用し、レスポンシブ対応も可能です。Figmaからのコーディングも承ります。

「Webサイト、なんか古臭い…」そう思っていませんか？
せっかく素敵な商品やサービスがあるのに、Webサイトのせいで魅力が伝わらないなんてもったいない！

丁寧・正確・おしゃれなコーディングで、あなたのWebサイトを今っぽくアップデートします。
ミニマルでおしゃれなデザインは、ターゲット層に響き、ブランドイメージを向上させます。

「どこに頼めばいいかわからない…」「予算が心配…」そんな方もご安心ください。
お客様のご希望に合わせて柔軟に対応し、理想のWebサイト作りを一緒にお手伝いします。

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

デザインカンプを完璧に再現し、動的なWebサイトを迅速に構築。WordPressのオリジナルテーマ開発もお任せください。

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

デザインカンプを忠実に再現できるコーダーが見つからない。Webサイトの動きが少なく、ユーザーのエンゲージメントが低い。WordPressのテーマが古く、セキュリティが心配。

発注の流れ

ヒアリング
お客様のデザインカンプ、Webサイトの目的、ご要望などを詳しくお伺いします。

企画提案
ヒアリング内容に基づき、最適なコーディングプラン、アニメーション、WordPressテーマをご提案します。

お見積もり・ご契約
お見積もりをご確認いただき、ご契約となります。

制作開始
コーディング、アニメーション実装、WordPressテーマ開発を開始します。進捗状況を随時ご報告いたします。

最終確認
完成したWebサイトをご確認いただき、修正点があれば修正します。

納品・公開
Webサイトを納品し、公開をサポートします。

対応範囲・価格

HTML/CSSコーディング：30,000円～
デザインカンプを基に、HTML/CSS/JavaScriptでWebサイトをコーディングします。レスポンシブ対応で、PC、スマホ、タブレットなど、あらゆるデバイスで美しい表示を実現します。
jQueryを使用して、Webサイトに動きのあるアニメーションを追加します。スクロールエフェクト、フェードイン、スライダーなど、ユーザーの目を引く効果的なアニメーションを実装します。

WordPressオリジナルテーマ開発：120,000円～
WordPressのオリジナルテーマを開発します。カスタムフィールド、カスタムタクソノミー、検索機能など、お客様のニーズに合わせた柔軟なテーマを作成します。SEO対策、セキュリティ対策も万全です。

納期

14日～30日

制作の流れ

要件定義
お客様からデザインカンプ、Webサイトの目的、ご要望などをいただき、詳細な仕様を決定します。

コーディング・アニメーション実装
仕様に基づき、HTML/CSS/JavaScriptでコーディング、jQueryでアニメーションを実装します。

WordPressテーマ開発
WordPressのオリジナルテーマを開発します。カスタムフィールド、カスタムタクソノミー、検索機能など、お客様のニーズに合わせた柔軟なテーマを作成します。

テスト
作成したWebサイトをテスト環境で確認します。PC、スマホ、タブレットなど、あらゆるデバイスで正しく表示されるか、アニメーションが正常に動作するかなどを確認します。

お客様確認
お客様にテスト環境でWebサイトをご確認いただき、フィードバックをいただきます。

修正
お客様からのフィードバックに基づき、修正を行います。

納品・公開
完成したWebサイトを納品し、公開をサポートします。

サービス内容

デザインカンプを忠実に再現し、JavaScript/jQueryで動きのあるWebサイトを構築。WordPressのオリジナルテーマ開発も可能です。IT業界の企業様向けに、高品質なWebサイト制作・改善をサポートします。

私は、デザインカンプの正確な再現を得意としており、JavaScript/jQueryで動きのあるWebサイトを構築できます。また、WordPressのオリジナルテーマ開発も可能です。

デザインの意図を損なわずに、ユーザーエンゲージメントの高いWebサイトを迅速に構築します。

どうぞお気軽にご相談くださいませ！

デザインデータ(XD)からHTML/CSSコーディングとWordPress構築で、集客力とブランド力を高めます！

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

更新の煩雑さ、スマホ対応の遅れ

発注の流れ

ヒアリング
お客様の課題やご要望を丁寧にヒアリングします。理想のウェブサイト像を共有しましょう。

プラン提案・お見積もり
ヒアリング内容に基づき、最適なプランとお見積もりをご提案します。納得いただけるまでご説明します。

制作開始
ご契約後、迅速に制作を開始します。進捗状況は随時ご報告し、お客様と密に連携します。

納品・公開
完成したウェブサイトをご確認いただき、修正点があれば対応します。ご納得いただけたら納品完了です。

対応範囲・価格

HTML/CSSコーディング：1万円〜
HTML/CSSコーディング：既存デザインを忠実に再現し、スマホ対応も実現します。

WordPressサイト構築：1.5万円〜
WordPressサイト構築：オリジナルテーマで、他社と差別化されたサイトを構築します。

WordPressサイト改修：1万円〜
WordPressサイト改修：デザインの修正、機能追加、幅広く対応します。

各種フォーム作成：0.5万円〜
各種フォーム作成：お問い合わせフォーム、資料請求フォームなど、用途に合わせて作成します。

納期

最短1週間

制作の流れ

構成設計
お客様からご提供いただいた情報や素材を基に、ウェブサイトの構成を設計します。

コーディング・テーマ作成
構成設計に基づき、HTML/CSSコーディング、WordPressテーマ作成を行います。

コンテンツ投入・動作確認
WordPressにコンテンツを投入し、動作確認を行います。

お客様確認・修正
お客様にウェブサイトをご確認いただき、修正点があれば対応します。

サービス内容

HTML/CSSコーディング、WordPress構築、サイト改修、フォーム作成など、ウェブサイトに関するあらゆる業務を承ります。

「ウェブサイトをリニューアルしたいけど、何から始めたらいいかわからない…」そんなお悩みはありませんか？

私は、HTML/CSSコーディングとWordPress構築の経験を活かし、お客様のウェブサイトを「売れるウェブサイト」に変えるお手伝いをします。

お客様のウェブサイトを、集客力とブランド力を高めるための強力なツールにしませんか？

お店のホームページ制作します

• 食べログやぐるなびなどの検索サイトやSNSだけでは不安
• Googleマップにオリジナルサイトをリンクさせたい
• 何をどうしたらいいかわからない
• お金はあまりかけられない

というお悩みの方、まずはご相談ください！

【何をどうすればいいかわからない方歓迎】
自分のお店のホームページを持ちたいけど「何からすればいいのか」「何を用意したらいいのか」「そもそもパソコンもない」などといった、お悩みのある方も多いと思います。
そうした「何をすればいいのかわからない」方のお役に立ちたく始めました。
なので面倒な手続きは不要です。基本的なことは全てこちらでご用意いたしますので、サイト上に掲載したいことをお伝えいただくだけでも構いません。

【過去の経歴】

• HTML、CSSでのコーディング
• Wordpressでの構築
• ウェブデザイン
• ロゴデザイン
• チラシ、ポップデザイン
• 看板デザイン
• Youtube向け動画制作

【制作したことのあるサイト】

• 不動産会社
• カラオケ店
• 飲食店
• ショッピングモール
• 芸能人ファンサイト
• コーポレートサイト
• キュレーションサイト

お店以外のWEBサイトももちろんOKです。

ココナラでの実績100件以上

ランサーズは始めてからまだ少ししか経っておりませんがココナラではすでに100件以上の実績がございます！（検索いただければ同じロゴを使用していますのでわかるかと思います。）またフリーランスとして活動する前からの実績を合わせると300件以上ご対応させていただいております！
安心してご利用くださいませ。

Webデザイナー様、Web担当者の方へ

ページをご覧いただきましてありがとうございます。
当サービスはホームページやLPのWebサイトの修正や更新、新規ページのコーディングなど
Webサイトのお困り事を解決するサービスです。
ご相談を検討される方は必ず全文をお読みいただけますようお願いいたします。

こんな方におすすめです！

• 忙しくてコーディングを外注したい方
• デザインはできるけどコーディングは難しい方
• 格安で以前依頼したけど満足できる内容じゃなかった方

ご提供内容

HTML・CSSの静的コーディング

jQuery/JavaScriptの実装

CSSアニメーション

WordPressの構築(オリジナルテーマ制作 / カスタマイズ)

基本料金内でご対応させていただくこと

レスポンシブ対応

SEO対策

テスト環境構築
軽度なJavaScriptの機能実装（スライダー、アコーディオン、ハンバーガーメニュー）

制作の流れ

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

ご購入に関する注意

ご依頼していただく場合は上記金額にシステム手数料（5.5%)がかかりますので
ご依頼していただく前にぜひご確認くださいませ。
詳しくは下記URLにてご確認ください。
https://www.lancers.jp/faq/A1034/936

主にHTML/CSSコーディング承ります。
テンプレートを利用したサイト作成も安価で行っております。

▼予算は抑えたいが、ある程度の完成の高いサイトを作成したい個人事業主、小規模企業におすすめです。
▼HTML/CSSコーディング, WordPress導入, サイト管理,
▼ご購入の流れ打ち合わせ
ヒアリング
ミーティング（オンライン）にて希望するデザインや機能などについて詳細に話し合います。
　　　　　↓
提案、見積の作成
提案書や見積もりを作成します。(概要、スケジュール、費用、使用する技術等)
　　　　　↓
見積もりの提示
内容や予算について見積を提出いたします。必要に応じて調整を行います。
　　　　　↓
契約の締結
合意が得られたら、契約書を作成し、双方の署名を得て正式に作業を開始します。
　　　　　↓
制作フェーズ
制作中、進捗確認をさせていただきます。
　　　　　↓
納品
ご確認いただき、問題なければ、納品させていただきます。

料金や目安となります。ご相談くださいませ。

▼こんな方へおすすめ
とにかく安価にホームページを作成したいと考えている方

▼やすくできるための理由
テンプレートを利用した作成のため、安く作成ができます。

▼サーバーへのアップロード
サーバーへのアップロードはお客様にてお願いいたします。
サーバー構築、サーバーへのアップロードをご希望のお客様は、別料金にはなりますが対応可能ですので、おっしゃってください。

▼注意事項
テンプレートを使用していますので、内容確認時点では著作権表示があります。
著作権表示は、ご入金後に、削除いただくことが可能です。(削除したものを納品させていただきます)

▼こんな方へオススメ

既に要件・設計書・デザインがあり、実装だけ依頼したい方

LP/企業サイト/既存改修/EC画像の高画質化を短納期で進めたい方

▼ご提供内容

設計書・デザインに基づく HTML/CSS(SCSS)/JavaScript/TypeScript のコーディングを行います。

レスポンシブ対応・軽量化・アクセシビリティの基本対応を実施します。

簡易フォーム、バリデーション、モーダル、スライダー等のUI実装を行います。

画像最適化（EC向け高画質化／圧縮／遅延読込）を実施します。

SEO基礎設定（title/description/OGP/サイトマップ）を行います。

デプロイ支援（Vercel/Netlify 等）や DNS 設定をサポートします（プラン／オプションにより対応します）。

▼ご購入後の流れ

要件・設計書・デザインデータ（Figma/PSD/XD）・素材をご共有いただきます。

スコープ・納期・修正回数・成果物形式を事前合意します。

初稿を納品します（目安：ベーシック3〜5営業日、スタンダード5〜7営業日、プレミアム10〜14営業日）。

レビューと修正対応を行います。

最終納品（ZIP/Git／公開作業）を行います。

▼制作可能なジャンル

LP、企業サイト、採用ページ、商品ページ、技術ブログ、簡易ダッシュボードに対応します。

▼技術スタック

HTML/CSS(SCSS)、JavaScript/TypeScript、jQuery、Next.js（SSG中心）、Node.js（軽微）、SQL（表示用クエリ）、Python（データ処理補助）に対応します。

Git/GitHub、VSCode、Figma 等のツールに対応します。

▼料金プランやオプション

ベーシック：1ページのコーディング＋修正2回に対応します。

スタンダード：1〜3ページ＋簡易JS/フォーム＋修正3回に対応します。

プレミアム：3〜5ページ＋簡易API/DB連携・デプロイ＋修正5回に対応します。

▼納期

要件の明確さと素材支給の有無で変動します。短納期も可能な範囲で調整します

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

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

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

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

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

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

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

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

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

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

【丁寧なコーディングで魅せる】デザイン通りに仕上げるWebページを制作します

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

・デザインと違う仕上がりにがっかりしたことがある
・スマホで崩れてしまうページに困っている
・小さな修正を頼みにくくて放置しているページがある

私のコーディングは「伝わる」「崩れない」「丁寧」をモットーに、
見る人にも使う人にもやさしいWebページを、ひとつひとつ丁寧に仕上げます。

HTML/CSS/JavaScriptを用いた、シンプルで整った、見た目も中身もきれいなコードを提供いたします。

サービス内容

・HTML/CSSコーディング（PC・スマホ対応／W3C準拠）
・LP（ランディングページ）の制作
・簡単なJS実装（アコーディオン・ハンバーガーなど）
・既存サイトの表示崩れの修正対応

※WordPressテーマの編集などは、現在勉強中です。
将来的には対応予定ですが、現時点ではHTML/CSSを中心とした内容に限らせていただきます。

発注の流れ

【お問い合わせ】
まずはお気軽にご相談ください。Webサイトの現状、課題、ご要望などをヒアリングします。

【企画提案・お見積もり】
ヒアリング内容をもとに、最適なコーディングプラン、お見積もりをご提案します。

【ご契約】
ご提案内容にご納得いただけましたら、正式にご契約となります。納期、スケジュールなどを改めて確認します。

【制作開始】
コーディング作業を開始します。進捗状況を随時ご報告し、お客様と密に連携を取りながら進めます。

【ご確認・修正】
完成したWebページをご確認いただき、修正点があれば柔軟に対応いたします。

【納品・アフターサポート】
最終確認後、データ一式を納品いたします。納品後のご質問や微調整もお気軽にご相談ください。

対応範囲・価格

HTML/CSSコーディング（1ページ）：¥8,000〜
丁寧な手作業で、正確かつ美しいコードをご提供します。

LPコーディング（1ページ・動きあり）：¥20,000〜
集客・CVRアップに貢献する、魅力的なページを制作します。

複数ページ対応（3〜5P程度）：¥25,000〜
複数ページのサイト全体を整った構成でコーディングいたします。

Webサイト保守・更新：¥10,000〜/月
既存サイトの更新・表示崩れの修正・軽微な調整などを継続的にサポートします。

表示崩れ・修正対応（既存ページ）：¥5,000〜
既存ページの調整やエラー修正など、部分的な対応も可能です。

※実際の価格は、デザインデータの有無・ページ構成・実装内容によって変動いたします。

納期

内容により異なります。お気軽にご相談ください。

丁寧で誠実な対応を心がけています。
「ちょっとだけ相談したい」「こんなことも頼めるかな？」という段階でもお気軽にご相談ください。

ご一緒に、思いをカタチにするお手伝いができれば嬉しいです。

ご覧いただきありがとうございます！
3S code　代表　庄司　雅幸です。

当事業所はコーディング業務を主に請け負っており、
現在はWeb制作会社様と提携し業務をしております。

■基本料金に含まれるもの
HTML / CSSを使用した静的コーディング
レスポンシブ対応(スマホ)
テスト確認用サーバーの設置
お問い合わせフォーム（見た目のみ）
ハンバーガーメニュー
タブメニュー
スライダー

■基本料金に含まれないもの
スマホ用デザインがない場合のレスポンシブ対応

■動作確認
Chrome, Firefox, Safari

■納期
7〜14日程度で納品が可能です。
※稼働状況やページ内容により変動します。
※品質重視のため長めに納期を頂いております。

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

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

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

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

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

国内美容系企業、パーソナルジム、ITコンサル事業会社などのホームページやコーポレートサイト制作経験を活かしてWordPressの「Snow Monkey」や「TCD」テーマを組み込んだ、ホームページを制作いたします！

Web周りの知識が0の方でも大歓迎です！
制作後の期間限定のサポートやご自身でも簡単に更新を行えるホームページにいたします。
お客様の「事業拡大に繋げる」ために尽力いたします

現在の状況や今後の展開を見据えた最適なプランをご提案させて頂きます！

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

よろしくお願いします。

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

内容

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

「面倒なコーディング代行します！！」

この度は、数多くのサービスの中から私のサービスをご覧頂きありがとうございます。
制作会社様・コーディングを外注したいデザイナー様向けにホームページを制作させて頂きます！

オンライン上でのコミュニケーションが主流になっている昨今、ホームページは会社のWEB上での「名刺」でもあると心得ています。シンプルで見やすいサイト構成で、作って終わりのWebサイトではなく、ビジネスのその先まで見据えたサイト構築を共にできればと思っております。

些細な質問でも結構です。まずはお気軽にご相談ください！

●このようなお悩みはありませんか？
「社内の制作リソースが足りない。」
「デザインはできるけどコーディングが苦手」
「 長期的に付き合えるコーダーを探している」
など様々なお悩みがあると思います。
そうした、あなたのパートナーとなって、問題解決となるサイトを作成いたします。

●サービスの特徴
・低予算かつ短納期で制作が可能
→私は現在クラウドソーシング上では駆け出しのため、実績作りのためにも金額設定を他社様より柔軟に対応しております。

・WordPressの導入によりクライアント様でも簡単に更新・修正が可能（オプション）
→オプションですが、WordPressの導入も対応してます。

●使用言語
HTML、CSS(SCSS/BEM)、JavaScript(jquery/GSAP)

●開発環境・ツール
Windows、VSCode、node.js(gulp/webpack)
PhotoShop、Figma、XD

●全プラン共通の搭載機能
☑スマホ対応
☑基本的な内部SEO対策（集客対策）
☑お問い合わせフォーム
☑SNSへのリンク対応
☑GoogleマップやYouTubeの埋め込み対応
☑セキュリティ対策

●実績
制作実績をご紹介しておりますので、ご覧下さい。

URL
https://bit.ly/3Jt2kf8
※ランサーズの仕様上、直接リンクを貼れないためコピーして確認お願いします。

●ご契約後の流れ
①事前のヒアリング/ミーティング
ご契約前にヒアリングをさせて頂き、作業量・納期から正式お見積もり金額お伝えさせていただきます。

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

③制作を開始します。

④テスト環境にて制作物の確認（2回まで修正対応）　
　全ページが完了した段階で初稿を提出します。　修正があれば都度対応させて頂きます。

⑤最終確認

⑥本番環境で公開（納品）

ここまでお読みいただきありがとうございます。
お声がけいただけましたら大変嬉しく思います。
下記に私自身の自己紹介を載せておきます。

自己紹介

4年制大学卒業後、営業・テクニカルサポートの仕事に従事しました!
業種問わず、計500名以上の事業者様のキャッシュレス決済の導入サポートを担当しました。
機械を初めて利用するご高齢の事業主様にも定評を頂いております。
その際に学んだ、丁寧な対応とやり切る精神を活かし、
現在はコーダーとして活動しております。

趣味：音楽鑑賞・弾き語り・作詞作曲・散歩・街巡り

「デザインを忠実に再現！LP制作・コーディング代行（レスポンシブ対応可）」

サービス内容
「デザインをWebサイトにしたい」「スマホでも見やすいLPを作りたい」そんなお悩みを解決します！
HTML/CSS/JavaScriptを使ったコーディングが得意なKouji Watanabeと申します。
デザインを忠実に再現したLP制作やコーディング代行を承ります。
レスポンシブ対応も得意で、スマホやタブレットでも快適に閲覧できるサイトをお届けします！

こんな方におすすめ
・デザインはあるけどコーディングができない方

・スマホ対応のLPを低予算で作りたい方

・既存サイトの修正を頼みたい方

対応可能な内容
・LPのコーディング（HTML/CSS/JavaScript）

・レスポンシブ対応（スマホ・タブレット対応）

・フォームの実装（PHPでの送信処理対応可）

・サイトの軽微な修正（テキスト変更、色変更など）

実績
・カフェサイトやトップページの制作経験あり（ポートフォリオ: https://koujiwatanabe.com/DanranCoffee/topPage_pc.html#）

・コーディング歴約1年ですが、丁寧な仕事でクライアントの期待に応えます。

価格の目安
・1ページ（5セクション程度）: 10,000円〜

レスポンシブ対応: ＋1,000円

フォーム実装: ＋1,000円

納期の目安
1ページ: 3日〜7日

修正対応: 1日〜2日

ご注意
・デザインはご用意ください（デザイン作成は対応不可）。

複雑なアニメーションやバックエンド開発は要相談。

メッセージ
納期厳守、丁寧な対応をお約束します！
デザインを忠実に再現し、使いやすいLPをお届けします。
お気軽にご相談ください！

デザインから実装まで、あなたのWebサイトをトータルサポート！

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

Webサイトのデザインはあるけど、コーディングしてくれる人がいない。デザインと実装で担当者が分かれていて、連携がうまくいかない。

発注の流れ

お問い合わせ
まずは、お客様のご要望を詳しくお聞かせください。Webサイトの目的やターゲット、デザインのイメージなど、お気軽にご相談ください。

企画提案・お見積もり
お客様のご要望を基に、最適なプランをご提案いたします。お見積もりもご提示いたしますので、ご納得いただけましたらご契約となります。

制作開始
デザインデータをご提供いただき、コーディング作業を開始いたします。進捗状況は随時ご報告いたしますので、ご安心ください。

納品・公開
完成したWebサイトをご確認いただき、修正点などございましたらお気軽にお申し付けください。修正後、納品となります。

対応範囲・価格

Webサイト コーディング代行：3万円〜
HTML/CSS/JavaScriptを使用した、Webサイトのコーディング代行を承ります。デザインデータからのコーディングはもちろん、レスポンシブ対応も可能です。

WordPress導入・カスタマイズ：5万円〜
WordPressの導入・カスタマイズを承ります。お客様のご要望に合わせたテーマの選定、プラグインの導入、SEO対策など、幅広く対応いたします。

Webサイト UI設計：3万円〜
WebサイトのUI設計を承ります。Adobe XD/Figmaを使用し、お客様のWebサイトのユーザビリティ向上に貢献いたします。

HTMLメール制作：1万円〜
HTMLメールの制作を承ります。キャンペーン告知や、メルマガなど、お客様の目的に合わせたHTMLメールを制作いたします。

納期

1週間〜

制作の流れ

素材準備
お客様からいただいたデザインデータを基に、コーディングに必要な素材を準備いたします。

コーディング
HTML/CSS/JavaScriptを使用し、Webサイトのコーディングを行います。レスポンシブ対応も行います。

テスト・修正
コーディングしたWebサイトをテスト環境で確認し、動作確認や表示崩れがないかなどをチェックします。

納品
完成したWebサイトをお客様に納品いたします。納品後も、Webサイトの運用に関するご相談を承ります。

サービス内容

Webサイトのコーディング代行、WordPress導入・カスタマイズ、UI設計、HTMLメール制作など、Webサイト制作に関わる業務を幅広く承ります。

Webサイトのコーディング、デザイン、UI設計でお困りではありませんか？
デザインはあるけどコーディングができない、Webサイトをリニューアルしたいけど何から始めればいいかわからない...
そんなお悩みをテックウィングが解決します！
デザインから実装まで一貫してサポートすることで、お客様の理想のWebサイトを実現します。
コーディング代行、WordPress導入、UI設計、HTMLメール制作など、Webサイト制作に関わることなら何でもお任せください。
まずは、お気軽にご相談ください！

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

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

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

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

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

サービス内容
サービスについて
ご覧いただきありがとうございます。
ご相談等いつでもお受けしていますのでお気軽にご連絡ください。

◆作業内容
・HTML/CSSを用いたコーディング
・JavaScriptを用いた仕掛けの実装(ハンバーガーメニュー、スライダー、アコーディオン etc)
・お問い合せフォームの実装
・レスポンシブ対応
・WordPress化対応(カスタム投稿・カスタムフィールドの実装、カスタマイズ)

◆料金表
<基本料金>
・TOPページのコーディング -　10,000円〜
・下層ページのコーディング(1P) -　5,000円〜
・LPサイト制作 -　38,000円〜
・WordPressサイト制作 -　80,000円〜

※金額はあくまで目安です。作業量により増減しますので詳しくはご相談ください。
　また、ご予算に応じて調整など柔軟に対応いたします。

<オプション>
・JavaScriptを用いた仕掛け実装 -　5,000円〜
・お問い合せフォーム -　12,000円〜
・サーバー/ドメイン取得代行 -　5000円

<無料オプション>
・レスポンシブ対応
・SEO対策
・サイトの軽量化(画像圧縮やコーディングファイル圧縮による表示速度の高速化)
・Googleアナリティクス連携
・Googleサーチコンソール連携
・スパム対策(reCAPTCHA)
・セキュリティ対策 ※WordPressの場合

◆制作の流れ
①ヒヤリング(※ご依頼や困りごとの内容などお聞かせください)
↓
②お見積り
↓
③デザインのご提供 ※デザインから作成の場合は除く
↓
④コーディング
↓
⑤テスト＆ご確認、修正
↓
⑥最終確認、納品

※納品方法についてはご希望があればお申し付けください

◆納期について
3日〜2週間ほどお時間をいただいております。
作業量により変わってきますが、ご希望があればご相談ください。

◆実績
クラウドソーシングで主に活動しており対応件数は下記の通りです。
※ポートフォリオについてはプロフィールよりご覧ください

・ランサーズ： 7件
・ココナラ：　12件
・クラウドソーシング：　1件

◆ひとこと
納期やご予算につきましては柔軟に対応しますのでご相談ください。
購入にあたってのお願い
・基本的にはデザインや画像素材、テキストなどはお客様でご用意をお願いします。
・テキストはコピー＆ペーストできるものでご準備をお願いします。
・サーバー/ドメインについてはお客様でご契約ご準備ください。
　※サポートが必要な場合は遠慮なくご相談ください

Web制作のコーディングをいたします。

【可能な業務】
・word pressの導入・サイト構築
・コーポレートサイト作成
・LPページ作成
・レスポンシブサイト
・SEO解析
などを得意としております。

【使用言語】
・HTML
・CSS/Sass
・PHP
・Javascript/jquery

サービスについて
ご覧いただきありがとうございます。
サイトのちょっとした困りごと解決を目的にサイト修正承っております。
「サイトの雰囲気を変えたい」や「こうゆう機能が欲しい」、「なんか表示がおかしい」など
ちょっとした困りごとがあれば、ご相談等いつでもお受けしていますのでお気軽にご連絡ください。

◆作業内容
・新規ページ追加
・既存ページの内容変更(テキストや画像、デザイン変更)
・ブログ機能の追加
・お問い合せ機能追加
・JavaScriptを用いた仕掛け追加（スライダーやアコーディオン、モーダルウィンドウ）
・レスポンシブ対応
・WordPress化対応(カスタム投稿・カスタムフィールドの実装、カスタマイズ)

◆料金表
<基本料金>
・一部カスタマイズ(見出しなど一部パーツの装飾) -　2,000円〜
・既存ページの修正(テキストや画像、デザイン修正) -　2,000円〜
・JavaScriptを用いた仕掛け実装 -　5,000円〜
・新規ページ追加(1P) -　10,000円〜
・お問い合せフォーム -　12,000円〜
・WordPress化 -　30,000円〜

※金額はあくまで目安です。作業量により増減しますので詳しくはご相談ください。
　また、ご予算に応じて調整など柔軟に対応いたします。

◆制作の流れ
①ヒヤリング(※ご依頼や困りごとの内容などお聞かせください)
↓
②お見積り
↓
③サイト修正作業
↓
④テスト＆ご確認、修正
↓
⑤最終確認、納品

※納品方法については柔軟に対応可能ですのでご希望があればお申し付けください

◆納期について
3日〜2週間ほどお時間をいただいております。
作業量により変わってきますが、ご希望があればご相談ください。

◆実績
クラウドソーシングで主に活動しており対応件数は下記の通りです。
※ポートフォリオについてはプロフィールよりご覧ください

・ランサーズ： 7件
・ココナラ：　12件
・クラウドソーシング：　1件

◆ひとこと
納期やご予算につきましては柔軟に対応いたしますのでご相談ください。
購入にあたってのお願い
・基本的にはデザインや画像素材、テキストなどはお客様でご用意をお願いします。
・テキストはコピー＆ペーストできるものでご準備をお願いします。
　※サポートが必要な場合は遠慮なくご相談ください

ご覧いただきありがとうございます。
お気軽にご相談下さい。

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

・リッチなサイトにコーディングしてほしい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タグを使用します。

サービスを閲覧いただきありがとうございます！
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 」としています。

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

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

宜しくお願い致します。

ご提供内容

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

こんな方へオススメ

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

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

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

ご購入後の流れ

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

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

柔軟に内応可能です

▼こんな方にオススメ
・多忙でコーディングまで手が回らない方
・デザインに集中されたい方
・お店のホームページを出したい方

▼ご提供内容
・ご用意頂いたデザインデータからコーディングを行います。
・ご希望により、WordPressオリジナルテーマで実装いたします。

▼制作可能なジャンル
・HP
・ライティングサイト
・figmaによるデザイン
・WordPressオリジナルテーマ制作

▼料金プランやオプション

・デザインからのWebサイト制作

　料金
　・デザインのみ（バナー）5,000円〜
　・ライティングページ　30,000円〜
　・ 下層ページ　　　　　10,000円〜
　・ WordPress化　　　　10,000円〜

・Webサイト制作
　ご用意頂いたデザインカンプからWebサイトコーディングを行います。
　ご要望により、デザインからコーディング、WordPress化まで実装可能です。
　レスポンシブにも対応いたします。
　まずは些細なことでも、お気軽にご相談ください。

　料金
　・コーポレートサイト 20,000円〜
　・ライティングページ 20,000円〜
　・ トップページ 10,000円〜
　・ 下層ページ 5,000円〜

印刷会社、デザイン会社でDTP業務をしていた経験を活かして、デザイナーさまに寄り添ったコーディングをいたします。
また、円安により海外との取引を検討している企業さまに必要な、英語翻訳、アメリカ人のプロライターによる英語の校正も同時に承ることが可能です。

【こんな方におすすめします】
デザイン会社さま、デザイナーさま、コーダーが必要な制作会社さま

【提供可能なこと】
・HTML、CSS、jQueryを使ったコーディング
・保守しやすいBEMによるCSS設計
・Gulpを使用したSassでのコーディング
・WordPressの導入、構築

【コーディング以外でできる事】
・バナー、パーツ作成
・簡単なイラスト作成
・Photoshopによる画像加工
・名刺、チラシなどの印刷物の作成
・記事の英語翻訳（パートナー翻訳家、ネイティブのライターがいます）

【作業の流れ】
ご依頼の内容を詳しくお聞かせください。
↓
納品日の目安、お見積もりに問題なければ、発注をお願いいたします。
↓
写真、テキストなどのサイトに必要な素材があればお送りください。
↓
作業開始
↓
コーディング後、確認をいただきます。
３回まで無料で修正対応いたします。
↓
納品

ここまで読んでいただきましてありがとうございます！
DTPで培った細部にこだわった作業、
迅速丁寧なコミュニケーション、レスポンス、進捗報告、
そして納期厳守を心がけています。

ご不明な点がございましたら、お気軽にお問い合わせください。

【こんな方へおすすめします】

・自社のWebサイトを制作したい中小企業のオーナー様
・Webサイトのデザイン、イメージはあるけどコードをかけない方
・ブログやポートフォリオを作りたい個人の方
・wordpressの専門知識がなく、プロの手助けが必要な方

【金額について】

・提案、ご相談は無料で受けさせていただきます。お気軽にご相談いただけたらと思います。
・パッケージの料金を基本として、作業内容により多少の増減をいたしますことをご了承下さい。
・ヒアリング、提案と見積もりが完了し双方納得いただけた場合、着手金としてお見積りの2割程度お支払いいただきます。
・パッケージ外の提案も受けさせていただきます。
→既存サイトの修正:3000円〜
→wordpressサイトの保守、更新:5000円〜
→webサイトのデザイン修正、変更:10000円〜

【購入後の流れ】

ヒアリング: お客様のニーズや要望を詳しくお伺いします。ウェブサイトの目的、ターゲット層、必要な機能などをお聞きします。

提案と見積もり: ヒアリング内容に基づいて、最適なプランと具体的な提案書を作成し、見積もりとともにご提示します。

契約: 提案内容にご納得いただけましたら、契約を締結し、着手金をお支払いいただきます。

デザイン案の提示: サイトの全体的なデザイン案をご提示し、ご確認いただきます。必要に応じて修正を行います。

開発作業: 承認されたデザインに基づいて、サイトの開発を進めます。定期的に進捗報告を行い、フィードバックを反映します。

テストと調整: 完成したサイトの動作確認を行い、必要に応じて調整します。

納品とレクチャー: 完成したサイトを納品し、管理画面の操作方法などについてレクチャーを行います。
アフターサポート: 納品後1ヶ月間は、軽微な修正や操作方法のサポートを無償で提供します。

ごあいさつ

この度、数ある中からサービスの中から見て下さり、
ありがとうございます。

私、コーディング・WordPress構築をメインに
Webサイト制作専門のコーダーとして活動しております
「なかがわ」と申します。

現在、制作会社様2社さまとフリーのディレクター様と
業務提携を結ばせていただき、お仕事をさせていただいております。

私がご提供できること

ーーーーーーーーーーーーーーーーーーーーーーーーーー
公開前終盤の細かい修正や、追加のコーディングなど
クライアントのこだわりにとことん寄り添って、
何度も、何度も、何度でも、スピード対応でお応えします！

初稿2日前、納品1日前で制作サイトを
お渡しさせていただきます！
もちろん品質も、しっかり仕上げます！

短い納期のご依頼には、睡眠1〜3時間！！
お客様の人生を背負って、ご対応しますので、
安心してお任せ下さい！
ーーーーーーーーーーーーーーーーーーーーーーーーーー

サービス内容

・静的コーディング
・LPのコーディング
・レスポンシブ対応
・アニメーションの実装
・WordPress構築

スキル

■HTML/CSS / Sass（DartSass）
・デザインを忠実にコーディングいたします。
・CSS設計手法（BEM・FLOCSS）を使用した保守性の高いコーディングを
　実装することで、追加・修正をしても崩れにくいコードを提供いたします。
・画面幅を変更しても、各デバイスで表示崩れが無いように
　レスポンシブ対応いたします。

■jQuery / JavaScript
　jQeruyやJavaScriptプラグインを用いたアニメーションの実装
　モーダル、アコーディオンやスライダーなどを用いて、
　サイトに躍動感をもたせることができます。

■Gulp
　タスクランナーを使用して、煩雑な業務を自動化することで、
　納期を短縮することが可能です。

■WordPress
　オリジナルテーマの構築、カスタマイズ。
　お問い合わせページの実装や、
　カスタム投稿、カスタムフィールドを使用した実装により、
　お客様のご要望に寄り添った唯一のWebサイトを構築する
　ことが可能です。
　
■Photoshop
　画像の加工やトリミングなど、かんたんな業務であれば可能です。
　細かな業務でもお任せください。

ご依頼からの流れ

①「まずは相談する（無料）」より、ご依頼内容を詳しくお聞かせください。
　納期の日程や、具体的なお見積りをさせていただきます。

②事前のお打ち合わせ
　ご契約前に仕様の相違がない様に事前にお打ち合わせをいたします。

③ご契約・作業着手
　デザインデータ、写真やテキストなどの素材データをお送りください。
　進捗状況はチェックシートを共有させていただきます。
　こまめにご報告をしながら、一緒に制作を作り上げていきます。

④ ご確認（テスト環境）
　 コーディング完了後、品質チェックを行い、ファイルとチェックシートを
　送らさせていただきます。

⑤ 修正
　ご確認をいただき、修正箇所があれば対応いたします。
　※大幅なデザイン変更は追加料金をいただく場合がございます。

⑥ 納品
　 修正が完了いたしましたら、zipファイルデータを納品いたします。
　 サーバーへのアップロードも対応可能ですので、
　お気軽にご相談ください。

ーーーーーーーーーーーーーーーーーーーーーーー
どんな小さなことでも、お気軽にご相談ください。
丁寧にご対応をいたしますので、安心してお任せいただければと思います。

デザインはできるけどコーディングは苦手。。
コーディング代行依頼したいけど費用をなんとかおさえたい。。
デザイナーとして活動し始めて、コーダーの知り合いがいない。。
とお悩みの方はいらっしゃいませんか？

数あるパッケージからご覧いただきありがとうございます。
HTMLコーダーをしている國平悠希と申します。

下記内容にて業務を行いたいと思います。

※wordpressは対象外となっております。

【業務の流れ】
①　デザインデータと使用する画像データをご用意いただきます。
　　（この時点でおおよその納期をお伝えします）
②　ヒアリング・納期確定
③　コーディング実施
④　１度目のファイル確認
⑤　修正期間（～2日まで）
⑥　納品

【注意事項】
・こちら側の都合により、作業する時間が限られる可能性があります。その場合は事前にお伝えいたしますのでご理解いただけますと幸いです。
・フォント指定やピクセル指定がある場合は、ヒアリングの際にお申し付けください。ピクセルパーフェクトでお仕事をさせていただいたことがないので、納期に余裕がある方をおすすめします

私は、未だ業界未経験となりますが「HTML5レベル１」認定プロフェッショナルを取得しているため最低限以上のスキルと知識は持ち合わせていると自負しております。

もちろん未経験の為利益より経験を重視しており、お値段もパッケージ表示価格より相談可能でございますので、クオリティーを落とさず費用を抑えたい方は、ぜひ一度ご検討いただけますと幸いです。

長いお付き合いをさせていただける・駆け出しのデザイナー様は二人三脚で一緒に成長出来たらと思いますので、ぜひ相談だけでもご連絡ください。

こんな方へおすすめ
・ホームページを作成したいが、コーディングの時間がない。
・ホームページは完成したが、運用する手間がない。

お仕事の流れ
・どのようなことにお困りか丁寧にヒアリングします。
・ホームページを作成または修正、運用し、サーバにアップします。
・納品完了

こんなことが得意です
・ヒアリングをしっかりと行い、お客様の要望に忠実にお仕事をさせていただきます。
・丁寧なコーディングで、SEO対策を確実に行います。
・紙媒体のチラシ作成なども行った経験があるため、チラシ作成も可能です。
・SNSでの個人・企業の広報活動についてもご相談可能です。

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

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

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

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

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

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

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

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

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

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

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

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

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

**誰よりも安くご納得いただけるまで修正いたします！

【業務概要】
・デザインデータ・画像データをご用意いただき、データ通りのサイトをコーディングし　　　　　　　　ます。　　
　　
・Javascriptを用いたアニメーションの実装も可能です。
　内容は私のポートフォリオサイトで実装しているものに限ります。
　まずはご相談ください。

・手直し無料でご納得いただけるまで何度でも修正いたします。

利益より経験重視でやりたいと考えていますので、未経験ということをご理解頂ける方よろしくお願いします。
お客様に喜んでいただけるものを安く提供していきたいと思いますので、サイト制作にできるだけ費用をかけたくない方は、ぜひ１度ご検討頂けると幸いです。

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

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

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

▼基本の作業内容

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

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

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

▼制作の流れ

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

ご覧いただきありがとうございます。
本パッケージでは、デザインデータをもとに、高品質で保守性の高いHTML/CSS/JavaScriptコーディングを提供いたします。コーポレートサイトやLP、ポートフォリオ、サービス紹介ページなど、静的なWebサイトの構築をご希望の方に最適です。

⸻

✅ 提供できる内容
• HTML/CSSによる静的サイトのマークアップ
• セマンティックなタグを用いた構造
• アクセシビリティやSEOを意識した記述
• Sass（SCSS）を使ったCSS設計
• モジュール化・変数管理など保守性を考慮
• BEMや命名ルールの設計にも対応
• レスポンシブ対応
• スマートフォン・タブレット・PCに最適化
• ブレークポイントの調整やレイアウト崩れの修正
• JavaScriptによるインタラクション実装
• スライダー、アコーディオン、モーダル、タブ切り替えなどの基本UI
• スクロール連動アニメーションやフェードイン等の演出
• jQuery対応（必要に応じて）
• 既存環境に合わせたスクリプト実装も可
• 納品ファイルの整理と構造化
• 画像、CSS、JSのフォルダ分け
• READMEや簡単な操作マニュアルの付属も可能（希望者）

⸻

✅ ご依頼の流れ

1. ヒアリング・ご相談
   • デザインデータや参考サイト、構成などを伺います。
   • 作業範囲やスケジュール、希望機能などを確認します。
2. お見積もり・納期の提示
   • ページ数や機能に応じて、正式なお見積もりを提示します。
3. 制作開始
   • HTML/CSS/JavaScriptによるコーディングを行い、途中段階での確認も可能です。
4. 最終確認・修正対応
   • 納品前に確認用データを提出し、軽微な修正にも対応いたします。
5. 納品（ZIP形式またはGit等）
   • HTMLファイルとリソースをまとめて納品いたします。

⸻

✅ 対応可能なデザインデータ
• Figma
• Adobe XD
• Photoshop（PSD）
• PDF / イメージ画像（構成が明確であれば可）

⸻

✅ 納品形式
• HTML/CSS/JavaScriptファイル一式
• ディレクトリ構成：
index.html / css / js / imgなどご希望に応じます
• GitHubでの納品やバージョン管理対応も可能です（要相談）

⸻

✅ ご依頼にあたってのお願い
• デザインデータは完成された状態でご提供ください。
• テキストや画像などが未定の場合は、仮素材での対応となります。
• CMS（WordPress等）への組み込みは本パッケージの範囲外です。

⸻

✅ このような方におすすめ
• デザインデータはあるが、コーディングを外注したいWebデザイナー・ディレクターの方
• 小規模なWebサイトを短納期・低予算で立ち上げたい事業主の方
• 保守性やSEOにも配慮したHTMLコーディングを依頼したい方

⸻

誠実かつ丁寧な対応を心がけております。
ご相談やご不明点があれば、お気軽にお問い合わせください！

▪️おすすめの方
・Webデザインはできたが、コーディングスキルがない方
・詳細設計まで完了したが、C言語のコーディングスキルがない方

▪️納品物
・html、css、JavaScript、Cのソースファイル

▪️進め方
・html、css、JavaScriptはVSCodeでコーディング
・C言語はLinux環境でコーディング

• https:

• https://"

• http://www.google.com”/

• http://www.google.com”"foo"/

• http://www.google.com/

• https://www.google.com/

• ftp://www.google.com/

• lancers@google.com

• javascript:alert('foo')

javascript:alert('foo')

[link](http://www.google.com/)


[jslink](javascript:document.location='http://www.google.com/')

[foo]: /url "title"

<A HREF="javascript:document.location='http://www.google.com/'">XSS</A

<a href="javascript:alert('foo')" onclick="alert('foo')">alert('foo')</a>

• <a href="javascript:alert('foo')" onclick="alert('foo')">alert('foo')</a>
• <a href="javascript:alert('foo')" onclick="alert('foo')">alert('foo')</a>

* <a href="javascript:alert('foo')" onclick="alert('foo')">alert('foo')</a>

* 123 <a href="https://www.lancers.jp/">alert('foo')</a>
* 123 <script>alert('foo')</script>

• 123 <a href="https://www.lancers.jp/">alert('foo')</a>

• 123 <script>alert('foo')</script>

• <a href="https://www.lancers.jp/">alert('foo')</a>

• <script>alert('foo')</script>

123 <a href="https://www.lancers.jp/">alert('foo')</a>

123 <script>alert('foo')</script>

123 <a href="https://www.lancers.jp/">alert('foo')</a>
123 <script>alert('foo')</script>

123 <a href="https://www.lancers.jp/">alert('foo')</a>
123 <script>alert('foo')</script>

123 <a href="https://www.lancers.jp/">alert('foo')</a>
123 <script>alert('foo')</script>

123 <a href="https://www.lancers.jp/">alert('foo')</a>
123 <a href="https://www.lancers.jp/">alert('foo')</a>

<a href="https://www.lancers.jp/">alert('foo')</a>

<a href="https://www.lancers.jp/">
alert('foo')
</a>

123<a href="https://www.lancers.jp/">alert('foo')</a>

123<a href="https://www.lancers.jp/">alert('foo')
</a>

<script>
alert('foo')
</script>

123<script>alert('foo')</script>

123<script>alert('foo')
</script>

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

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

【基本料金内サービス】
・レスポンシブデザイン
・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

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

■おすすめの方
・コーディングにお金をかけたくない方
・１ページだけ作成したい方
・デザインはできるけどコーディングが苦手

■作業内容
・HTML/CSSを用いた静的コーディング
・スマホ、タブレット、PC対応
・レスポンシブ対応
・JavaScriptで動きのあるサイトの構築（スライダー、スクロールアニメーション、アコーディオン、ハンバーガーメニューなど）

■作業内容
・HTML/CSSを用いた静的コーディング
・スマホ、タブレット、PC対応
・JavaScriptで動きのあるサイトの構築（スライダー、スクロールアニメーション、アコーディオン、ハンバーガーメニューなど）
・レスポンシブ対応

■納期
ご依頼日の翌日より1週間程度で納品可能です。
※稼働状況によって変動いたします。

■制作の流れ
1、ヒアリング
2、お客様からデザインデータのお預かり
3、コーディン・テストアップ
4、ご確認・修正
5、最終チェック
6、納品

ご質問等ありましたらお気軽にご相談ください！

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

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

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

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

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

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

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

▶︎作業内容

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

▶︎制作の流れ

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

▶︎ご用意いただくもの

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

コーディングのプロが、あなたのウェブサイトを快適な空間に変身させます！

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

ウェブサイトの表示速度が遅い、スマホ対応ができていない、デザインが古い、SEO対策ができていない

発注の流れ

お問い合わせ
まずは、お気軽にご相談ください。ウェブサイトの現状や課題、ご要望をお聞かせください。

プラン提案・お見積もり
ヒアリング内容をもとに、最適なプランとお見積もりをご提案します。

制作開始
ご契約後、必要な情報や素材をご提供いただきます。構成案やデザイン案をご確認いただき、修正を重ねながら進めます。

納品・公開
完成したウェブサイトをご確認いただき、問題がなければ納品となります。

対応範囲・価格

HTML/CSSコーディング：10,000円〜
HTML/CSSコーディング代行：既存サイトの修正や更新を迅速に対応します。1ページあたり

WordPressサイト構築：50,000円〜
WordPressサイト構築：オリジナルテーマで、SEOに強く、集客に繋がるサイトを制作します。初期設定、プラグイン導入、基本操作レクチャー込み

レスポンシブ対応：30,000円〜
レスポンシブ対応：スマホ、タブレット、PCなど、あらゆるデバイスで最適に表示されるように調整します。既存サイトのレスポンシブ化も

SEO内部対策：20,000円〜
SEO内部対策：キーワード選定から内部構造最適化まで、検索順位アップのための施策を行います。現状分析、改善提案、実装

Webサイト保守・更新：10,000円〜
Webサイト保守・更新：定期的なバックアップ、セキュリティ対策、コンテンツ更新など、サイトの安定稼働をサポートします。月額

納期

1週間〜

制作の流れ

ヒアリング
お客様のウェブサイトの目的やターゲット層、デザインの好みなどを詳しくヒアリングします。

構成案・デザイン案作成
ヒアリング内容に基づき、ウェブサイトの構成案やデザイン案を作成します。

コーディング
構成案・デザイン案にご納得いただけましたら、コーディング作業に入ります。

テスト・修正
完成したウェブサイトをテスト環境でご確認いただき、修正点があれば修正します。

公開・納品
最終確認後、本番環境にウェブサイトを公開します。

サービス内容

HTML/CSSコーディング、WordPressサイト構築、レスポンシブ対応、SEO内部対策、Webサイト保守・更新など、ウェブサイトに関する様々なサービスを提供します。

ウェブサイトのことでお困りではありませんか？

「ウェブサイトを作りたいけど、何から始めたらいいかわからない…」
「今のウェブサイト、デザインが古くて使いにくい…」
「スマホで見たとき、文字が小さくて見づらい…」

そんなお悩みをお持ちのあなたに、コーディングのプロがお手伝いします！

✔️ 最新技術で、美しく使いやすいウェブサイトを制作
✔️ スマホ、タブレット、PC、どんなデバイスでも快適表示
✔️ SEO対策で、検索順位を上げて集客アップ

まずは、お気軽にご相談ください。お客様の課題を解決する最適なプランをご提案します。

✳︎----------------------------------------------
【短納期の案件もチームコーディングで解決！】
あなたのお困りごとに貢献します！
----------------------------------------------✳︎

お忙しい中、ご覧いただきありがとうございます！
WEB制作をチームで行っております、原田一樹（はらだ かずき）と申します。

Lancersの実績はございませんが、
現在、制作会社4社様とお仕事させていただいております！

お付き合いしている会社様からは、
「今回も助けてくれてありがとう！」
「たくさん迷惑かけたけど、やり切ってくれてありがとう！」
など嬉しいお言葉をいただいております。

これまでのお仕事でも、
日頃からお相手への感謝の気持ちを大事にし、
「ありがとう」を大切にお仕事させていただいております。

だからこそ、日頃からお困りごとに対して、
・どうしたらお役立てできるか
・できないことをどうしたらできるに変えられるか
を考えております！

今までのお困りごとの一例として、
【2週間で23ページのサイトのコーディング】の案件をご相談いただいたことがあります。
この時は初めての経験でしたが、
複数人でのチームコーディングを発案し、無事に納品させていただきました。

どのようなお困りごと、ご依頼も柔軟に対応させていただきます！
まずはお気軽にご相談ください！

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

【ご提供できること】

○WordPressを用いたオリジナルテーマ制作、カスタマイズ
○静的サイトの制作
○LP制作

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

【制作実績】

○株式会社ジーマデザイン様　サイト制作
https://jima-design.jp/

制作期間:2週間
2人でのチームコーディング

・コーポレートサイト制作
・採用サイト制作
・LP制作

※秘密保持契約を結んでいるため、制作会社様との実績は非公開となっております
※個別にご連絡いただけましたら、お見せできる実績がございます

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

【制作フロー】

①お打ち合わせ
　ご依頼内容・ご希望の納期をお伺いさせていただきます
⬇︎
②ご契約
　お見積もり、納期をご提案させていただきます
　ご提案内容をご確認いただき、購入をお願いいたします
⬇︎
③制作・確認
　制作後に、ご確認いただき、
　気になる点がございましたら、修正等のご対応を行います。
　※機能の追加等は、追加料金を頂戴する場合がございます
⬇︎
④納品
　制作物をzipファイルまたはGitHubにてご納品させていただきます。
　※サーバーアップロードをご希望の場合、FTP情報をお伺いさせていただきます

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

【ご用意いただくもの】

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

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

お忙しい中最後までご覧いただき、誠にありがとうございます。
少しでもご興味をお持ちいただけましたら、お気軽にご連絡ください！

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

既存サイトの修正や機能の拡張、不具合対応などを致します。

レスポンシブ対応、静的サイトから動的サイトにしてほしいなど幅広い対応が可能です。
まずはご相談ください。
※平日は会社員として働いているため、納期を長めに確保しております。
※納期には予備日を含んでいるため、基本的には納品まで記載の日数はかからないです。

ご覧いただきありがとうございます。
こちらのサービスでは、HTML/CSS/JSで制作するシンプルな静的ページや、
WordPress・Shopifyなどを導入したサイトの制作を承っております。
客様のご要望をもとに、コンテンツに沿ったご提案をさせていただきますので、まずはお見積もりからお願いいたします。

ご対応範囲(プラン共通)

• ワイヤーフレーム制作(リテイク2回まで)
• デザイン制作(リテイク2回まで)
• コーディング
• テストアップ
• PC・SPレスポンシブ対応
• ファビコン・OGPの設定(画像はご用意ください)
• キーワード・ディスクリプションの設定(テキストはご用意ください)
• 解析タグの設置(解析タグをご用意ください)
• コーディングファイル一式をZIP納品orFTPアップロード

プラン詳細

ベーシック
HTML/CSS/JSでの静的ページを制作いたします。
LPやティザーサイトの制作依頼はこちら。

作業内容：6000px程度のシンプルな静的ページを制作
制作ページ数：TOP1ページ(ページ追加はご相談ください)
料金：18,000円〜
納期：7営業日〜

スタンダード
WordPressやShopifyなどを導入したWebサイトを制作いたします。
ブログやポートフォリオ・コーポレートサイト、オリジナルグッズ販売ページなどの制作はこちら。

作業内容：WordPressやShopifyなどを導入したWebサイトの制作
制作ページ数：

• WordPressの場合
  TOPページ+投稿一覧1ページ(カテゴリー・ソート機能なし)+記事ページ
• Shopifyの場合
  TOPページ+商品一覧1ページ(カテゴリー・ソート機能なし)+商品ページ
  (ページ・機能追加はご相談ください)
  料金：35,000円〜
  納期：7営業日〜

プレミアム
複雑なカスタマイズを必要とするWordPressサイトや、大掛かりなアニメーションのあるサイト制作。
できるだけご自身で更新していきたい・世界観を重視したWebサイトを制作したい場合はこちら。

作業内容：要相談
制作ページ数：要相談
料金：85,000円〜
納期：14営業日〜

有料オプション例

下層ページ1ページ追加 3,000円〜
メールフォームの設置 10,000円〜
WordPressカスタム投稿の追加 5,000円〜
WordPressのカスタマイズ(カスタムフィールド・カテゴリーソートなど) 8,000円〜
404ページのデザイン・実装 3,000円〜
デザインデータの納品 10,000円〜
特急料金 要相談
など

ご利用の流れ

1. 制作したいサイトの内容や、ページ構成、希望のリリース日などを添えてご相談ください
2. こちらでご相談内容を確認のうえ、料金のお見積りをいたします
3. お見積りに問題がなければ素材などをご共有いただきます
4. 当方でワイヤーフレームを作成し、コンテンツの位置などをお客様と一緒に決定していきます
   (リテイク2回まで)
5. ワイヤーフレームが固まったら、デザインを作成いたします
   (リテイク2回まで)
6. デザインが固まったらコーディングに入ります
7. 制作物をテストアップし、お客様にご確認いただきます
   (基本的な修正は無償で行いますが、機能追加やデザイン変更が発生した場合は追加料金を頂戴いたします)
8. テストアップでの確認が完了しましたら、本番公開orZIP納品いたします

ウエブヤの稼働時間帯

基本的に、平日11時〜20時にご連絡の確認や作業をしております。
土日祝祭日はお休みとしておりますが、事前にご連絡いただければご対応可能です。

htmlコーディング、Wordpressでサイトを新規制作、既存サイトのWordpress化、既存サイトの運営・更新・管理をおこないます。

▼デザイン会社様でコーダーをお探しの方

▼既存サイトの運営・更新・管理を外部委託される場合など

お気軽にお申し付けください。

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

・デザイン業務に集中したい、コーディングは任せたいWebデザイナー様
・コーダー不足で外注先を探している方
・デザインはあるけど、コーディングは誰かに任せたい方

【 料金プランについて 】
記載の金額は目安です。
内容により、金額は変動いたしますので、まずはお気軽にご相談ください。

【 ご提供内容 】

ご用意いただいたデザインデータ通りにコーディングを行います。

・HTML・CSS（Sass）を用いたコーディング
・レスポンシブ対応（PC・タブレット・スマホ）
・jQuery（JavaScript）を用いたアニメーション
・WordPressオリジナルテーマ化
・お問い合わせフォーム設置
・表示速度向上のため画像圧縮
・基本のSEO対策（metaタグ設置等）

・ファビコン設定（画像のご提供をお願いします）
・OGP設定（画像のご提供をお願いします）

デザインとの相違がある場合、無期限で対応いたしますので、
気になる点があればご遠慮なくご連絡ください。

【制作の流れ】
①ヒアリング（ページ数、WordPressの有無等、お話をお聞かせください。）
②ご契約
③お客様よりデザインデータご提供
④コーディング・テスト
⑤ご確認・修正（無制限）
⑥納品（zipファイルでの納品またはご指定サーバーにアップロードいたします。）

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

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

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データによるコーディングの場合、お問い合わせ内容の管理画面、自作フォームの作成などは承っておりません。（商用フリーで配布されているテンプレートフォーム等であれば一部組み込み可能です。）

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

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

HTML・CSS・JSコーディングを対応します

HTML・CSS・JSのコーディングをお任せください。
Webサイトは作って終わりではなく、作ってから育てていくものだと認識しているので、ゼロから作る段階で、運用しやすいマークアップを心がけて作成します。
もし、サイトを作った後にご自身で修正したいなどありましたら、HTMLの知識がなくても運用できるように作成いたしますので、お気軽にご相談ください。

また、既存サイトの運用代行も可能です。軽微な修正からリニューアルまで対応できますので、別途個別にご連絡ください。

ご閲覧ありがとうございます！
デザイナー歴6年目です。
本業ではランディングページ作成をメインにマーケティング関連のデザインをやっております。

コーディングがわからない。
画像は作れるけどその先がわからない。
プログラミング？何それ？

そんな方はぜひ、ご相談ください！
お安く作業致します。（本職でもコーディングをやっております。）

◆作業内容
・HTML/CSSを用いた静的コーディング
・SEO用にメタキーワードの設置
・テスト用アップロード時に修正対応

◆オプション
・レスポンシブ対応
・お問い合わせ・メールフォームの設置
・jQueryやCSSを使ったアニメーション

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

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

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

こちらのパッケージはコーディングの代行、WordPress構築（オリジナルテーマ制作）
のサービスです！

こんな方におすすめ
✅コーディング業務を外注したい
✅コミュニケーションコストがかからず仕事ができる人を探している
✅継続的にお願いできるパートナーを探している制作会社様
✅コーディングできる人を探しているデザイナー様、デザイン会社様

現在は制作会社様の他、フリーランスのディレクター様からのご依頼で
制作会社様、デザイン会社様からのコーディング業務をメインに
継続的にお取り引きをさせてもらっています。

丁寧なやり取り、即レス対応など当たり前を確実にし、お相手に満足していただける
サービスを提供しています！

●●パッケージ内容
▶︎静的コーディング
　・LPコーディング
　・コーポレートサイトコーディング
　・JavaScript（jQuery）を用いた各種アニメーション対応
　・PCのみのデザインデータから各種サイズのレスポンシブ対応可能
　・BEM、FLOCSSを用いたCSS設計によりコードの保守性担保
　・テスト環境
　・基本は無料修正対応
▶︎WordPress構築
　・オリジナルテーマでの実装可

●●品質チェック、対応ブラウザ・端末
品質チェック内容の詳細共有し、チェックのお手間を減らします
各種ブラウザ、端末でのチェック内容も共有
端末：Mac/Windows/iPhone/Android
ブラウザ： Chrome、FireFox、Microsoft Edge、Safari

●●納品方法
zipファイル、FTPサーバー、GitHub、WordPress環境にデータ移行

●●扱えるツール
・HTML / CSS / SCSS / jQuery / WordPress / gulp / EJS / Git,GitHub

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

●●対応できる作業
コーディング作業全般
LP制作、コーポレートサイト制作、WordPress構築を主にお受けしております

●●実績
・HTML/CSSを用いたLP制作
・チーム開発で企業コーポレートサイト制作（EJSコーディング、Githubソース管理）
※こちらでの公開は控えますが、お見せできる実績もございますので
　一度お声掛けいただけると幸いです

●稼働時間
AM3時〜PM17時まで
必要時にはご相談いただければ21時まで対応可能
土日問わず対応できます

気になることがあれば、まずは一度お声掛けください！
ご相談だけでも構いませんのでお気軽にどうぞ！