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

◾️はじめに
たくさんあるパッケージの中からご覧いただきありがとうございます！

個人事業（1年目）でWebコーダーをしている「森　猛」と申します。
コーディングとWordPress構築をメインに活動しています。

◾️こんな悩みの方へ
・報連相を徹底してくれるコーダーを求めている。
・円滑なコミュニケーションができるコーダーを求めている。
・最後までやりきってくれるコーダーを求めている。

◾️サービス内容
・HTML / CSSコーディング
・jQueryを用いたアニメーション実装

◾️料金
・TOPページコーディング：30,000円〜
・下層ページコーディング：10,000円〜

※ページ構成・機能によって変わってきますので、まずはご相談いただければと思います。

◾️制作の流れ
①ヒアリング
　ページ構成・必要な機能などを確認いたします。
②お見積り
　納期や金額を提示させていただきます。
③制作・確認
　ページ毎でのご確認をお願いいたします。
　※ 気になる点がある場合、可能な限り修正対応いたします。
④納品
　制作物をzipファイルにて納品させていただきます。
　※サーバーへのアップロードをご希望の場合、FTP情報のご提示をお願いいたします。

◾️当サービスの強み
・品質チェックシートを用いて確認後、納品いたします。（品質チェックシートのお渡しも可能）
・即レス対応（21時までのご連絡においては、3時間以内には返信いたします）
・可能な限り柔軟に対応いたします。

◾️ご用意していただくもの
・デザインカンプデータ（XD、Photoshop、Illustrator、Figma）

既存サイトのHTML/CSSなどの修正依頼承ります！

「安定的にちょっとした修正依頼をお願いできる取引先が見つからない」
そんなお悩みございませんか？

弊社は地元企業様からコーディングの修正依頼を頻繁に受託しており、クオリティにも満足していただいております。

安定的に弊社にお任せいただくことで
・いつでも迅速に対応
・毎回同じ者が対応しコミュニケーションコストの削減
・連絡が途絶えることのない安心感
をお約束します。

■価格
・Webサイト修正：3,500円～
・修正内容に応じたお見積りをさせていただきます。

■納品までの流れ
①ヒアリング・お見積もり（まずはご相談ください！）
②ご契約（仮払いで契約となります）
③弊社にて修正対応
④ご確認・修正（2回まで無償対応）
⑤納品

この度は本サービスをご覧いただきありがとうございます。
サイト製作を主に行っているカツオと申します。

本サービスは静的サイトのコーディングを行います。

【基本サービス内容】（すべてのプラン共通）
・デザインデータからのコーディング
・各種必要なタグの埋め込み
・画像圧縮による表示スピードの改善
・テスト環境（サーバ）へのアップロードテスト

【プランの種類】
・ベーシック・・・TOPページのみコーディング（納品前のデザイン変更に伴う修正３回まで）
・スタンダード・・TOPページのみコーディング+レスポンシブ対応（納品前のデザイン変更に伴う修正３回まで）
・プレミアム・・・TOPページのみコーディング+レスポンシブ対応（納品前のデザイン変更に伴う修正回数無制限）

【オプションサービス】
・下層ページコーディング
・お問い合わせフォーム実装
・JavaScript、jQery、CSS等を用いたアニメーション
・縦幅超過分の課金
・実績として公開不可

【使用可能（経験）ツール・言語・フレームワーク】
・ツール
　Figma、ChatGPT、Canva、GIMP
・言語、フレームワーク
　html、css、Sass、JavaScript、php

【納品方法】
zipファイル

【表示確認】
納品前には下記ブラウザ全て（バージョンは最新）での表示確認も行い、どの環境でも問題なく閲覧できるWebサイトを制作します。
・WindowsPCでのChrome, Edge, Firefox
・MacPCでのSafari
・iPhoneでのSafari
※基本の動作確認対象は 375px ～ 1920px です。
　その他の画面幅での対応が必要な場合は、別途お見積もりいたします。

Figmaのデザインを、ピクセルパーフェクトで美しいWebアプリへ実装します

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

「Figmaでデザインは作ったがコーディングできるリソースがない」「動きのあるモダンなフロントエンドを実装してほしい」「レスポンシブ対応まで手が回らない」といったコーディング・フロント実装における課題をスピード解決します。

発注の流れ

1. ランサーズでのお問い合わせ
   FigmaのURLや仕様、ご要望をお知らせください。ランサーズのメッセージ機能にて詳細をお伺いします。

2. お見積もりとプラン選定
   デザインを確認後、最適なプランと正確な納期・お見積もりをランサーズ上でご提案します。

3. ご契約・仮払い
   提案内容にご納得いただけましたら、ランサーズのシステムを通じてご契約・仮払いをお願いします。

対応範囲・価格

LPコーディング（1ページ）：10,000円〜
Figmaデザインから1ページのコーディングを行います。スマホ対応や簡易なJSの動きも含みます。

複数ページ・CSSフレームワーク：25,000円〜
Tailwind CSS等を使用し、下層ページを含む複数ページのコーディングを行います。

Webアプリ実装（JSフレームワーク）：40,000円〜
ReactやTypeScript等のフレームワークを使用し、Webアプリのフロントエンドを構築します。

納期

ご契約完了から7日〜14日

制作の流れ

1. コーディング・開発開始
   仮払い確認後、Figmaデザインを元にHTML/CSS、またはReact等の指定フレームワークで実装を開始します。

2. 動作確認・テスト
   各種ブラウザおよびスマートフォンでの表示・動作テストを行い、崩れや不具合がないか細部まで確認します。

3. 納品と完了報告
   ソースコードを納品し、問題がなければランサーズ上でのお取引完了手続きを行っていただきます。

サービス内容

Figmaで作成されたデザインファイルを基に、忠実でクリーンなコーディングを行います。通常のHTML/CSSコーディングから、Tailwind CSSを用いたモダンな開発、さらにはReactやTypeScriptを活用した高機能なWebアプリ実装まで幅広く対応可能です。自動車業界など信頼性が求められる業界のWebサイトにおいて、表示速度やレスポンシブ対応に配慮した高品質なコードを提供します。ご連絡はランサーズのメッセージ機能およびビデオ通話機能で丁寧に対応いたします。

Figmaのデザインはあるけれど、コーディングができる人がいなくて困っていませんか？自動車業界をはじめ、信頼性が求められるWebサイトやLPのFigmaデザインを、忠実にHTML/CSSへ落とし込みます。学生エンジニアですが、実務でのフロントエンド・バックエンド経験、個人アプリの開発実績があり、高品質かつ迅速に対応いたします。SEOやレスポンシブ対応（スマホ表示）も徹底し、モダンで軽量なコードを執筆します。まずはデザインファイルを拝見し、最適なプランをご提案させていただきます。進行や打ち合わせは、規約に基づきランサーズ上のメッセージやビデオ通話機能にて丁寧に行いますので、初めての方もご安心ください。お気軽にお見積り・ご相談のご連絡をお待ちしております！

静的やWordPressサイトの改修、JavaScriptなどの実装を行います。
1万円という手軽な費用からお申し込みいただけます。（1万円の場合、修正箇所は3つまでとなります。詳しくはお問い合わせください。）

※ご購入前に、必ず無料見積もりをお願いいたします。

【ご購入いただいてからの流れ】

①無料相談
不要なトラブルを避けるため、ご購入前に必ずメッセージにて無料見積もりをお願いいたします。
↓
②ご納得いただけたら、ご購入
無料相談でご納得いただけたら、出品やオファーをご購入いただきます。
↓
③ヒアリング
認識のずれがないよう、ヒアリングで擦り合わせをいたします。
↓
④サイト改修後に提出、フィードバック
サイトを改修して提出しますので、ご確認をお願いいたします。
↓
⑤④を繰り返し、納品
④を繰り返し、完成したら納品いたします。

まずは、メッセージにてお気軽にお問い合わせください。

【実績】
※お手数ですが、先頭に「https://」をつけてご検索ください。

施工図屋さん様
sekouzu.jp/

デザインデータからHTML/CSS/Javascript（JQuery）コーディング+WordPressオリジナルテーマ導入を行います。

すでにあるデザインのコーディングを外注したい方におすすめです。
wordpressへの組み込みやお問い合わせフォームの実装も可能ですのでお気軽にご相談ください。
※スキルとご要望とのミスマッチを防ぐため、購入前に一度デザインをご提示していただくか、ご相談いただければと思います。

< 各プランに含まれる内容 >
・レスポンシブ対応（PCサイズ・スマホサイズでの表示変更など）
・3回まで無料修正

< ご依頼にあたり、ご準備いただくもの >
・デザインデータ（XD/Photoshop/Illustrator/Figmaなど）
　※XD推奨
・画像データ（JPG・PNGなど）
・テキストデータ

< 納品までの流れ >
1.ヒアリング・お見積もり（無料）

2. デザインデータ/画像データ/ テキストデータのご提供
3. コーディング
4. 初稿提出
5. 修正（3回まで)
6. 最終納品

< 納品方法 >
zipファイル

< 注意事項 >
・購入後のキャンセルはお断りさせていただいております。
・頂いたデザインデータのコーディング作業を開始してからの、大幅なデザイン修正は
　お受けできませんので、ご了承ください。

**初回割引20%OFF！**
**2回目のリピーター割引10%OFF！**

「デザインはあるけれど、自分ではコーディングできない」
「社内リソースが足りなくて、このデザインを誰かにコーディングしてほしい」
「デザインどおりにコーディングしてほしい」
「スマホのデザインは無いけれど、スマホにも対応させたい」
「サイト公開後も修正などの保守対応を任せたい」

こんな課題をお持ちの制作会社様や企業/店舗様、
10社以上の制作会社様と提携し、年間30サイト以上制作している私に
コーディングをお任せください！

■■基本プランに含まれるもの■■
・レスポンシブ対応 (PC / SP)　※ブレイクポイント2か所まで
・表示速度高速化を目的とした画像、CSS、JSファイルの圧縮
・SEO対策のためのmetaタグ、Alt、OGP、ファビコン対応　※テキストや画像をご提供いただける場合のみ
・テストサーバーの準備
・品質チェックリストと合わせての納品

■■基本プランに含まれないもの■■
以下の項目は、ヒアリング時に実装内容を伺い、お見積もりをご案内いたします
・スマホデザイン無しの場合の対応
・アニメーションの実装　※内容によっては無料対応可能です
・お問い合わせフォーム等の機能実装
・WordPressの導入

■■ご予算について■■
各プランはアニメーションや機能実装の無い場合の価格となりますので、
ご希望されるページ数や実装内容によって変動いたします。
ぜひ、一度お見積もりをさせてください！
また、初回割引、リピーター割引もご用意いたしております！

■■納期について■■
各プランに記載されている納期は、実装内容や稼働状況によって変動いたします。
前倒しの納品を心がけておりますが、ヒアリングさせていただいたうえで、
最終的な納品日をご案内いたします。

■■納品方法について■■
制作データをzipファイルにてお渡しいたします。

■■その他■■
上記に記載している内容以外でも、WordPressサイトを構築したいなど、
ご要望やご質問などがございましたら、お気軽にご相談くださいませ！
確認でき次第、迅速にご回答させていただきます！

数あるサービスの中からご覧いただきありがとうございます。
フリーランスでWEB制作をしております足守ちかと申します。

迅速なレスポンス、丁寧な対応を心がけております。
ご相談は無料でお受けしておりますので、お気軽にご相談ください！

=======================================================

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

「 デザインは対応するので、コーディングだけ対応してほしい 」 という制作会社様や個人様
「 ランディングページ制作のご依頼を受けたけど、コーディングが苦手 」 というデザイナー様
「 コーディングの人手が足りない 」 という制作会社様やコーダー様。

など、コーダーをお探しの方はぜひご検討ください。

=======================================================

◆　パッケージ内容について　◆

• 静的コーディング
• ランディングページのコーディング
• レスポンシブ対応（PCサイズ・スマホサイズでの表示変更）
• スライダー、アコーディオン、ハンバーガーメニューなどアニメーションの実装
• 無制限の修正対応

=======================================================

◆　ご用意いただくもの　◆

• デザインデータ
• 画像データ（JPG・PNGなど）
• テキストデータ

=======================================================

◆　納品までの流れ　◆

①ヒアリング・お見積もり
↓
②デザインデータや各種素材をお送りいただく
↓
③作業開始
※進捗状況はこまめにご報告いたします。
↓
④テスト環境にて制作物のご確認
↓
⑤修正対応
↓
⑥最終確認
↓
⑦納品

=======================================================

◆　納品について　◆

• データ納品（ファイル一式を zip 圧縮したもの）又は指定のサーバーにアップロードして納品いたします。サーバーにアップロードをする場合は、FTP情報が必要になります。

• 納品前には独自の品質チェックシートを用いて確認いたします。また、品質チェックシートは納品時にお渡しいたします。

💻【コーディング代行】
デザインを忠実に再現！スピーディーかつ高品質なコーディングを代行します。
デザインカンプ（Figma / XD / PSD など）をもとに、丁寧でメンテナンスしやすいHTML / CSS / JavaScriptコーディングを行います。
レスポンシブ対応やSEO対策、アニメーション実装もお任せください！

▽対応可能な内容

• HTML / Sass / CSS / JavaScript（jQuery含む）コーディング
• レスポンシブ対応（スマホ・タブレット）
• WordPress組み込み（静的→動的化）
• アニメーション（スライダー、フェードインなど）実装
• ページスピードやSEOを意識した構造でのマークアップ
• Gulpなどのタスクランナーによる効率的な開発対応も可能

▽こんな方におすすめ

• デザインはあるけどコーディングに時間が割けない
• 納期に間に合わせたいので部分的に外注したい
• コードのクオリティにもこだわりたい
• デザイン通りに実装してほしい

▽ご依頼の流れ
① 無料相談
② デザインデータのご提供（Figma / XD / PSDなど）
③ お見積もり・スケジュール提示
④ コーディング開始
⑤ ご確認後、納品（ZIP or サーバーアップ）

修正回数や希望納期などに応じて、内容をカスタムできます。
まずは、ご連絡ください。

ごあいさつ

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

私、コーディング・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サイトのコーディング
・JavaScriptを使用した表現
　・スクロールに合わせたアニメーション
　・スライドギャラリー
　・ハンバーガーメニュー
　・アコーディオンやタブ等

▼コーディング料金

・TOPページ：15,000円〜 / 1ページ
・下層ページ：10,000円〜/ 1ページ
・JavaScriptの実装 → 内容に応じて別途お見積もり
・WordPress TOPページ：30,000円〜 / 1ページ
・WordPress 下層ページ：10,000円〜 / 1ページ

※カスタマイズ内容によっては別途料金をいただく場合があります。
※料金は全てレスポンシブ込みです。

▼納品までの流れ

①ヒアリング（内容の詳細をお聞かせください）
②納品日と金額をお伝え。
③ご契約（デザインや素材等コーディングに必要なデータをお送りください）
④コーディング開始
⑤ご確認
⑥納品（サーバーへのアップ・もしくはファイルの送付）
※対応ブラウザは「Chrome・safari・Firefox 」としています。
ご不明点があればお気軽にご連絡ください。

迅速・丁寧に対応致します。
お急ぎの場合は土日祝日の対応も可能なのでご相談ください。

宜しくお願いいたします。

wordpressで既存のテーマを使わずに1から制作します。
既存のテーマを改造して作らないので、自由度の高いホームページを制作することができます。
ただ、コーディングくらいしかできないのでデザインは用意してもらいます。
目安の値段は料金表に準じますが、デザイン、導入したいシステムによって変動します。
その代わり、デザインのアニメーション等の仕様はできる限り実装します。

WebサイトのHTML・CSS、WorsPressのコーディングを承ります!!

【オススメの方】
・デザイン会社様・デザイナーの方でコーディングまで手が回らない
・社内のリソースが足りなくて困っている制作会社様
・コーディングまで手が回らないフリーランスの方

【制作環境】
■BEMをベースとしたCSS設計が可能（予測・拡張・保守・再利用しやすい）
■Gulp使用（CSS、jsの圧縮、画像の圧縮、ベンダープレフィックスの自動付与）
■W3Cが勧告するHTML5の仕様に準拠したマークアップ
■WordPress化も柔軟にカスタマイズ可能（SEO対策、セキュリティ対策、サイトパフォーマンス向上も可）

レスポンシブ対応、よくあるJavaScriptの実装は無料で対応させて頂きます！

【無料JavaScript一覧】
・ハンバーガーメニュー
・アコーディオンメニュー
・カルーセル/スライダー
・モーダルウィンドウ
・スムーススクロール
・タブ切り替えなど、その他にもご要望があればご相談ください。

【納期、料金】
提示価格は目安となります。
デザインやボリュームにより変動することもございますので、まずはご相談ください。

最後まで責任もって、対応いたしますのでご安心くださいませ。
ご不明な点は、お気軽にお問い合わせください。

実際に動くデモで品質をご確認いただけます（ポートフォリオ参照）

【業務内容】

• Figma/XD/PSD/画像 → HTML/CSS でデザイン忠実にコーディング。

• 保守性の高いコード。レスポンシブ標準。

• 軽微なアニメーション・フォーム設置も対応。

• Next.js / React（TypeScript/Tailwind）にも対応。

■ 概要
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・デザイン制作会社に勤務しながらフリーランスとして
活動している「なんり」と申します。

Web関連の業務経験はトータルで8年ほどになります。（2022年現在）
ランサーズでの活動はまだ間もないため、実績を積むまでの期間は
特別価格でご提供します！

こちらはホームページコーディング専用のスキルパッケージになります。
※LPコーディング専用スキルパッケージもございますが
こちらのプランでもワンカラムWebサイト制作として対応可能です。
基本的にSEOを意識してコーディングします。
また、納期の中でできるだけ早めの納品を心がけます。

ご希望に応じて、SEO対策、デザインからプログラミングまでオプション追加にて対応可能ですので
お気軽にお声掛けいただけたらと思います。

※実績として掲載させて頂く場合がございますのでその際はご相談させてください。

コーディングだけお願いしたい！お任せください！LP 、WordPressコーディング構築します

デザインデータをもとに、HTML / CSS（SCSS）によるコーディングを代行いたします。
Figma・Adobe XD・Photoshopなどのデザインを忠実に再現し、レスポンシブ対応のWebサイトを制作します。
デザイナー様や制作会社様のコーディング外注先としてもご利用いただけます。
丁寧なマークアップと見やすいコード設計で、更新しやすいサイト構築を心がけています。

【こんな方へおすすめ】
・コーディングだけ外注したいデザイナーの方
・デザインはあるけれど、コーディングにかける時間が足りない
・品質のばらつきがなく、信頼できるコーダーがなかなか見つからない
・コーディング作業に手間取って、デザインに集中できない

【基本サービス内容】
・デザインデータからのHTML / CSS（SCSS）コーディング
・レスポンシブ対応（スマホ / タブレット）
・3ページまで対応
・SEO内部対策を意識したマークアップ
・基本的なアニメーション対応（hover / フェードなど）
さらに、ページ追加・WordPress化・お問い合わせフォーム実装など、柔軟なオプションにも対応しております。ご要望に応じてカスタマイズ可能です。

【納期】
ご依頼内容によって変動いたしますが、
基本的には契約後に情報をご提供いただき、約1ヶ月後に納品いたします。

【納品までの流れ】
①「見積り・カスタマイズ相談」よりお問い合わせ
②ご要望をヒアリング
③お見積り / ご購入
④デザインデータ・素材をご提供いただきます
⑤コーディング開始
⑥確認 / 修正
⑦納品

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

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

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

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

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

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

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

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

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

▼こんな方へオススメ

• コーダー不足
• なるべく素早く納品して欲しい
• 確実にデザインが反映されたホームページが欲しい
• 制作後も管理できるモダンでシンプルなコーディングが望ましい

▼ご提供内容

• お好みのデザイン・エフェクトをおよそ3日/ページでコーディングいたします
• 変更点に即対応し、満足いくまでブラッシュアップしていきます
• サーバーへのアップロードといったHP・LP制作の流れをまんべんなくサポートします
• アニメーションやレスポンシブ (ブレイクポイント無制限)、SEO対策は標準料金内で実装いたします
• scssやtailwind.css等を利用した操作性のよいCSS設計ができます

▼制作までの流れ

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

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

＼絶賛受付中！／
当パッケージをご覧いただきありがとうございます。

中谷寛希と申します。
フリーランスになってから実績が少ないため、HP、LPコーディングの実績を作るために低価格で提供させていただきます。

▽当パッケージの特徴

• ベーシックプランでは既存のHP、LPに対して修正や改良をさせていただきます。どんなに小さなご要望でもお伺いします。
• 一番人気はスタンダードプランです。
• 綿密な打ち合わせをすることで、満足してもらえるLP、HPが制作できます。

▽こんな方におすすめ

• デザインはあるけどコーディングに時間を割けない制作会社様や中小企業様・個人様
• LPやサイトのお仕事を受けたけどコーディングが苦手というデザイナー様
• コーディングが苦手で誰かに任せたい方

お客様がHP、LPを発注する目的を果たせるよう全力でHP、LPを制作させていただきます。
機械的にHP、LPを作るわけではないので、HP、LP作成や運用についてご相談があれば、お気軽にご相談くだされば幸いです。

▽【価格】

• 修正、改良のご依頼：3,000円～
  （※内容によっては対応不可の場合もございます。）
  システムの都合上10,000円と表記されております。
• LPコーディング：30,000円～
  （内容により変動します。）
• HPコーディング：70,000円～
  （内容により変動します。）

上記はあくまで目安となります。
まずは綿密な打ち合わせにより目的を明確にして、ご要望に寄り添えるように尽力させていただきます。

▽ご利用の流れ
①まずは無料相談
②掲載内容の指定：ヒアリングシートのご記入をお願いします。
③制作開始
④完成：ファイルでのご納品

ご相談はもちろん無料です！
まずは「無料相談ボタン」からお気軽にご連絡ください！

デザインデータをもとに、HTML / CSS / jQuery を使用したコーディングを行います。
各種デバイスへのレスポンシブ対応・アニメーションなど、ご希望に応じて柔軟に対応いたします。

◼︎サービス内容
・HTML / CSSコーディング（静的ページ）
・レスポンシブ対応（スマホ・タブレットなど各種デバイス）
・jQueryによるアニメーション（フェードインやスライダーなど）
・Gulpを使用した自動化（ご希望に応じて）

◼︎提供プランについて
記載しております提供プランについては、あくまで目安となります。
ご依頼内容などお気軽にご相談ください。

◼︎ご購入の流れ

1. メッセージにてご依頼・ご相談ください（デザインや内容共有をお願いします）
2. プラン確定＆お見積
3. 作業開始（ご希望に応じて進歩報告を行います）
4. 作業終了後、お客様にご確認いただき必要に応じて修正を行います。
5. 納品

「まずは相談だけ」でも大歓迎です◎
お客様のご要望に応じて柔軟に対応いたしますので、お気軽にご相談ください！

会社、店、病院などの、
宣伝として、知名度アップ、サイト訪問者数アップを目指します

納品物
貴殿のサーバーにアップします

素材など（画像、文章など）を準備していただき、それを使って作っていきます

今までたくさんのサイトを作ってきました

数多くのサービスの中からご覧いただきありがとうございます！
□■━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━■□
CSS設計（BEM設計）を意識した綺麗なコーディング代行承ります
□■━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━■□

私自身、過去、コーディングを依頼した時に、
レスポンシブ対応がうまくできていなかったり、ロゴがずれていたり、
何度もやり取りした経験がございます。
そして何度も、修正依頼したためにプロジェクトの納期に
間に合わせることが難しくなってしまいました。

私は以下をお約束いたします。

◎進捗報告
→工程表を作成し、一目で進捗がわかるよう報告します。
◎チェックリストでの品質管理
→こちらを使用してチェックします。
◎こまめな報連相
→コーディング完了までに画像や文章が揃わない場合には、ご報告・ご提案いたします。
◎コーディング完了後の報告書の作成
→ピクセルパーフェクトでデザインを再現しますが、どうしてもデザインを実現出来ない時は、
コメントと一緒に報告書にまとめて報告します。

《ご用意いただく素材について》
デザインカンプ（Figma/Adobe Xd/Illustrator/Photoshop）

ご興味を持っていただけましたらDMでも結構ですのでご相談ください。

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

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

■サービス内容

・ 静的サイトのコーディング
・ 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. 納品いたします

本パッケージは以下のサービスです。
駆け出しのため費用は抑えております。
特に制作実績として公開させていただける方、
納期にご理解いただける方からのご依頼をお待ちしております。
ご提示した納期前に必ず納品いたします。

内容から判断がつかない場合は
お気軽にお問い合わせくださいませ！

◆◇ーーーーーーーーーーーーーーーーーーーー◇◆
こんな方におすすめ
・コーダー不足で新たに外注先や委託先を探している方
・コーダーをお探しのWebデザイナー様
・急ぎの案件ではないため費用を安く抑えたい方

◆◇ーーーーーーーーーーーーーーーーーーーー◇◆
ご提供内容
・HTML/CSS/JavaScriptによる静的サイトの構築（BEMを使ったCSS設計）
・静的サイトのWordPress化、WordPressオリジナルテーマ開発

◆◇ーーーーーーーーーーーーーーーーーーーー◇◆
全体の流れ
１．ヒアリング　
　└　正式なご依頼前にまずご相談くださいませ！
２．ご契約　＆　仮払い
３．制作開始
４．確認　＆　修正　
　└　ご検収いただくまで誠心誠意ご対応させていただきます。
５．納品

業務内容のご紹介

HP作成やLPなどのコーディングを承っております！

◆◇こんな方にお勧めです◇◆

・コーディングにリソースを割けない
・デザインはあるのでコーディングのみ外注したい
・漠然とこういう動きをつけたいんだけど…どう頼んだらいいかわからない
・小規模のコーディングを頼みたい
・スマホの対応もしてほしい

など、コミュニケーションをしっかりさせていただき
お客様に満足いただくことを最善に対応させていただきます。

◆◇ご用意していただくデータ◇◆

AdobeXD、Photoshop、Illustratorでのご用意をお願いいたします。
jpegや、pngしかない場合はご相談ください。

◆◇ご料金内対応について◇◆

〇動き関連
【スライダー、カルーセル】
【アコーディオン】
【タブメニュー】
【ハンバーガーメニュー】

〇ブラウザ
【Chrome、Firefox、Microsoft Edge】
【iOS11以降　Safari】
【Android5.0以降　Chrome】

〇サーバーアップロード

◆◇ご依頼から納品までの流れ◇◆

1. ご相談
まずはお気軽にご相談ください。

2. 見積もり提出
お見積もりと納期をご提示します。

3. オファーの作成・承諾
ご納得いただけましたらオファーを作成しますので、承諾してください。

4. 作業開始
作業を開始します。

5. ご確認・修正
完成したサイトを確認していただき、修正いたします。

「まずは相談する（無料）」のボタンからお気軽にご相談ください！

Webコーダーをお探しの方必見！ ホームページ・ランディングページのコーディングを代行します。

マークアップエンジニアとして10年以上の経験を活かして、HTML5とCSS3の仕様に準拠し、SEOとアクセシビリティに配慮した高品質なコーディングをご提供いたします。

• デザインはあるけどコーディングはお願いしたい
• デザインをきちんと再現してくれるコーダーを探している
• JavaScriptでサイトに簡単なインタラクションを加えたい

など、ホームページ・ランディングページのWebコーダーをお探しの方はぜひご検討ください。

【パッケージ内容について】
■ベーシック
下層ページの静的コーディング1P（デザインカンプ 縦 3000px 前後まで）、既存ページの一部修正など、まずはお試しでご利用いただく方におすすめです。

■スタンダード
トップページの静的コーディング、LPのコーディングもこちらから。（デザインカンプ 縦 6000px 前後まで）

■プレミアム
トップページの静的コーディング+下層ページ3Pまで。

【各プラン料金に含まれるもの】

• レスポンシブ対応（PC / SP）
• JavaScript（jQuery）を使った簡単なインタラクションの実装
• 画像の圧縮
• 表示確認・品質チェック（W3C Validation Service）

【オプション料金で対応可能なもの】

• WordPress構築
• お問合せフォームの実装（WordPressプラグインで対応）
• ブレイクポイントの追加（タブレット用など）
• JavaScript（jQuery）を使った複雑な動きの実装
• 下層ページの追加
• IE11表示対応

【JavaScript（jQuery）について】
一般的なプラグイン等で提供できる機能であれば各プラン料金内で対応可能です。

例：

• スライダー
• カルーセル
• スムーズスクロール（ページ内リンク、ページ先頭へ戻るボタン など）
• タブ切り替え
• ハンバーガーメニュー
• ヘッダー固定

ほか

オリジナルで複雑な動きを実装したい場合は、事前にご相談ください。

【対象ブラウザについて】
■パソコン（Windows・Mac）
Chrome、Firefox、Edge、Safari 各最新版

■スマートフォン（Android・iOS）
Chrome、Safari 各最新版

メーカーサポートの終了したIE11は、オプション料金での対応となりますのでご了承ください。

【ブレイクポイントについて】
ブレイクポイント（デザインが切り替わるポイント）は1箇所まで無料で対応可能です。
PC用とスマートフォン用のデザインデータをご提供ください。

タブレット用など、上記以外の画面サイズにも対応させる場合は、オプション料金での対応となりますのでご了承ください。

【納品形式について】
原則としてデータ納品（ファイル一式を zip 圧縮したもの）になりますが、サーバーへのアップロードにも対応可能です。
その場合は FTP 情報をお知らせください。

【購入の流れ】
「見積もり・カスタマイズの相談に進む」より、ご依頼の内容を詳しくお聞かせください。
　　　↓
デザインや納期などを確認させていただき、こちらから見積りを提出いたします。
　　　↓
見積り、納期などに問題なければ、仮払い手続きをお願いいたします。
同時にデザインデータなど、コーディングに必要なデータをご提供ください。
　　　↓
コーディング開始
　　　↓
テストアップ・修正対応
テスト環境にページをアップしますので、ご確認をお願いいたします。

修正回数の制限は設けていませんが、この段階でデザイン変更が発生する場合、追加料金が必要になる場合がございますのでご注意ください。
　　　↓
最終確認・納品
修正箇所も含めて最終確認が終わり次第、納品となります。

【営業時間について】
10:00〜19:00（土日祝を除く）

【納期について】
記載の納期は、仮入金およびデザインデータのご入稿後から着手した場合に必要な営業日の目安です。
状況によっては記載の納期で対応できない場合もございますので、お急ぎの方は購入前にお問い合わせください。

こんな方におすすめ

・古いデザインのまま放置しているサイトを直したい
・スマホで見ると崩れるページを直したい
・文字が小さい／読みにくいサイトを改善したい
・業者に頼むほどではないが、自分では直せない

【 提供内容 】
※新規サイト制作・大規模リニューアルは対象外です。
・HTML/CSSの修正
・スマホ対応（レスポンシブ化）
・文字サイズ・余白・行間の調整
・レイアウト崩れの修正
・フォーム表示の調整
・軽いデザインの今風調整

【 納品物 】
・修正済みHTML/CSSファイル
・または修正箇所のコード一式
・事前／事後の比較画像（ご希望があれば）

【 ご購入後の流れ 】
サイトURL、またはHTML/CSSデータを送付
↓
修正したい内容をヒアリング
↓
作業開始
↓
仮納品 → 確認
↓
微調整後、正式納品

【 対応できるサイト例 】
・個人サイト
・小規模企業サイト
・ブログ
・LP
・ポートフォリオ
・古い静的HTMLサイト

【 料金・オプション 】
・基本プラン：指定ページの修正
・ページ追加、フォーム修正、特急対応などはオプション対応

【 納期目安 】
・基本：3〜5日
・特急対応：最短1〜2日（オプション）

「早くて丁寧」を追求！あなたのWebサイトを確実に形にするスピード開発を提供します

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

「LPを作りたいけど、どこに頼めばいいか分からない」「Webサイトの修正が急ぎで必要」「WordPressサイトを作りたいが技術的なことが分からず困っている」「既存サイトの表示速度が遅く、改善したい」「レスポンシブ対応していないサイトを現代的にしたい」

発注の流れ

1. 相談・ヒアリング
   ランサーズのメッセージ機能にて、お悩みやご要望、サイトイメージなどを詳しくお聞かせください。

2. お見積り・ご提案
   ヒアリング内容に基づき、最適なプランとお見積り、納期をご提案します。

3. 仮払い・制作開始
   内容にご納得いただけましたら、仮払い後に制作を開始します。ランサーズのメッセージ機能で進捗をご報告いたします。

4. レビュー・修正
   制作物をご確認いただき、修正点があればプランに応じた回数で対応します。

5. 最終確認・納品
   最終的なご確認後、データにて納品いたします。

対応範囲・価格

LP一部コーディング・修正：30,000円〜
既存サイトの軽微な修正、またはLPの1セクション程度のコーディングを承ります。

レスポンシブLPコーディング：70,000円〜
デザインカンプからPC/SP対応の高品質なLPをコーディングします。

WordPressサイト構築・導入：120,000円〜
お客様のビジネスに合わせたWordPressサイトを設計から構築・導入までサポートします。

納期

プランにより最短7日〜最長30日程度

制作の流れ

要件定義・素材確認
お客様のご要望を詳細に確認し、必要なデザインデータや画像素材を共有いただきます。

コーディング・開発
HTML/CSSでのコーディング、WordPressテーマの構築・カスタマイズを行います。進捗は随時ご報告します。

動作確認・検証
各デバイスでの表示確認、リンク動作、パフォーマンスなどを厳しくチェックします。

最終調整・納品準備
細かな調整を行い、納品形式を整えます。

サービス内容

HTML/CSSを使ったレスポンシブLPコーディング、デザインカンプからの忠実な再現、WordPressでのサイト構築・カスタマイズ、そして既存サイトの修正やパフォーマンス改善まで幅広く対応します。「スピード納品」と「丁寧なコミュニケーション」をモットーに、お客様のWeb課題を迅速かつ確実に解決し、ビジネスの成長をサポートいたします。初めての方も安心してご相談ください。

WebサイトやLP、急いで作りたいけど、どこに頼んだらいいか悩んでいませんか？「Web制作カズ」は、HTML/CSSやWordPressを使ったLPコーディング、既存サイトの改修を得意としています。特に「スピード納品」と「丁寧なコミュニケーション」を大切にしているので、初めてWeb制作を依頼する方もご安心ください。デザインカンプ通りの忠実な再現はもちろん、レスポンシブ対応もバッチリ。表示速度の改善やバグ修正も承ります。お客様の「困った」に寄り添い、確かな技術でビジネスを後押しします。まずはお気軽にご相談ください！

◎ご提供内容
　HTMLのコーディング
　レスポンシブ対応

◎対応可能な言語
　HTML、CSS、JavaScript(jQuery対応可)

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

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

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

（１）WordPressなどのCMSを使ってサイトを作成している場合
テーマを変更することによってレスポンシブデザイン対応が可能な場合があります。ご相談ください。

（２）HTML/CSSのみで書かれたページの場合
CSSにレスポンシブデザイン部分を追記することによって、レイアウトを変更し、スマホ画面に対応させることができます。
HTMLの改変を伴う場合があります。

レイアウトの変更や画像の縮小・拡大のみで、新規にデザインを起こすことはしません。あくまで既存のデザインを使います。

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

・文章の追加、変更、削除。
・画像の追加、変更、削除。
・理由はわからないがデザインが崩れた。
・部分的にレスポンシブされていない。

などのご要望がありましたら、是非おまかせください！

▼料金
1か所3000円からお受けしております。
※修正範囲が広くなりますと追加で料金を頂く場合がございます。

▼サービスの流れ
①ヒアリング
WEBサイトの現状と発生している問題についてお聞かせください。
修正を希望する内容と修正後のイメージをお伺いします。

②お見積り・ご契約
ご希望内容の詳細をお伺いした後にお見積りさせていただきます。

③ご依頼作業開始
事前にご用意いただきましたFTP情報などを確認し作業開始になります。

④ご確認と修正
作業内容をご確認いただきます。

⑤最終確認
修正した内容をご確認していただき問題がなくなりましたら完了となります。

⑥納品
ご契約内容に相違がなければクローズとなります。
ご依頼いただきありがとうございました。

▼納期
ご依頼内容によってはご依頼していただいた当日の納品が可能です。
ご希望の納期がございましたらご相談ください。

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

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

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

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

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

当サービスをご覧いただきありがとうございます。
当サービスではいただいたデザインデータから、HTML.CSS.JavaScriptを用いてLPのコーディングを代行致します。

【料金】
先着10名様　15,000円〜 お受け付け致します。
通常料金　20,000円〜
画像コーディングや短いLP 7,000円〜
WordPress化　10,000円
※修正無制限、レスポンシブ対応無料

【制作の流れ】
見積もり・カスタマイズの相談からお見積もり頂きます。
↓
デザインデータの共有をお願い致します。
↓
コーディングさせて頂きます。
↓
修正内容があれば修正致します。
↓
納品

【納品方法】
zipファイル
サーバーへのアップロード
WordPress実装
※FTP情報の共有、WordPress化の場合はWordPress情報のご共有をお願い致します。

【デザイナー様が精魂込めて制作したデザインを丁寧にコーディングいたします！】

多数の出品パッケージからご覧いただき、ありがとうございます。
個人の方から法人様のホームページまで幅広く制作を行なっている上田 真義（うえだ まさよし）と申します。

【 こんなデザイナー様におすすめ 】

• WEBサイト制作を一括して受注したいデザイナー様
• 社内コーダーのリソースが不足している制作会社様
• コーディングを外注できるパートナーをお探しのデザイナー様や制作会社様
• すでにデザインはお持ちの個人事業主様や法人様

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

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

■ 作業内容

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

■ ご相談から納品までの流れ

①ヒアリング

ご依頼予定のデザインのご案内や、ご希望の納期、作業範囲などお聞かせください。
お聞かせいただいた内容を基に対応の可否を判断させていただきます。

↓

②お見積もり・ご依頼

作業内容、納品予定日、お見積もりをご提示いたします。
こちらをご覧いただき、ご依頼いただくかどうかご検討ください。
ご依頼となりましたらデザインデータと制作に必要な素材（写真、画像、ロゴ等）をご提供ください。
↓

③コーディング作業開始、初稿の提出
コーディングを開始し、完了次第初稿をご確認いただきます。
修正等がございましたら、都度迅速に対応させていただきます。
↓
④納品

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


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

表示確認の環境

・PC
Google chrome、Safari、Firefox、Microsoft Edge
・スマホ
Google chrome、Safari

当サービスの強み

土日祝祭日も作業しておりますので、金曜日にご依頼をいただき翌週月曜日の納品なども可能です。（ページ数や内容によります）

ご依頼者様のビジネスパートナーとして、懇切丁寧に対応・作業させたいただきます。
些細なご質問やご相談でもお気軽にお問い合わせください！

▼デザインを含む一括したWEBサイト制作プランをご希望の方はこちら

https://www.lancers.jp/menu/detail/1228898

▼ポートフォリオ

https://www.lancers.jp/profile/masayoshi0404/portfolio?ref=more

▼こんな方へオススメ
・テキストや画像を少しだけ修正したい方
・自分で触るのが不安な方
・軽微な崩れや表示不具合を直したい方
・コストを抑えて手軽に依頼したい方
・継続的に細かな更新を任せたい方

▼ご提供内容
・テキスト修正、画像差し替え
・HTML／CSSの軽微な修正
・レイアウトの簡単な調整
・リンク修正や簡単な機能調整

▼ご購入後の流れ
①ご相談・内容確認
②お見積もり提示
③ご購入
④作業開始
⑤ご確認・修正対応
⑥納品

▼制作可能なジャンル
・企業サイト
・店舗サイト
・LP（ランディングページ）
・ブログ／メディアサイト

▼料金プランやオプション
・軽微修正（1ページ）：3,000円〜
・複数箇所修正：内容に応じてお見積もり
・追加修正／大幅変更：別途対応可能

▼納期
・通常：2～14日程度
・内容により変動あり

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

食べることが大好きなコーダー、田中と申します。
　

▶︎サービス内容　

・HTML・CSSコーディング
・jQuery/JavaScriptを用いたアニメーション実装
・WordPress構築
・お問い合わせフォーム実装

▶︎基本料金内

・jQuery/JavaScriptを用いたアニメーション実装
・レスポンシブ対応
・品質確認
・長期メンテナンスしやすいCSS設計（BEM記法）

▶︎制作の流れ

①ヒアリング
チャットやビデオ通話によるご相談・スケジュール確認させていただき、お見積もりいたします。
②契約
問題がなければご購入をお願いいたします。
③制作・確認
制作物のご確認をお願いいたします。
修正点ございましたら可能な限りご対応させていただきます。
④納品
問題なければ、制作物をzipファイルにて納品させていただきます。

ご用意いただくもの

・デザインデータのご用意(XD、Photoshop、Illustrator、Figma)
・FTP情報(レンタルサーバーへのアップロード納品ご希望の場合共有お願いいたします。)

▶︎注意事項

①作業開始後のデザイン変更は工数が発生するため、追加料金をいただく場合がございます。
②ブレイクポイントは基本的に768pxで設定します。＊ご要望あればご相談ください。
③品質確認(対応ブラウザ)
PC：Chrome、Safari、Edge、Firefox
スマホ：Chrome、Safari
実機確認：Mac、iPhone、Android

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

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

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

▼基本の作業内容

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

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

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

▼制作の流れ

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

■サービス出品経緯

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

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

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

■サービス概要

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

※当サービスは、「静的サイト（WordPressなし）を前提とした構築」がメインですが、
　WordPress実装の案件も承っております。

　　　　　　　↓　↓　↓

▼【低価格・高品質】WordPress構築＋コーディング（スマホ・レスポンシブ対応）作業を承ります。
　https://www.lancers.jp/menu/detail/1239400

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

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

私はデザインとコーディングともに経験を積んできましたが、
コーディング（WordPress構築）をより得意としています。
そして、PCデザインからスマホ対応Webサイトの制作は70件以上こなしていますので、
ご要望どおりの制作が可能です。

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

丁寧で高品質なコーディングを心がけています。
まずはお気軽にご相談ください。

▼こんな方におすすめ
・デザインはあるがコーディングができない方
・外注したいが品質や対応に不安がある方
・レスポンシブ対応までまとめて依頼したい方

▼ご提供内容
Figma / Adobe XD / Photoshop等のデザインデータから
高品質なHTML/CSSコーディングを行います。

・レスポンシブ対応（スマホ・タブレット）
・保守しやすいコード設計
・SEOを意識したマークアップ
・軽微な修正対応込み

▼対応可能技術
・HTML / CSS / JavaScript
・Vue / React（簡易対応）
・WordPress（テーマ化・カスタマイズ）

▼強み
・フルスタックエンジニアが対応
・設計〜運用まで理解した実装
・生成AI・最新技術にも対応可能
・Figmaデザインの忠実再現が得意

▼ご購入後の流れ

1. ご相談・ヒアリング
2. お見積り
3. コーディング
4. ご確認・修正対応
5. 納品

▼納品形式
・HTML / CSS / JS一式
・WordPressテーマ（オプション）
・ZIP / GitHub / サーバーアップ対応可能

▼納期
プランに応じて対応いたします
（お急ぎの場合は即納オプションをご利用ください）

▼注意事項
・デザインデータのご提供をお願いいたします
・大幅な仕様変更は追加費用となる場合がございます
・内容によりお見積りさせていただく場合があります

【サービス紹介】
デザインデータを元に、高品質なHTML・CSS・JavaScriptコーディングを行い、レスポンシブ対応・SEO最適化も実施します。

【サービスの特徴】
・高品質コーディング：クリーンなコードでメンテナンスしやすい構造
・レスポンシブ対応：スマホ・タブレット・PCで最適な表示
・SEO対策：検索エンジンに強いコーディング
・スピード納品：最短3日で納品（要相談）
・修正対応：納品後3回まで無料修正

【サービスの流れ】
① ご依頼・ヒアリング（デザインデータ・要件を共有）
② コーディング開始（HTML・CSS・JSの実装）
③ 動作確認・修正（テスト環境で確認・修正）
④ 納品（完成データをお渡し）
⑤ アフターサポート（納品後の軽微な修正対応）

【作品】
・コーポレートサイト
https://moritaproductions.com/demo/corporate/

・ファッションサイト
https://moritaproductions.com/demo/fashion/

・家具サイト
https://moritaproductions.com/demo/company/

・弁当デリバリーサイト
https://moritaproductions.com/demo/Lunchbox/

・作品一覧
https://moritaproductions.com/works/

本サービスをご覧いただきありがとうございます。
本サービスはHP・LPのコーディングを行います。
WordPress構築も対応いたしますのでご相談ください。
独自で作成した品質管理シートを用いて徹底した品質管理を行っています。

■本サービスはこんな方におすすめです

・コーダー不足で外注先を探している制作会社様
・コーディングが苦手なWebデザイナー様
・ディレクションやデザインに集中したい方など

■サービスの内容

・HTML/CSS/JavaScripを使用した静的コーディング
・レスポンシブ対応
・JavaScript (ハンバーガーメニュー、スライダー等）
・お問い合わせフォームの設置
・WordPress構築
※納品前修正は無制限で対応いたします。

■料金

・LP 1本２万〜
アニメーション付き

※デザイン内容やボリュームにより追加料金をいただく場合がございます

--以下は無料で対応いたします--
・レスポンシブ対応
・基本のSEO対策
・納品前無制限修正
・納品後、１ヶ月間無償修正

■納品方法

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

■納期

1ページあたり2日～(目安)
デザインや実装内容により変動するためご相談ください

■修正について

大幅なレイアウト変更や追加は別途料金をいただく場合がございます。

■デザインデータ

Figma、Photoshop、XD など

======特に以下の点を重視し、全力でサポートいたします。========

● 迅速かつ丁寧なコミュニケーション
　- 初回のご連絡には原則3時間以内にご返信いたします。
　- 遅くとも24時間以内には必ずご返信いたします。

●高品質なコーディングの提供
　- 独自の品質管理シート（20項目以上） を用いて品質を確実に担保し、成果物を納品いたします。

●進捗の「見える化」
　- 進捗管理シートを活用し、制作状況を日々共有。
　- スムーズな納品をお約束いたします。

●報告・連絡・相談の徹底
　- 常に状況を共有し、認識のズレがないよう努めます。

●ご要望の最大限の実現
　- 仕様やデザインの意図を理解し、可能な限りご希望に沿った形での実装を心がけます。

●お値段以上の価値をご提供
　- デザインについて適宜気づいた点や、アニメーションのご提案をするようにしています。クライアント様にとってHP、LPは名刺代わりのようなものなのでいっさい妥協せず制作に取り組みます。

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

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

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

▼こんな方へオススメ
デザインデータを持っているけれど、HTML/CSSのコーディングに時間がかかる方
外注で信頼できるコーダーが必要な方
コーディングから本番アップまで一貫してお任せしたい方

▼ご提供内容
HTMLとCSSを基にしたコーディングを行います。デザインデータ（現時点ではFigmaのみ）に対応可能です。JavaScriptやjQueryを使った動的な要素の追加も承ります。

▼ご購入後の流れ

1. オンラインでのヒアリング（Zoom、Google Meetから選択可能）
2. コーディング作業
3. テスト環境の準備
4. 最大3回までの修正対応
5. 納品（データ一式の送付または本番サーバーへのアップロード）

▼制作可能なジャンル
公序良俗に反しない限り、ほぼすべてのジャンルに対応可能です。アダルトコンテンツは除外しています。

▼料金プランやオプション
基本サービスには、HTML/CSSコーディング、レスポンシブ対応、テスト環境の提供、指定サーバーへのアップロード、納品後1週間の修正対応が含まれます。

★こんな方におすすめ★
・コーディングだけお任せしたい方
・コーダーのリソースが不足中の方
・繁忙期のみご依頼したい方
・こまめな進捗報告など丁寧なやり取りをご希望の方

★プランについて★
・修正無料です。
（大幅な変更など追加のご要望によるものは別途相談させていただきます）
・（スマホ画面幅）レスポンシブ対応込みです。
・ヘッダー追従、簡易なホバーアニメーション、ハンバーガーメニュー（スマホメニュー）、Q＆Aで使用されるようなアコーディオンメニュー、TOPへ戻るボタンはプランに含みます。デザインのご共有時にご希望お伺いできれば幸いでございます。

★わたしについて★
・平日日中の連絡可能です。
（水曜の午前中や用事の際は連絡が遅れる事もありますが、必ずその日中に返信いたします）
・納期守る、返信は途切れない、とばないなど最低限のことを厳守いたします。
・約一年フリーランスコーダーとして活動し、Wordpress構築やフロントコーディングを担当して参りました。

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

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

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

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

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

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

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

ご依頼・制作の流れ

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

グーグルフォーム は利用料無料。
データの保存も勝手にしてくれるしグラフ化、項目別に集計が取れるとあって人気のツールですよね。

便利なのは間違いない。でも・・
あの見た目がなんとかならないか…？って思いませんか？

こだわりのあるあなたのための、サービスです。

ーサービス内容、順序ー

・グーグルフォームにて項目、選択肢など作ったものを頂きます。（わからなければ手書き写メ可能です）

・デザイン構想（相談して作りましょう）⇦ここが一番楽しい！

・実際にコーディング

テスト送信完了後、納品となります。

フォルダ形式で納品となります。(ZIPファイル）
アップロードはサーバー情報が必要になるため、ご自身でお願いしております。
わからないことは聞いていただければわかるまで説明しますので、ご安心ください。

実際に作ったものがあるので、「どんなのか見せて！」と一声いただければURLお伝えしますね。

メッセージ、些細な質問からお待ちしてます。
（ファーストメッセージから２４時間以内に返信しております！）

＊納期は応相談ですが、デザイン構想の相談にお時間いただいた場合は、納期も同時にお時間頂く形となりますのでご了承ください。

ー　私のこと　ー

学校生活を経て、大手エステ会社に就職。
エステティシャンとなり、その後独立。

美容ブログ運営歴5年。（現在放置中…）
３年以上、美容ブログPVランキング１位を継続。

自分で体験した嘘偽りない情報を伝えるブログスタイルが
多くの女性に支持され、
コンスタントに月間２０万PVを誇るパワーブロガー（でしたw）

”みんなで創る化粧品”というコンセプトのもと、
監修化粧品を作り上げ、初回生産分即完売。

組織に属さなくても個人で、 都会ではなく地方からでも、
在宅で仕事をする起業スタイルを確立。

ブログの発信よりもデザインに魅力を感じ、
周りからは勿体無いと言われながらも
発信を思い切ってやめ、デザイン業に移行。

現在、化粧品販売、スキンケアコンサルタントとして活動する傍ら、
メディア構築の知識とデザインセンスを活かし、
バナーデザイン、サイト構築、動画編集、Web集客サポートをしている。

スピーディーかつ丁寧で温かさを感じるサポートが、 クライアントから好評。

（サービス利用後のクライアントの声引用）

趣味はパソコン、カメラ。
知らないことがあると気持ち悪い性分から、わかるまで極める癖がある。
犬と一緒に外で遊ぶこと、お酒を飲むのが大好き。

ご覧頂きありがとうございます。
Webコーダーのまきせと申します。
本サービスは基本的に静的サイトのコーディングを行います。
WordPress構築も対応いたしますのでお気軽にご相談ください。

■本サービスはこんな方におすすめです

・コーダー不足で外注先を探している方
・WordPressが苦手
・WordPressが自分でできない
・コーディングが苦手なWebデザイナー様
・ディレクションやデザインに集中したい方など

■サービス内容

・デザインカンプからHTML/CSS/JSでの静的コーディング
・レスポンシブ対応
・JavaScript(jQuery)を用いたアニメーション実装（ハンバーガーメニュー、スライダー等）
・お問い合わせフォームの実装
・WordPress構築
その他既存サイトの文言、軽微なデザインの修正、アニメーションの追加等
何でもご相談くだださい。

■納品までの流れ

1,ヒアリング、デザインや情報のご提供
2,お見積り
3,ご契約
4,着手開始
5,最終確認・修正
6,納品
7,プロジェクト完了
※報連相を徹底していますので細かく進捗状況はご報告させていただきます。
※納品前の修正は無制限でご納得いただくまで行います。

ここまでご覧いただきありがとうございます。
以下に私について記載させていただきましたのでぜひ、ご一読ください。

■経歴

オンラインスクール【デイトラ】にてWeb制作を学習し現在は卒業してWebコーダーとして活動しています。
2024.11 株式会社デイトラが実施する実務即応型の検定 コーディング実務検定に合格。

■スキル・可能業務

・HTML/CSSコーディング
・JavaScript（jQuery）を使用したアニメーション制作
・WordPress化（完全オリジナルテーマの制作／PHP対応）
・デザインカンプを忠実に再現

■制作実績

・LP×5本(ドロワー、スライダーとう基本アニメーション付き、レスポンシブ対応、)
・静的コーディングからWordPress構築
(トップページ＋下層7ページ)(投稿系ページ、カスタム投稿１タイプずつ)(コンタクトフォーム設置プラグイン使用)

■仕事への姿勢

・迅速なレスポンスと報連相（報告・連絡・相談）を徹底し、円滑な業務進行に貢献いたします。
・報告・連絡・相談の徹底
・柔軟かつ誠実な対応
・ご要望を最大限実現する努力
お客様にとって価値ある成果を提供できるよう努めます。

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

「伝わらない」を解消！営業経験10年のフロントエンドエンジニアが、要望を正確に捉え、動きで魅せるハイクオリティなWebサイトを実装します。

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

エンジニアとのコミュニケーションがうまくいかない、要望が伝わらず認識のズレがある、サイトの動きが少ない、スマホ対応の質の高いコーディングを依頼したい、納期が心配、修正に柔軟に対応してほしい

発注の流れ

1. お問い合わせ・ヒアリング
   まずはお気軽にメッセージでご相談ください。サイトの目的やターゲット、ご希望の動きなどについてヒアリングさせていただきます。

2. 企画・お見積もり
   ヒアリング内容を基に、最適なコーディングプランと費用、納期をご提案し、詳細なお見積もりを作成します。

3. 契約・仮払い
   提案内容にご納得いただけましたら、ランサーズ上で契約と仮払いをお願いいたします。これにより制作がスタートします。

4. 制作開始
   ご提供いただいたデザインカンプと素材を基に、コーディング作業に着手します。進捗状況は定期的にご報告いたします。

5. 確認・修正
   テスト環境で実装をご確認いただき、必要に応じて修正対応を行います。ご納得いただけるまで調整を重ねます。

6. 納品
   最終確認後、HTML、CSS、JavaScriptファイル一式を圧縮ファイルで納品いたします。ご希望に応じGitHubでの納品も可能です。

対応範囲・価格

LPコーディング：40,000円〜
デザインカンプ（Figma, XD, Photoshop）から、ユーザーの心を掴む動きのあるランディングページを忠実にコーディングします。

複数ページサイトコーディング：120,000円〜
複数ページ（3〜5ページ）のWebサイトを、レスポンシブ対応かつ魅力的なアニメーションを取り入れてコーディングいたします。

アニメーション・インタラクティブ実装：20,000円〜
スクロールに合わせて要素が動いたり、視差効果を取り入れたりするインタラクティブな表現を実装し、サイトの魅力を高めます。

納期

プロジェクト開始から平均14〜30日程度（規模により変動）

制作の流れ

要件定義・素材準備
デザインカンプ、テキスト、画像などの素材をご準備いただき、サイトの全体像やアニメーションの詳細な要件を擦り合わせます。

コーディング着手
ご準備いただいたデザインカンプと要件に基づき、HTML、CSS、JavaScriptを使い忠実にコーディングを進めます。レスポンシブ対応も並行して行います。

レビュー・修正
テスト環境で実装したサイトをご確認いただき、お客様からのフィードバックを元に修正や調整を行います。密なコミュニケーションで認識のズレを防ぎます。

最終調整・納品準備
修正が完了し、お客様にご満足いただけましたら最終的なコードの最適化を行い、納品準備を進めます。

サービス内容

Figma、XD、Photoshopなどのデザインカンプから、HTML/CSS/JavaScriptを用いて忠実にWebサイトをコーディングします。単なる再現に留まらず、スクロールアニメーションやパララックス効果など「動きで魅せる」表現を取り入れ、レスポンシブデザインでPC・タブレット・スマホ全デバイスに対応。営業経験で培った円滑なコミュニケーションで、お客様の要望を正確に形にします。

「エンジニアに要望がうまく伝わらない」「レスポンスが遅い」といったご経験はありませんか？Webサイト制作において、クライアント様の期待と完成物にズレが生じるのはコミュニケーション不足が大きな原因です。私は10年間の営業経験で培った傾聴力と提案力で、お客様の真のニーズを正確に把握し、明確な言語化で開発チームとの橋渡しをいたします。HTML/CSS/JavaScriptを駆使し、FigmaやXDのデザインカンプを忠実に再現。さらに、スクロールアニメーションやパララックス効果で「動きで魅せる」インタラクティブなWebサイトを構築。ただ組むだけでなく、訪問者の心を動かすサイトでビジネスを加速させませんか？スムーズなプロジェクト進行と高品質な成果物で、あなたのビジネスを次のステージへと導きます。まずはお気軽にご相談ください。

ユーザー目線を意識したコーディングで、既存Webサイトを整えます

既存のWebサイトやLPについて、
「スマホで見づらい」「ちょっとした修正をしたい」「実装を手伝ってほしい」
といったお悩みに対応いたします。

HTML / CSS を中心に、
見た目だけでなく ユーザーが迷わず内容を理解できる構造 を意識し、
丁寧にコーディング・調整を行います。

このようなご相談に対応しています

・スマートフォンで表示が崩れている
・テキストや画像を差し替えたい
・レイアウトや余白を整えたい
・デザインはあるが、実装を任せたい
・LPの一部セクションを追加したい

小さな修正からでもお気軽にご相談ください。

発注の流れ

1.ご相談・ヒアリング
　メッセージにて、修正内容やご要望をお伺いします。

2.作業内容・お見積りのご提案
　対応範囲・作業内容・金額をご提示します。

3.仮払い後、作業開始
　内容確定後、作業を開始します。

4.確認・納品
　ご確認いただき、問題なければ納品となります。

対応範囲・価格目安

・既存ページの修正・更新：10,000円〜
　テキスト修正、画像差し替え、CSSの微調整など

・既存ページのレスポンシブ対応：20,000円〜
　スマートフォン表示を意識した調整

・LP・Webサイトの一部コーディング：40,000円〜
　デザインデータをもとにHTML / CSSで実装

※内容・ボリュームによりお見積りいたします。

納期目安

内容確定後、3日〜2週間程度
（作業量によりご相談）

対応可能な環境・スキル

・HTML / CSS
・JavaScript（軽微な表示切替など）
・PHP（基礎理解）
・Visual Studio Code
・Google Chrome（デベロッパーツール）

対象外作業

以下の内容は、基本対応範囲外となります。
※内容により別途ご相談可能です。

・デザイン制作・デザイン修正
・ロゴ・バナーなどのグラフィック制作
・WordPress等CMSの構築・テーマ開発
・複雑なJavaScript処理・高度なアニメーション実装
・SEO施策の効果保証・順位保証
・サーバー移行・ドメイン設定などのインフラ作業
・仕様が確定していない状態での作業開始

サービス内容・姿勢

デザインデータがあるWebサイトの
HTML / CSSコーディング、既存ページの修正・改善、レスポンシブ対応を行っています。

単にデザインを再現するだけでなく、
「初めて訪れたユーザーが迷わず行動できるか」
という視点を大切に、構造や導線を意識した実装を心がけています。

実績はまだ多くありませんが、
その分、丁寧な確認・コミュニケーションを重視し、
安心して進めていただける対応を行います。

「少し直したい」「まずは試しに頼みたい」
そんなご相談も歓迎です。
どうぞお気軽にご連絡ください。

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

【こんな方におすすめ】
・コーディング業務の外注先をお探しの制作会社様
・コーダーのパートナーを探しているデザイナー様
・デザインはあるがコーディングだけお願いしたい

【サービス内容】
　・HTML/CSSを用いた静的ページコーディング
　・Sass（FLOCSS）を用いた保守・予測・拡張しやすい設計
　・スマホ対応(レスポンシブ)
　・Webページアニメーション機能実装（スライダー、アコーディオン、ハンバーガーメニュ　　　　
　　ーなど）
　・WordPress化（初期設定やカスタム投稿・カスタムフィールドなど）
　・お問い合わせフォームの実装
　・品質チェック(W3Cチェックや表示崩れチェックなど)
　・基本的な内部SEO対応
　・納品後の修正対応
　　納品後、2週間以内であれば軽微なものは無償で対応いたします。
　　誤字/脱字など、当方の落ち度によるものは2週間経過後でも対応いたします。

【対応可能ツール】
　・Figma
　・Adobe XD
　・Adobe Photoshop
　・Adobe Illustrator
　
【制作実績】
下記サイトにまとめておりますので、ご確認ください
https://www.notion.so/093965519def4197ac7d2ee67faf4b2d?pvs=4

【納期について】
　稼働状況やページ数によって変わりますので、お見積もり時に提示させていただきます。
　返信待ちにより納期が延びないようご協力をお願いいたします。

【納品方法】
　zipファイル、All-in-One WP Migrationデータ、又は指定のサーバーにアップロードして納品いたします。
　（サーバー納品の場合は一般的なレンタルサーバーのみ対応）

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

（見積/相談は無料です）

制作物はコーディングの実績として掲載させていただく場合がございますので、掲載不可の場合はお知らせください。

【制作会社様・デザイナー様向け】足りないリソース外注しませんか？

保守性の高いコーディングを提供します

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

「リソースが足りない」、「質の良いコーディングを求めている」、「デザインはあるがコーディングだけお願いしたい」、「デザインを細部まで再現してほしい」、「1ページだけでもコーディングしてほしい」
そのようなお客様に寄り添い大切なデザインをコーディングします。
もちろん静的サイトコーディング後、WordPress化まで請け負います。

【SassやGulpを使用し、効率よく保守性の高いコーディング】
SassやGulp、FLOCSS・BEMを使用し効率よく、素早く、保守性の高いコーディングで仕上げていきます。またクライアント様から提示された要件定義を遵守し、ご満足いただけるコーディングに仕上げます。

【全プラン共通の内容】
・HTML/CSSを用いた静的コーディング
・スマホ、PC対応
※デザインデータがPCしかない場合、こちらでスマホを修正します。
・ハンバーガメニュー
・お問い合わせフォームの設置のみ（ベーシックは除く）
・3回までの修正対応（こちら側のミスは除く）

【当サービスの特徴】
・最短本日から作業を開始します。
・上述しましたが、保守性を意識した質の良いコーディングを提供いたします。

【ご契約後の流れ】
①事前のヒアリング
ご契約前にヒアリングをさせて頂き、作業量・納期から正式お見積もり金額お伝えさせていただきます。
事前にデザインカンプをご用意ください

②仮払い・情報のご提供
打ち合わせにてご納得頂けましたら、この段階でご契約とさせていただきます。
事前情報として、サーバー情報のご提供をお願いします。（サーバーにアップ不要であれば本情報は不要です。）

③トップページ制作
※3回まで修正可能

④下層ページ制作
※3回まで修正可能

⑤最終確認

⑥本番環境（クライアント様のサーバー）で公開（納品）またはファイル形式でお渡し

【最後に】
私自身、コーディングという業務に大変誇りを持っています。大事なデザインをただ単に再現するのではなく、クライアント様とデザイナー様の思いをこめながら、素晴らしいホームページを制作できればと思っております。宜しくお願いいたします。

▼こんな方へオススメ

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

▼ご提供内容

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

▼制作までの流れ

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

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

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

・リソースを増やして、事業拡大を検討している
・簡単なコーディングを外注化して、自分にしかできないことに力を入れたい
・コーデイングも含めた案件を獲得したい

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

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

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

■提供可能なこと
・HTML/CSS/jQueryを使ったコーディング
・保守・運用しやすいようなCSS設計
・Wordpressの導入、構築、改修
・独自チェックリストを用いた報連相
・gulpの環境構築
・gitでのコード管理

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

※WordPressは別途追加費用が発生いたします。

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

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

■実績

・経歴
アパレル、美容系のECサイトの運営に従事
フリーランスとしてWebサイト制作の活動を開始

6社のWeb制作会社と業務提携を結び活動しております。
「丁寧な対応でよかった！」「より良い提案を積極的にしてくれて助かる」「金額以上のサービス内容だった」などのお声をいただいております。
　
・仕事に対する姿勢
丁寧なコミュニケーション、迅速なレスポンス、定期的な進捗の報告、納期厳守

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

提案金額は目安です。ページ数の増減、納期の前後などにより調整可能です。