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

ご覧頂きありがとうございます。
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ページ)(投稿系ページ、カスタム投稿１タイプずつ)(コンタクトフォーム設置プラグイン使用)

■仕事への姿勢

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

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

【制作内容】
HTML/CSSコーディングを行います。（レスポンシブデザイン対応可能）
また、WordPressの導入およびオリジナルテーマの構築が可能であり、必要なプラグインの導入も行います。さらに、Webサイトの修正やエラーの修正も対応いたします。

【購入・納品の流れ】
1.見積もり
作成するページ数やご要件に応じて金額は変動いたします。
そのため、「まずは相談する」よりご依頼の内容を詳しくお知らせください。
納品日の目安と、追加で購入が必要なオプションがある場合ご案内いたします！

2.デザインの確認、仕様の確認
お見積もりなど問題なければ、そのままご発注をお願いいたします。
その後、写真やテキストなど、サイトに使用する素材がある場合お送りください。

3.制作開始
最終的な納品日をお伝えし、サイト構築開始いたします。

4.納品
テストサイトをこちらで用意いたします。
テストサイトでデザインや文言、アニメーションなどの確認を行っていただき必要があれば修正を行います。
修正回数は無制限です。
問題なければ本番環境へのアップロードまたは、ご要望に合わせてデータを送付いたします。

【デザインデータについて】
XDまたは、PSD、AIでのデザインのみ可能です。
画像データを切り出しを行ってデザインデータと一緒に提出してください。
また、SPデザインはトップページのみでも可能です。（こちらでSP用に調整いたします。）

【実績】
・不動産（賃貸・建売・売買どれも経験あり）
・中小企業（コーポレートサイト）
・人材派遣
・採用ホームページ
・保育園
・美容室
・葬祭
・イベント（イベントの応募や紹介なども可能）
など

フリーランスのWebコーダー、みずと申します。
・ プロジェクトの納期が迫っていて、コーディングのリソースが足りない
・ クオリティを維持しながら、信頼できる外注先を探している
・ コーディングはできるが、細かい部分やWordPressの実装に不安がある
➡︎ そんなお悩みを解決します！ お気軽にご相談ください。

▼サービス内容
・HTML/CSSのコーディング（レスポンシブ対応）
・LPのコーディング
・既存サイトのページ追加
・スライダー等のアニメーション実装
・スマホデザインがない場合の適切な対応
・命名規則やコーディングルールの希望対応
➡︎制作会社様やディレクターの皆様の要望に柔軟に対応します！

▼料金表
・トップページ：20,000円～
・下層ページ：8,000円～
・LP：30,000円～
・お問い合わせフォーム（入力＋確認＋完了）：10,000円
・WordPress化：20,000円
・WordPress カスタム投稿/カスタムフィールド：5,000円/1箇所につき
・アニメーションの実装：1,000円～5,000円
※明日までに完成などの特急料金は通常のお見積もりに+15%上乗せ
➡︎ご予算に応じて最適なプランをご提案できますので、お気軽にご相談ください！

▼納品までの流れ
① ヒアリング
コーディング内容、ご希望納期、大体のご予算などお聞かせください。
↓
② お見積り
詳細をもとに料金を提示いたします。
↓
③ ご購入
お見積りにご納得いただけましたら、ご購入をお願いいたします。
↓
④ コーディング
確認いただいた内容をもとに制作を進めます。大規模な案件は進捗報告をいたします。
↓
⑤ 初稿提出 & 修正対応
ご確認いただき、修正点があればお知らせください。デザインや仕様の変更を変更を伴わない軽微な修正は無料対応いたします。
↓
⑥ 納品
ご希望の方法で納品いたします。サーバーへのアップロードも可能です。

▼納期について
通常 1週間程度での初稿提出を目安としています。
（制作期間目安：TOPページ・LP3日ほど）
作業量により変動しますが、特急対応（24時間以内）も可能ですので、まずはご相談ください！

信頼できるコーディングパートナーとして、長期的なお付き合いも大歓迎です！

本パッケージはWebサイトのコーディング代行サービスです。
ぜひお気軽にご相談下さいませ！

▼ こんな方におすすめ

「デザインデータはあるけどコーディングをする時間がない」

このようなお悩みをお持ちではありませんか？
・コーディング業務の外注先をお探しの方
・コーディングが苦手な個人Webデザイナー様
・継続的にお願いできるパートナーを探している制作会社様

ご満足頂けるように丁寧かつ柔軟な対応を心掛け、満足していただけるサービスを提供します

▼ 料金

●トップページのコーディング：10,000円 〜
●下層ページのコーディング　：8,000円〜 / 1ページ
●LPのコーディング：25,000円〜
●アニメーション：要相談

※ 上記は基本料金となります。ページの長さやデザインの内容によって価格は変動します。
※ レスポンシブ対応込みの価格になります。

修正や部分コーディングも対応可能ですのでお気軽にご相談くださいませ。

▼ 対応可能データ
※ 一枚で書き出した画像データ（JPEGかPNG）を一緒に送付ください。

▼ 納品までの流れ

① ヒアリング・お見積もり
② ご契約・デザインデータお預かり
③ コーディング
④ ご確認・修正
　→ テスト環境にアップしお客様にブラウザで確認していただきます
⑤ 最終確認・納品

▼ 納品形式

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

▼ 注意事項

・必ずデザインデータをご用意下さい。
・WEBフォントを使用したデザインの場合、フォントの契約はお客様の方でご準備をお願い致します。
・コーディングのルールがございましたら事前にお知らせください。
・コーディング着手後に大幅なデザイン変更があった場合、追加料金が発生する場合がございます。
・サーバーのご準備はお客様の方でお願い致します。

※参考サイトのみのご提示やデザイン作成の対応は行なっておりませんのでご了承ください

ご満足頂けるように丁寧かつ柔軟に対応致しますので、疑問に思った点などがあれば、お気軽にご相談下さい。

【サービス紹介】
デザインデータを元に、高品質な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/

ご覧いただきありがとうございます。
ホームページのコーディングをしております、ともゆきと申します。
デザインカンプからコーディングし、デザインを再現いたします。
　デザインカンプを持っていてコーディングしてもらいたい！
　コーダーを探しているデザイナーさん
などお気軽にお声がけください

【作業内容】
・HTMLにて静的サイトのコーディング
・WordPressにて動的サイトのコーディング
・レスポンシブ対応
・ハンバーガーメニューやアコーディオンなど簡単なアニメーションの実装

【制作の流れ】
・ヒアリング/お見積り（お気軽にご相談ください）
・お客様からデザインのご提供
・コーディング
・ご確認・修正
・最終確認・納品

【納品前チェック】
・表示崩れ確認（320px～2560px）
・各ブラウザでの表示確認（Chrome、FireFox、Safari）
・ピクセルパーフェクトの確認
・問い合わせフォームの動作確認
・HTML及びCSS構文チェック（W3C）
・意図しない横スクロールは発生しないか
・誤字脱字がないか（テキスト比較ツール）
・JavaScriptの挙動確認・コンソールエラーの確認

最後に、私のポートフォリオに制作実績として掲載して良いという方はお値下げさせていただきます。
是非お気軽にご相談ください。

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

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

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

◼︎ご購入の流れ

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

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

■サービス内容

・コーディングのみ（※デザインは含みません）
・レスポンシブ対応

■納品形式

下記からお選びいただけます。
・HTML/CSSなどのファイル形式
・指定サーバーへのアップロード

■納品期間

・1ページ：初稿3~5日で納品可能
※レスポンシブ対応

■制作の流れ

①ヒアリング＆打ち合わせ
②お見積り
③仮払い（購入）
④コーディング着手
⑤初稿確認
⑥調整・修正
⑦納品

■注意事項

・仮払い後のキャンセルはできません。
・2週間以上経過してご連絡をいただけない場合
※納品完了にご承諾いただいたものと判断し、完了メッセージを送信後、プロジェクト完了とさせていただきます。

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

既存のWebサイトで困っている方へ
修正、カスタマイズ、アニメーションの実装、保守運用などをいたします。

【基本サービス内容】
・HTML / CSS の修正、カスタマイズ
・jQueryやCSSアニメーション

【注意事項】
・1ページのコンテンツ量が多い場合は追加料金する場合があります
・コーディング方法はVSCodeで実装していきます

まずは相談かメッセージでお気軽にお問い合わせください。

サービス内容
サービス内容
ご閲覧いただきありがとうございます！

▼ こんな方にオススメです！
✅WebサイトやLPのコーディングをスムーズに行いたい
✅デザインデータを忠実に再現したい
✅値段を安く抑えたい
✅CMSを使ったサイト構築に悩んでいる

▼サービス内容
・HTML/CSS/Jsでの静的コーディング
・スマートフォン/タブレット/PCに対応したレスポンシブコーディング
・スライダーやタブ切り替えなどのJavaScript実装
・お問い合わせフォームの実装
・既存サイトの修正、ページ追加
・WordPress構築
・部分修正（HTML/CSS/Js などの部分的な修正にも臨機応変に対応させて頂きます）
　
▼コーディング料金（レスポンシブ対応込み）
・トップページ：10,000円〜
・LPコーディング：1,0000円〜

・下層ページ：5,000円〜
・基本的なJavaScript（スクロール時のアニメーション表示、ハンバーガーメニュー、スライダーなど）1箇所：2,000円程度
・お問い合わせフォーム・メール送信システム実装（PHP）：5,000円程度

▼WordPress構築費用
・要相談

▼無料で対応
・レスポンシブ対応
・サイト高速化のための画像圧縮
・最低限のSEO対策
・OGP、faviconの設置（データをいただけた場合）
・修正

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

▼納期
着手から3日〜
ページのボリュームや作業の空き状況によって異なりますのでご相談ください

▼修正について
納品前の修正につきましては基本的に無料・無制限で対応させていただいております
※大幅なレイアウトの変更や追加につきましては、別途追加料金とさせていただきます

▼デザインデータ
Figma、Xd、Photoshop、illustrator など

丁寧な対応、丁寧な仕事を心掛けております
まずは、DMか見積もり相談からご連絡をお願いいたします。
ご不明な点がありましたら、どんなことでもお気軽にお問合せ下さい。
購入にあたってのお願い
▼ご用意いただきたいもの
・デザインデータ（Figma・Photoshop・Illustrator・XD... 等）
・画像素材 / 動画 / 文章

コーポレートサイト・LPのコーディング業務承ります！

当サービスはこんな方にお勧めです。
・人手不足によりコーダーを探している制作会社およびwebディレクター様
・複数案件を手掛け、分業したいとお考えのwebデザイナー/LPデザイナー様
・その他、パートナーとなる質の高いコーダーをお探しの方
ぜひ皆様のお力になりたいです。お気軽にお声がけください。

【サービス内容】
お渡しいただいたデザインデータを元に、コーディングを行います。
◆ユーザビリティ、表示速度を意識したHTMLマークアップ
◆SCSS/BEM記法によるメンテナンス性の高いcss
◆レイアウト崩れのないレスポンシブ対応　(PC～TB～SP 柔軟なレイアウト調整)
◆jQueryによる定番の動的パーツ実装

【基本料金に含まれる内容】
・TOPページのコーディング
・jQueryによる定番の動的パーツ実装
※下層ページは別途料金がかかります。

【その他注意点】
◇IE(Internet Explorer)はサポート終了に伴い、対応外となります。
◇お客様都合によるデザインの修正は仕様変更とみなし、別途費用が発生しますのでご注意ください。
◇作業後のチェックを徹底しますが、コーディングに不備があった場合には、無償で修正します。
◇特別な理由なく3日以内にご返信いただけない場合は、制作途中であっても取引を終了させていただく可能性がございます。大変恐縮ですが、スムーズなやり取りにご協力をお願いします。

新しくホームページがほしい。

昔作ったけどじだいにあわなくなったなぁ

こちらのパッケージはコーディングの代行、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時まで対応可能
土日問わず対応できます

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

こんな方へおすすめ
✅ 短期間でWebサイトやアプリを構築したい方
✅ HTML/CSSのコーディングをスムーズに依頼したい方
✅ JavaScriptでインタラクティブな機能を追加したい方
✅ WordPressサイトの構築・カスタマイズを検討している方
✅ 追加ページの作成を依頼し、サイトを拡張したい方
✅ デザインも合わせて簡単な調整をしてほしい方（オプション）

ご提供内容
📌 HTML/CSS コーディング（レスポンシブ対応・LP制作）
📌 JavaScript開発・機能追加（動的要素・API連携）
📌 WordPressサイト構築・カスタマイズ（テーマ調整・設定代行）
📌 追加ページ制作（サービス紹介・問い合わせページなど）
📌 デザイン制作（シンプルなレイアウト調整）
ご希望に合わせて柔軟に対応可能！理想のサイトを形にします。

購入後の流れ
1️⃣ ご依頼内容の確認（仕様書・要件ヒアリング）
2️⃣ 初回実装＆レビュー（動作確認・方向性調整）
3️⃣ 修正・調整対応（フィードバックを反映）
4️⃣ 納品＆コード提出（ZIPファイル形式）

作業途中でも適宜確認を行い、ご希望に沿った仕上がりを目指します！

製作可能なジャンル
💻 コーポレートサイト（企業向けWebサイト）
📱 ランディングページ（キャンペーン・イベント向け）
🎨 その他カスタム機能の開発（オリジナル仕様に対応）

納期
⌛ HTML/CSS コーディング：3～5日
📂 JavaScript機能追加：5～7日
📌 WordPressサイト構築：7～10日
🌍 追加ページ制作：2～4日（1ページあたり）
🎨 デザイン制作（オプション）：3～5日
納期の調整も可能ですので、お急ぎの方はご相談ください！

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

Webサイトの修正や更新をはじめ、

新規Webサイトのコーディングを１ページから承ります。

◼︎特徴
・ デザインを忠実に再現
・ メンテナンスを重視したシンプルなコーディング
・ SEOに配慮

◼︎プランの詳細
・HTML / CSS コーディング
・レスポンシブ対応
・内部SEO対策

・ハンバーガーメニュー、スライダーなどの基本的な動きの実装（javascript / jQuery）
・修正無制限（※仕様変更は別途費用がかかります）
※デザインデータはご支給ください。

◼︎ご予算・納期
　各プランの価格・納期は目安です。ご要望により変動いたします。
　まずはお問い合わせください。

◼︎制作の流れ
ヒアリング
　↓
納品日・金額のご提示

　↓
ご契約
　↓
デザインデータ・素材等の共有
　↓
作業開始
　↓
ご確認・修正
　↓
納品

◼︎制作者について
Web等の広報媒体制作実績をもとに、迅速・柔軟・丁寧な対応を心がけています。
納品後のアフターフォローもお気軽にご相談ください。

【仕事の詳細】
●CRM用等のHTMLメルマガ作成となります。
自分でメルマガを作成できない、時間がない、どんなデザインにしていいか分からない等の方はぜひご連絡ください！

●テンプレートをご用意いたしますのでご使用したい画像や文章をお送りください。
または要望に沿って画像や文章をこちらでご用意する形でも大丈夫です。（こちらで用意する際は別途有料）

●実績参考例
オンラインショップの商品のメルマガ作成例
リフォーム会社のメルマガ作成例　等

●価格
・1本制作につき、10,000円
・画像、文章作成は追加料金（※内容は要相談）
・修正費用（※内容は要相談）

■サービス内容

・LPのコーディング
・WordPressを用いた簡単に更新できるサイトのコーディング
（WordPressオリジナルテーマも可能）

■当サービスの特徴

・低予算かつ短納期で納品
→デザイン以降のコーディング部分に全力を注いでいるため、低予算でスピーディーに対応します。

・高品質な実装を行います
→コーディング後には（chrome、safari、firefox、edge）の各ブラウザにて表示崩れがないか等の品質チェックを行います。

・WordPressのコーディングも可能
→オリジナルテーマでの制作も可能ですので、お客様こだわりのデザインのサイトもWordPressで実装することができます。

・複雑なアニメーションも実装可能
→CSSアニメーション（GSAPライブラリ）を使い、スクロール時やサイト表示時にふわりと表示されるなどの魅力的なアニメーションを実装することができます。

・表示スピードを少しでも早く（脱jQuery）
→サイトに動きを表現するときにjQueryは使用せず、JavaScriptで書くことによってサイトの表示スピードを少しでも早くすることができます。

■全プラン無料の標準サービス

・レスポンシブ対応（スマホ対応）
・基本的なSEO対策
・クロスブラウザ対応（chrome、safari、firefox、edge）
・各種SNSへのリンク
・GoogleマップやYouTubeの埋め込み対応

（以下、Wordpressを使用した場合）
・ブログ機能
・ブログ以外の投稿機能（カスタム投稿）
・簡単に更新できるテンプレート設置（カスタムフィールド）
・基本的なセキュリティ対策

■こんな方におすすめ

・コーダー不足で外注先を探しているディレクターさま
・コーダーのパートナーを探しているデザイナーさま
・手早く丁寧にコーディングをしてくれる人をお探しの方

■私の強み

・コーディング歴5年目の経験がある
・デザイン会社と提携させていただいている
・WordPressの構築も可能
・複雑なCSSアニメーションも可能

私は現在、デザイン会社様より継続的に案件をいただいており、コーポレートサイトから個人事業主さまのブログサイトなど、幅広くWEB関連のコーディング案件を請け負っております。このような現場で培った経験を活かし、デザインに忠実に、なおかつ保守性の高い丁寧なコードを実装いたします。

■制作の流れ

1. ヒアリング
   （※ZOOMでのオンラインミーティングも可能です）
2. お見積もり金額を提示
3. デザインデータを共有、コーディング開始
4. 完成品の確認・修正
5. 最終確認、データ納品
6. 完了報告からお支払いまでのお手続き

■具体的な納品物

・本番環境に公開（お客様の方でご用意いただいているサイトに公開いたします）
・ファイル納品（テーマファイルをZip形式に圧縮してお渡しいたします）

■過去の実績

・岐阜県で新規オープンされたホテルのHP
・神奈川県の訪問介護事業をされている会社のHP
・愛知県にあるスーパー銭湯のHP（下層ページ）
その他・・

■私の特徴

　私は会社員として10年以上、経理業務に携わっていた経験があります。毎日、何十行もの仕訳入力を慎重かつ迅速に行ってきました。そんな経理職で培ってきた正確さと速さを活かし、コーダーとして活動しています。

WEB制作の実績としましては、コーポレートサイトから個人事業主のサロンまで幅広いジャンルのサイトを構築してきました。

特に意識してやっていることは、お客様の要望に合わせて、「見やすく、使いやすい」サイトを作ることです。

例えば、コーポレートサイトでは、企業のイメージやブランドをしっかりと反映させ、信頼感のある印象を与える実装を心掛けています。ボタンの上にカーソルを乗せたときのちょっとした動作も、俊敏で安定感のあるアニメーションを意識してきました。

一方で、個人事業主のサロンなどの場合は、和やかな雰囲気や癒しを感じる実装を心がけています。お店のイメージを引き立て、全体をやんわりと表示させるなど、お客様がこのお店に行きたいと思えるような魅力的な実装を意識してきました。

また、ユーザビリティの視点から、サイトの表示スピードを上げるためにjQueryを使用しないことや、異なるデバイスのブラウザでも表示崩れがないように、コーディング後にはしっかりとチェックを行っています。

私にお声がけいただければ、シンプルで直感的に操作しやすい実装をお約束いたします。

まずはお気軽にご相談ください。
お待ちしております。

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

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

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

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

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

▼こんな方におすすめ
「デザインができたので、自身のサイトを構築したい」
「納期までにコーディングを急いでやってほしい」

▼サービス内容

• HTML, CSS, JSのコーディング
• サイトのWordPress化
• アニメーションの実装

▼ご用意いただくもの

• 各種デザインデータ
• テキストデータ

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

デザインはあるけどコーディングができなくて困っている方へ
デザインさえ用意してもらえればクオリティの高いコーディングをいたします。

【基本サービス内容】
・HTML / CSS コーディング
・レスポンシブ対応

【オプションでのサービス内容】
・下層ページのコーディング：10,000円〜

【注意事項】
・レンタルサーバーの用意とドメイン取得はお客様自身でお願いします
・デザインデータはFigmaかXDであれば共有URLでお願いします
・1ページのコンテンツ量が多い場合は追加料金する場合があります
・コーディング方法はVSCodeで実装していきます

まずは相談かメッセージでお気軽にお問い合わせください。

1. カスタムデザイン
   ・お客様のブランドイメージに合わせたオリジナルデザインを提供。
   ・ユーザーエクスペリエンスを重視し、視覚的に魅力的なレイアウトを実現。

2. レスポンシブ対応
   ・スマートフォンやタブレットなど、すべてのデバイスで快適に閲覧可能なレスポンシブデザイン。
   ・検索エンジン最適化（SEO）にも配慮した設計。

3. WordPress統合
   ・WordPressを使用した簡単なコンテンツ管理を実現。
   ・お客様が自分でコンテンツを更新できるよう、使いやすいインターフェースを提供。

4. 機能追加
   ・必要に応じて、プラグインの導入やカスタム機能の追加をサポート。
   ・お問い合わせフォームやギャラリー、ブログ機能など、目的に応じた機能を実装。

5. SEO対策
   ・検索エンジンでの上位表示を目指すための基本的なSEO設定を実施。
   ・キーワード選定やメタタグの設定を行い、集客効果を向上。

6. サポートとメンテナンス
   ・サイト公開後のサポートやメンテナンスサービスを提供。
   ・定期的なバックアップや更新作業を行い、安全な運営をサポート。

7. 納品後のトレーニング
   ・お客様が自身でサイトを管理できるよう、操作方法のトレーニングを実施。
   ・より良い運営のためのヒントやコツを提供。

この度は数ある中から、当サービスをご覧いただきありがとうございます！
Webコーダーをしております、souと申します。
高品質な制作物、丁寧なコミュニケーション、迅速な対応と納期の遵守には自信があります。
お気軽にお問い合わせください。

【 こんな方におすすめ】
「格安で実現したい」
※現在、開設記念につき3,000円で対応してます！

【 サービスの内容 】
・HTML/CSSを用いた静的コーディング
・レスポンシブ対応（スマホ・タブレットに対応）
・オリジナルテーマでのWordPress化

【 価格 】
基本料金　 3,000円

【ご用意いただきたいもの】
・デザインデータ（相談可能。参考サイトでも可。）
・画像素材

【納品までの流れ】
ヒアリング・見積もり
↓
ご購入
↓
コーディング作業開始
↓
ご確認・修正
↓
最終確認
↓
納品

【納期の目安】
・3〜7日間

【納品方法】
・相談可能。

サイト制作会社様やWebデザイナー様へ

ランディングページ（一枚ものページ）のコーディングを承ります。

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

-「デザインは用意できるけどコーディングは外注したい」
-「PCデザインは用意出来るけど、SPは任意でいい感じにしてほしい」
-「自分でコーディングしている時間がない」

コーディングのお困りごとに丁寧に対応させて頂きます。

まずはご相談ください。

詳しいご要望をお聞きして、満足していただけるものを提供したいと思います。
飲食店、士業、美容、建設・不動産、スクールなど様々な業種を受け付けております。

『見積もり・カスタマイズの相談』ボタンからご相談を受け付けております。
お気軽にお問い合わせください。

【納品までの流れ】

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

2. 相談者様へ返信
　送っていただいた内容について質問や回答をお送りさせていただきます。

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

4. 製作開始

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

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

お客様にご用意いただくもの

◎コーディングを行うデザインデータ

購入にあたってのお願い

■サーバー、ドメインについてはお客様でご用意していただくため料金に含まれておりません。
■特別な仕様がある場合には購入前にご相談ください。

本サービスをご覧いただきありがとうございます。
Web制作歴6年以上の現役エンジニア2名体制で、コーディング代行を承っております。

デザイン色の強い制作会社様と長年契約させていただいており、デザインの再現性・レスポンシブ対応の制度・アニメーション制作に特に得意としております。

• コーディングのリソースが足りていない
• デザインを忠実に再現できるコーダーがいない
• 高度なアニメーションを実装してほしい
• 経験豊富なコーダーに対応してほしい

こういった方にお勧めのサービスです！

◆作業内容

・レスポンシブコーディング
　┗ ブレイクポイント3つ + フレキシブルレイアウト
　┗ Sass（SCSS）対応可能

・お問合せフォーム実装
　┗ WordPressプラグインを使用（Contact Form 7, MW WP Form）

・WordPress化
　┗ オリジナルテーマ制作
　┗ カスタム投稿タイプ・カスタムフィールド等も対応可能

・CSS / JSアニメーション制作
　┗ スムーススクロール、スライダー、ハンバーガーメニュー等シンプルなものは無料で対応
　┗ ローディングアニメーション、GSAPを使用したスクロール連動アニメーション等の対応も可能

これら以外にもご要望がありましたら、お気軽にご相談ください。

◆制作の流れ

①ヒアリング
デザイン、ページ数、希望納期、作業範囲等をお聞かせください。
　↓
②お見積もり
お見積もりと正式な納期を提示させていただきます。
内容に同意いただけた場合、ご購入をお願いいたします。
　↓
③コーディング対応
コーディング対応を開始します。
作業進捗は常に報告いたします。
　↓
④テストアップ / 修正対応
コーディングが完了次第、初稿のテストアップをします。
お客様側でご確認いただき、修正してほしい点がありましたら対応いたします。
　↓
⑤納品
対応完了後にご確認いただき、何も問題なければ、サーバーにアップロード・もしくはZIPファイルにて納品いたします。

私たちの強み

・5年以上の経験年数有り
コードハイブのコーダーは、2名ともWeb制作歴が5年以上あります。
特にデザインにこだわりがある制作会社様と長期契約をさせていただいていることもあり、デザインの再現性・デザイナー様のイメージ通りのアニメーションを制作することを得意としています。

・土日祝日問わず対応可能
土日祝日も対応が可能なので、急ぎの場合は相談いただけましたら金曜日に依頼→月曜日に納品といったことも可能です。メッセージも24時間受け付けており、作業時間内であれば1~2時間以内に必ず返信いたします。

・デザイナー様へ
デザイナー様がこだわりを持って制作されたデザインを、忠実に再現いたします。レスポンシブ対応の手法は、フレキシブルレイアウトを採用しております。ブレイクポイントでのメジャーな画面幅の最適化に加え、ブレイクポイント間も画面幅によって要素の横幅を伸縮させることで、どんな画面幅でも表示崩れがなく綺麗に表示することが可能です。また、アニメーションにもこだわりがあるデザイナー様も大歓迎です。ホバーやスクロールアニメーション等、デザインに合ったアニメーションを提案・実装させていただきます。

・制作会社様へ
Webサイト制作歴5年以上のコーダーが、高品質・保守性の高いコーディングを提供します。SEOを意識したセマンティックコーディングに加え、サイトスピード・アクセシビリティを考慮したコーディングが可能です。さらに、GSAPやWebGLを使用した複雑なアニメーションも制作可能です。WordPressでのサイト制作では、オリジナルテーマ制作だけでなく、カスタム投稿タイプやカスタムフィールドを扱うことができます。

料金に関して

プランに表示している金額は概算ですので、ヒアリング時に詳しく内容をお聞きした後、正式な金額を提示させていただきます。

私たちの実績について

主に制作会社様からの案件対応をしているので、非公開となっております。
もし実績を確認したい場合は、ヒアリング時にビデオ通話にて紹介させていただきます。

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

下記のようなお悩みをお持ちの方
・デザインは決まったけど、コーディング が出来ない。
・忙しくて、コーディングを外注したい。
どうかお気軽にご相談、お問合わせ下さい。

●サービス内容（1ページ分となります）
①HTML/CSSでの静的コーディング
②レスポンシブ対応
③スライダー等のアニメーション実装（jQuery対応）
尚、複雑な動きをご希望の場合は、お受けできかねる場合があります。
一度ご相談頂けます様、お願い致します。

●納期
着手から7日程度となります（1ページのみの目安）
尚、ページ数やコンテンツにより変動します。
こちらもお気軽にご相談、お問合せ下さい。

●制作物のご確認と修正
部分的な小さい変更などにも、柔軟にご対応致します。
こちらもお気軽にご相談、お問合せ下さい。
制作中は何度か制作物のご確認をさせて戴きます。

●お見積もり時にわかる範囲でお知らせ下さい。
・ご依頼内容
・ページ数
・デザインの画像データ（データ形式はご相談下さい）
・その他使用する画像素材
・アニメーションの有無
・ご予算
・ご希望納期

⚫︎納品方法
サーバーにアップロードもしくはZipファイルを
お渡しする方法のいずれかになります。
※サーバーアップロードの場合、FTP情報をお知らせ下さい。

HTMLメールはメルマガ配信ツールなどで、
簡単に作成することができますが、

CSSやVIEWPORT設定まで対応していないツールもあり、
端末やメールクライアントによって、文字化けや表示崩れを起こすケースが多いです。

PCだとOutlookやWindowsメール、
モバイルではAndroidなど対応していないCSSがほとんどです。

これではせっかく時間をかけてメールを作成しても、
メール内リンクからの回帰は望めません。

本サービスの３つの特徴

①メール到達率を改善
可能な限りファイルサイズを抑えることで
各社サーバーの原稿容量制限と画像容量制限をクリアし、
より多くのリードリストにメール配信を可能にします。

②開封率を改善
プリヘッダーテキストを使用し、
メール一覧画面に表示される冒頭文を
訴求効果の高いキャッチコピーに変更します。

③回帰率を改善
幅広い環境で快適に閲覧可能なメールから、
正常に表示されるCTAボタンにより、
リンククリック率を改善します。

▼制作の流れ
1.ご購入

2.当方より打ち合わせ日程のすり合わせ

3.簡単なワイヤーフレームを提出いたします。

4.問題が無ければ画像とロゴデータのURLをご教示ください。

5.納品　※納品ファイルはHTMLファイルのソースコード形式となります。

デザインからWEBサイトにおこします。
HTML・CSS・JavaScript・jQueryを使ってコーディングします。
修正のご希望は、柔軟に対応させていただきます。

当方、ランサーズでの実績がまだございません。
この度、実績作りの為に格安にてホームページのコーディング作業を代行させていただきます。

とはいえ、もちろんコーディングはデザインに忠実に行います。
どうぞご安心ください。

実績を積めましたら通常価格に戻そうと思いますので、どうぞこの機会にご利用くださいませ。

さて、このサービスは【ホームページ・LPのコーディング代行サービス】です。

◆サービス内容

・HTML / CSSでの静的コーディング
・PC/スマートフォンのレスポンシブ対応
・JavaScript(jQuery)でのアニメーション実装
・お問い合わせフォームの実装
・WordPress構築(オリジナルテーマ)

◆料金表

・トップページ(10.000px程度まで)　：　10,000円

『有料オプション』
　・下記の有料オプション表をご覧ください。

『無料オプション』
　・レスポンシブ対応(PCかSPどちらか片方のデザインがあれば、よしなに対応いたします)
　・ホバーアニメーション(１種類で共通)
　・ハンバーガーメニュー
　・フェードイン(１種類で共通)
　・スライダー(シンプルなもの)
　・基本のSEO対策
　・ファビコン設定
　・OGP設定

※無料オプションの範囲を超える場合、有料にてオプション追加が可能です。

◆納品までの流れ

①ご相談・お見積もり
②デザインデータお預かり
③制作開始
④ご確認・修正対応
⑤データ納品

◆デザインについて

デザインデータ、画像素材、テキストなどのご用意をお願いいたします。
Figma、Adobe XD、Photoshop、Illustratorに対応しております。

◆納品方法

・ZIP形式
・サーバーへのアップロード

◆納期

稼働状況によりますが、1ページにつき３日程度を予定しております。
（シンプルなホームページやLPの場合)

◆注意事項

・サーバー契約、ドメイン取得はお客様ご自身でお願いいたします。
・コーディングの規則については、こちら側のルールに基づいて作業させていただきます。
・下層ページが同じレイアウトだったり、コンテンツ量が少ないなどの場合は、ご依頼内容や、ご予算に合わせて料金等柔軟に対応させて頂きます。
・修正は無制限ですが、大幅なデザイン変更はお断りさせていただく場合がございます。
・お客様都合によるキャンセルは受け付けておりません。
・連絡に対し１週間お返事がない場合は、その時点で納品完了・料金を頂戴しますのでご了承ください。
・作成したサイトは実績として掲載させて頂く場合がございます。掲載不可の場合は事前にご連絡下さい。

◆最後に

まずはお気軽にご相談ください。
もちろんご納得いただけなければ、お話の途中でキャンセルしていただいて大丈夫です。
それ以外にもご不明な点などございましたら、お気軽にご連絡ください。

最後までお読みいただきありがとうございました。

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

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

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

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

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

■実績

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

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

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

▼こんな方にお勧め
デザインはできるけどコーディングは任せたい
規模はそんなに大きくないからできるだけ費用を抑えたい
料金の見積もりが読めない…

▼ご提供内容
HTML/CSS/JavaScript(jQuery)を使用しての静的なサイトのコーディング業務（デザインは行っておりません）
作成物の規模で若干料金は変動してしまいますが、
ハンバーガーメニュー、スライダー、アコーディオンメニューなど動きのある部分も含めての料金です。
（何を、どんなものを導入したいかはわかる範囲でお知らせいただけると柔軟にご対応できるかとおもわれます。
テストアップのサーバー環境はこちらでご用意いたします。

↓以下のものはお客様の方でご準備お願いします。
・使用する画像
・デザインデータ　（photoshop / Adobe XD / Figma / illustrator）
・有料フォント,有料画像など別途料金が発生するもの。
・レンタルサーバー、ドメイン

▼ご購入後の流れ
①情報収集
作成物に関しての詳細をお聞かせください。
（例：ページのボリューム、実装したいパーツ、納期など、また他に気になる点、気を付けてほしい点がありましたらその旨、お伝えいただければ柔軟に対応させていただきます。）

②制作開始
お客様から必要なデザインや画像をいただき、①ですり合わせた内容を含めた制作を開始させていただきます。

③修正
仕上がった制作物をテストアップいたしますので確認していただき、修正の有無のご指示をいただき、修正がある場合は修正対応させていただきます。
（この段階での修正回数には制限は特に設けませんが、回数、内容によってはお時間をいただく場合がございます。また、修正の範囲を変更に関しましては対応できない場合がございます。）

④納品
zip形式での納品、もしくはFTPソフトからのアップロード

⑤料金の確定・お支払い

なお、納品後2週間以内であれば簡単な修正も無料で承りますのでご安心ください。

▼料金
パソコン表示12000pxまでのLPであれば一律で10000円
（レスポンシブ対応、JavaScript(jQuery)を使用した動きのある部分、完成品の修正、完成後の修正など込々でのお値段です。）

受注させていただいたお仕事を実績として私のポートフォリの掲載に掲載させていただきます。（掲載許可に関しましてはお客様の方でご自由にお選びいただき、その旨お伝えください。）
なお、掲載にあたりましてはベーシック認証もかけられますので、ご協力願えましたら幸いです。

▼納期
ボリュームによって若干左右することもあるとはお思いますが、おおよそベーシックなプランであれば7日～10日くらいを目安にしております。

ただいま実績作りとしてお安くサービスを提供させていただいてます。
安かろう悪かろうではなく、一案件ごとに誠意をもって一球入魂で対応させていただきます。
ぜひ、この機会にご一考願えたらと思います。

こんな方へオススメ

• デザインまでは対応できるが、フルスクラッチ（HTML / CSS / JavaScript）でページを組むコーダーが足りない。
• Webアクセシビリティ(WCAG AA)へできるだけ対応してほしいと言われたが、それに対応できるコーダーが足りない。
• HTML / CSS / JavaScriptのコードを直に修正する必要があるが、それに対応できるコーダーが足りない。

Webアクセシビリティへの対応についての注意点

基本的にセクショニングなどコーダーで調整可能な個所のみ、対応させていただきます。例えば色味によりコントラスト比が足りない場合はデザイナーとの調整が必要になるかと思いますので、対応できかねます。
ページの制作後にアクセシビリティへの適合検査会社に検査依頼を出す場合、審査する人の判断により不適合となる場合がございます。ご了承ください。
例えば、注意文でよく見かける「※」はテキストか、それとも装飾文字として意味のないものとして扱うかの判断が、検査した年度によって異なったという事例が所属していたチームでありました。

制作可能なジャンル

• デザインに基づくフルスクラッチコーディング
• 既存サイトのHTML/CSS/JavaScript修正

依頼～制作完了の流れについて

※デザインの内容や量によって追加費用をご請求させていただく場合がございます。
※まだ会社に所属していない状態での業務に慣れておりませんので、パッケージに記載の納期はやや余裕を持たせています。ご了承ください。
※依頼者様側で特に用意が無い場合は、テストサーバーは私の方で準備いたします。ただし、サーバー側での処理を考慮できない可能性がありますので、できるだけ依頼者様側で用意いただくようお願いします。
※依頼者様側で特に用意が無い場合は、バージョン管理はGitでリモートに接続せずに管理します。その情報（.gitディレクトリ）も納品時にファイル一式としてお送りします。
※ 依頼者様側で特に用意が無い場合は、環境構築が不要な形でコーディングを行います。

■ページ制作の場合

1. 「まずは相談する（無料）」よりお問い合わせください。
2. 要件・予算などに問題が無ければ以下の共有をお願いします。

• デザイン(PSD、XD、Figmaデザイン)
• metaタグの設定などの補足する資料（箇条書き可）、またはそれらが推測できるベースとなるページのURL
• FTPの接続情報（依頼者様でご用意する場合）
• Gitリポジトリへの接続情報（依頼者様でご用意する場合）
• package.jsonなど、環境構築セット（依頼者様でご用意する場合）

3. コーディングしたページをご確認いただき、必要に応じて修正いたします。
4. FIXしましたら、ファイルリストとファイル一式を納品させていただきます。

■既存ページ修正の場合

1. 「まずは相談する（無料）」よりお問い合わせください。
2. 要件・予算などに問題が無ければ以下の共有をお願いします。

• 修正するページのURL
• 修正時に触っても問題ないファイルのURL（依頼者様でわかる範囲で問題ありません）
• FTPの接続情報（依頼者様でご用意する場合）
• Gitリポジトリへの接続情報（依頼者様でご用意する場合）
• package.jsonなど、環境構築セット（必要な場合）

3. コーディングしたページをご確認いただき、必要に応じて修正いたします。
4. FIXしましたら、ファイルリストとファイル一式を納品させていただきます。

戻し対応について

基本的に戻し修正の回数には制限を設けておりません。
ただし、修正の依頼内容を吟味し、品質を維持できないと判断した場合、修正内容に対して代案を用意したり、お断りしたりする場合がございます。ご了承ください。

＼ 実績と信頼で選ばれています！ ／
ディレクター・デザイナー様からの構築代行を中心に、
ランサーズ外でも外注パートナーとして継続的にご依頼をいただいています！
「意図を汲み取る丁寧な構築」と「保守性を考慮した設計」を意識しております。

ポートフォリオはこちら▶︎
https://www.canva.com/design/DAGcOiiMyBg/xASjbRwEvEm3DhGliduvWQ/view
（コピー＆ペーストでご覧いただけます）

本サービスでは、Figmaで作成されたデザインカンプをもとに、WordPressの有料テーマ（SWELL／Snow Monkey）を活用したローコード構築を行います。
フルスクラッチよりもコストを抑えつつ、デザイン再現性と保守性のバランスを大切にしています。

【こんなお悩みありませんか？】
・構築まで手が回らず、外注先を探している
・スマホデザインがないが、レスポンシブ対応したい
・品質は担保しつつ、コストは抑えたい

そのお悩み、解決いたします！

【このサービスの特長】
・PCカンプのみでOK
　SP・TBカンプがなくても、意図を読み取って最適な構成で仕上げます。
・ブロックエディター × CSSカスタマイズ
　テーマ本来の構造を活かしつつ、必要に応じてCSSで調整。保守性と再現性を両立します。
　アップデート時の影響を最小限に抑える適切なクラス指定を行って構築します。
・SEO・セキュリティも対応
　meta／alt／reCAPTCHA／画像圧縮など、内部対策も標準対応。
・納品前チェックリスト付き
　独自の品質チェックで抜け漏れなく確認。安心してお任せいただけます。

【サービス内容】
・WordPress構築（SWELL／Snow Monkey）
・レスポンシブ対応
・SNS／外部予約サイトなどへの連携／お問い合わせフォーム
・スライダー／フェード表示などのアニメーション
・画像圧縮／軽量化／ファビコン設定
・内部SEO／セキュリティ対策

※テーマの性質上、ピクセルパーフェクト指定は承っておりません。

【ご予算について】
ページ数や仕様に応じて柔軟にご提案いたします。
表示金額は目安です。

【購入から納品までの流れ】
①「まずは相談をする」から、メッセージをお送りください。
②納期を確認させていただき、追加で購入が必要なオプションがある場合はご案内いたします。
③お見積り書をお送りいたします。内容にご納得いただけましたら、ご購入ください。
④WordPress情報や、Figmaのデザインデータをご共有ください。
⑤ご共有いただいたデータを元に、local環境で構築いたします。
⑥構築後、テスト環境にてご確認いただき、修正点があれば対応いたします。
⑦全て完成いたしましたら、納品となります。必要時、お客様の本番環境にアップロードいたします。

まずは「相談だけ」でも大歓迎です。
構築パートナーをお探しの方は、どうぞお気軽にご連絡ください。

運用されるサイト・アプリの原因不明なエラーやバグの調査・修正・改善を行います。

些細なエラーやバグの対応であれば￥2,000(税別・手数料別)

1件のみの対応でも可能。

もちろんNDA(秘密保持契約書)を結んでの作業を徹底します。

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

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

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

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

ホームページやLPのコーディング代行サービスです。
これまで、制作会社様と連携し、月に20本以上のペースで
コーディングの対応経験もあり、質の高い制作を提供いたします。

◇ こんなお悩みをお持ちではありませんか？
・デザインに集中したいけど、コーディングに時間を取られてしまう…
・デザインの意図が伝わらず、スムーズに対応してくれるコーダーがいない…

◇ そのお悩み、解決いたします！
Webデザイナーとして活動しているため、デザインの意図を汲み取ったコーディングを提供いたします。

■対応内容
・静的コーディング1ページ
・レスポンシブ対応
・画像圧縮による表示速度の最適化
・簡易的なアニメーション対応
・テストサーバーでの確認環境提供

＜オプション＞
・jQueryとCSSアニメーションの組み込み
・下層ページのコーディング
・お問い合わせフォームの実装

■納期
最短5営業日で初稿ご案内いたします。(納品ではありません。)
急な案件も調整可能な場合がありますのでご相談ください。

■制作の流れ
１．ヒアリング＆お見積り
まずはメッセージにてご要件をお聞かせください。ご希望に沿った最適なお見積もりをご提案いたします。

２．デザインデータのご提供
お見積もりにご納得いただけましたら、トークルームでデザインデータをお送りください。スケジュールの詳細を共有いたします。

３．コーディング（テスト含む）

４．初稿提出→ご確認・修正
テストサーバー上で初稿をご確認いただき、修正が必要な場合は対応いたします。

５．最終確認・納品
修正が完了したら、最終確認を行い納品いたします。ご希望の納品形式で提供いたします。

■納品形式
お客様のご希望の方法で納品可能です。
例：ソースコード一式をzipファイルでお渡し、サーバーへのアップロードなど

■ご準備いただくもの
・デザインデータ（Adobe Photoshop、Illustrator、XD、Figmaなど）
・デザインデータから書き出せない画像、動画、文章などがある場合は、事前に準備をお願いします。
・サイトのタイトルと説明文

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

業務内容

Webディレクター様、制作会社様の外注先としてご活用ください
パッケージの閲覧ありがとうございます。
山本 凜と申します。
コーディング代行いたします。

●サービス内容

・LP1ページのコーディング（スタンダード）
・HPのコーディング（プレミアム）
・JavaScript（jQuery）を用いたアニメーションの実装も可能です。
　（ホバーアクションやスライダー、スクロールアニメーションなど）
・表示確認はWindows(Google Chrome、Edge)、タブレット(iPad)、スマホ(iPhone)で行います。
※レスポンシブ対応は料金に含まれております。

●料金

・既存ページのカスタマイズ・修正、追加セクションなど10,000円
・LP1ページのコーディング（スタンダード）：基本料金25,000円
・HPのコーディング（プレミアム）：10,000円
　※1Pあたりの費用になります。

●ご用意いただくもの

デザインカンプ：ファイル形式はFigma・XD・Photoshopなど
サイト内の原稿：コピペできる形でお願いします
画像素材

●納品

html・css・jsファイルをzipでまとめて納品となります。
サーバーへのアップロード作業も可能です。

●アフターフォロー（納品後２週間以内）

不具合があれば無料で修正させていただきます。

こんな方へおすすめ

・専任エンジニアが急用で仕事ができなくなった。

・人手が足りない。

・専任エンジニアが休暇に入ってしまった。

・バグやエラーが出てるけど修正する人材がいない。

持てる技術と知識を最大限に発揮し取り組ませて頂きます。

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

WEBエンジニアのmatsuguchiと申します。

ホームページやLPをデザインカンプからコーディングしております。
(デザインカンプはXD・Photoshop・Illustrator・Figmaで作成されたものに対応しております)

制作会社に依頼する相場に比べて安価に行いますのでまずはお気軽にご相談ください。

【私からのお約束】
・保守・管理しやすいコードを書きます！
・表示崩れのないコーディングを行います！
・デザイン通りのコーディングを行います！
・アニメーションもお任せください！
・丁寧・安心のサービスを提供します！

【作業内容】
・HTML・CSSによるコーディング
・javaScript(jQuery)によるアニメーションなどの実装
（例）ハンバーガーメニュー・アコーディオンなどの実装、スライドショー、フェードイン・アウトの実装
・レスポンシブ対応(スマホ対応)
・テストサーバーでの動作確認

その他、ご要望に応じて対応させていただきます！

【作業の流れ】
①「まずは相談する」をクリック
②ヒアリング・見積り
③作業開始
④初稿完成
⑤お客様によるご確認
⑥修正
⑦納品

【料金】
トップページ(アニメーションなし)(7000px程度まで)：10000円
トップページ(アニメーションあり)(7000px程度まで)：11000円
トップページ(7000px程度まで) ＋ 下層ページ2ページ：20000円

【納期】
作業開始より5日～となっております

【納品方法】
・ファイルでの納品
・サーバーへのアップロード

【ヒアリング・見積り時に必要なもの】
・デザインデータ(XD・Photoshop・Illustrator・Figmaで作成したもの)

また、下記6つについてヒアリング・見積り時にお聞きしたいのでご準備をお願いいたします。

・ご予算
・ご希望される納期
・ページ数
・アニメーションの有無
・WordPress化の有無
・画像などのコーディングに必要な素材の準備はできているか

※アニメーションやWordPressがどんなものか分からない場合にはヒアリング時にご説明いたします。
些細な疑問にもお答えいたしますので、ヒアリング時にお気軽にお尋ねください。

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

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

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

【 ご提供内容 】

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

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

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

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

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

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

★業務内容

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

★サービス内容

・HTML/CSS/JSでの静的コーディング
・レスポンシブ対応
・JavaScript(jQuery)を使用したアニメーション（ドロワー、アコーディオン等）
・お問い合わせフォームとWordPressはご相談ください。
※できる限りご要望に応じたいと思っております。

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

・LPコーディング：10,000円～
・トップページ：10,000円～
・下層ページ：3,000円～/1ページあたり
・アニメーション：1,000円～/1実装
・問い合わせ機能：5,000円～
・WordPress構築：要相談

★納品までの流れ

１．ヒアリング、お見積り
２．デザインデータお預かり
３．コーディング
４．ご確認・修正
５．最終確認・納品

★納品方法

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

★ご準備いただくもの

・デザインデータ　Figmaが得意ですがその他、Adobe Photoshop、Illustrator、等も対応できるようにいたします。
・デザインデータから書き出せない画像、動画、文章などがある場合は、事前に準備をお願いします。

★お約束

報連相を徹底し早いレスポンスを心がけます。
気になること、もっとこうしてほしい等、制作中であってお気軽にご相談ください！
また、納品前にご確認していただきますが納品後に気づいた点があれば1回まででしたら対応いたします。
ご要望に応じられない場合もありますが、できる限り対応させていただきたいと思っております。

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

ホームページ（HP）やランディングページ（LP）のコーディングを承ります。デザインを忠実に再現し、SEOやレスポンシブ対応を含むユーザー体験を重視した高品質なサイトを実現します。自衛隊や学校教員の経験を通じて培った責任感と迅速・丁寧な対応を心がけ、お客様のご要望にしっかりとお応えします。

【納期】
原則５日を頂戴しております。
デザインの内容や業務量、リソースによっては５日以上になる場合がございます。
あらかじめご了承ください。
（有料オプションをご購入の場合は、さらに記載の納期を頂戴いたします。）

【保有スキル】
・HTML
・CSS
・JavaScript
・Sass
・jQuery
・PHP
・WordPress

【特徴】
・迅速なレスポンス
→自衛隊、学校教員の経験から時間管理スキルを培いました。営業時間中は原則１時間以内にお返事いたします。（営業時間外でも、24時間以内にお返事致します。）
・丁寧なコミュニケーション
→学校教員の経験から、分かりやすい言語化スキルを培いました。高品質な商品を提供するため、お客様に伝わりやすいコミュニケーションを実施しています。
・稼働時間が柔軟
→9時から18時まで稼働しております。フリーランスとして活動しているため、柔軟な対応が可能です。
・熱量がある
→自衛隊、学校教員の経験から、目標達成能力を培いました。「目標を達成するためにどうすればよいのか」「どんな準備が必要なのか」を徹底的に計画し、実行する力があります。

【納品までの流れ】
①ご相談
↓
②お見積もりの提出
↓（※ここまで無料です！）
③デザインカンプや素材等のご提供
↓
④コーディング
↓
⑤制作物の確認・修正（テスト環境用意いたします）
（※納品前の修正は無制限で対応いたします。大幅なデザインの変更の場合、追加料金を頂戴します。）
↓
⑥最終確認後に納品

購入にあたってのお願い
■ご用意いただきたいもの
・デザインデータ（Figma,Photoshop, Illustrator, XD）
　画像素材、動画、文章などHPに掲載する内容

※レスポンシブ対応が必要な場合は、スマホ用のデザインデータもご用意ください。

■納品形式について
どちらかお選びいただけます。
・データ納品（ファイル一式を zip 圧縮したもの）
・指定のサーバーにアップロードして納品
　（サーバー納品の場合は一般的なレンタルサーバーのみ対応）

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

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

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

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

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

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

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

▼ご購入後の流れ

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

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

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

▼納期
通常の納期はLPやトップページで4〜7日、下層ページで+2日〜です。日程については、ご相談ください。

【作業内容】
・HTML/CSSを用いた静的コーディング（1ページから大量ページまで対応可能です）
・レスポンシブ対応
・JavaScriptの動的実装（スライダー、スクロールアニメーション、アコーディオン、ハンバーガーメニューなど基本的にご希望どおり実装します）

【制作の流れ】

1. ヒアリング/お見積り（お気軽にご相談ください）
2. お客様からデザインのご提供
3. コーディング
4. ご確認・修正
5. 最終確認・納品
   納品方法はGitHubコミット、zip納品、FTP送信などが可能です。その他の場合もご相談ください。

【納期】
実装内容により異なりますが、基本的には１周間以内に納品させていただきます。
ご希望の納期がございます場合はご相談くださいませ。

定めた納期は必ず守ります。
デザインに忠実なコーディングに努めております。
ご相談・お見積もりのみでも大丈夫ですので、まずはお気軽にご相談くださいませ。

画像の中の物体の数や位置を検出できます。

学習済みモデルを使うと、「人」「乗り物」「犬猫」などが検出できます。
また任意の物体の画像を機械学習(転移学習)させることもでき、その物体を検出できるようになります。

使用法としては例えば、次の「人数カウンタ」のようなWebアプリを作成できます。
https://www.youtube.com/watch?v=lF_Cz2K_sVI
（クリックではなくURLをブラウザのアドレスバーへコピー貼り付けしてください）

ソフトにフリーライセンスで商用利用可能な「YOLOv3」を使用します。
任意の物体の画像の機械学習は、画像50枚程度から行えます。

ベーシック販売価格は、ソフトのインストールと、画像から物体の座標を返す基本的なAPI機能の実装費用となります。

それ以上の機能の実装や、任意の物体の画像の機械学習をご要望の場合は、1日作業費2万円(税別・Lancers手数料別)でお見積りさせていただきます。お気軽にご相談ください。

〇弊社AIのアピールポイント
Flaskでモデルをメモリに常駐させる手法です。Webのアクセスごとに大きなモデルが読み込まれることがないので、月額1,000円程度のサーバーでも比較的応答速度が速いです。

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

本パッケージでは、以下の内容に対応可能です。

■ HTML/CSSコーディング
デザインデータ（Figma, XD, PSDなど）からのコーディング。レスポンシブにも対応します。

■ JavaScript実装
スライダーやアコーディオン、モーダルウィンドウ、スクロールアニメーションなど、フロント側の動的な実装も対応可能です。

■ PHP実装
フォームの実装もご相談ください。

■ WordPress実装
静的HTMLからのWordPress化、オリジナルテーマの構築、カスタム投稿タイプやACF（Advanced Custom Fields）の導入なども承ります。

＼細かな修正や相談も柔軟に対応します！／
気になる点があれば、お気軽にご相談ください。

いただいたデザインを元に、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コーディングを主にフリーランスとして活動中です。

業務内容

Webサイトの修正、コーディング業務お任せください！
本パッケージはホームページやランディングページのhtmlやcssのコーディング業務を代行で作業するサービスです！
（Wordpressのサイトも対応可能！）
経験豊富なコーダーが直接やりとりさせていただきますので安心してお任せください！

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

• 少しの修正なのに、コーディングできるスタッフがいない
• 信用できる所に修正を任せたい
• スマホで見るとサイトが崩れてしまう
• ウェブサイトのテキストを変更したい
• ウェブサイトに使用している画像を変更したい
• デザインやラフ案はあるけど、コーディングができない、など

このパッケージでこんな悩みが解決できます

• テキスト１ヵ所の修正からでも対応可能
  ※最低額は3,000円(税抜)となります

上記以外でも相談いただければ対応可能な場合がございます。
お気軽にご相談ください。

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

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

制作の流れ
ヒアリング・お見積もり（まずはご相談ください！）
ご契約（仮払いで契約となります）
お客様よりデザインデータや修正素材のご提供
コーディング・テスト環境でのご確認
ご確認・修正（回数無制限）
納品（zipファイルでの納品またはご指定サーバーにアップロードいたします。）
購入する際の注意点
＊ご依頼していただく場合は上記金額にシステム手数料（5.5%)がかかりますので
ご依頼していただく前にぜひご確認くださいませ。
詳しくは下記URLにてご確認ください。
https://www.lancers.jp/faq/A1034/936

既存のホームページの微修正をさせていただきます。

□新しくボタンを設置したい

□一部分だけCSSや画像変換等の修正をしてほしい。

□レイアウトを少し変更して欲しい

■主な内容
・既存サイトの編集。
・jsやcssの追加

など、少しだけ変更したい場合のご相談はお気軽にお待ちしております。

▼サービス内容（応相談）

コーディングの依頼ならお任せください！WEBコーディングの代行を行います。
└お気軽にお問合せください。

ご満足頂けるものができるように、日々技術向上に心がけております。
ご依頼ご相談など、お気軽にご連絡ください。

納品後の修正も、最後まで責任を持って丁寧に対応させて頂いておりますので、
何かありましたら、遠慮なくおっしゃって頂ければと思います。

▼購入手順

お気軽にお問合せいただき、サイトの状況やご希望のサービス名、
ご相談内容をお伝えください。

◾️提供内容

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

JavaScriptの実装

CSSアニメーション

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

◾️基本料金内

JavaScriptの実装

レスポンシブ対応

簡易SEO対策

テスト環境
修正対応

◾️無料JavaScript
ハンバーガーメニュー

◾️納期

トップページ：2～4日

下層ページ：2日～
(ボリューム、稼働状況により変動いたします )

基本的に24時間以内の返信、密なコミュニケーションを心掛けています。
ご不明な点は、お気軽にお問い合わせください。

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

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

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

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

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

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

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

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

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

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

ご依頼・制作の流れ

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

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

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

お客様にご送付いただいたデザインカンプを基に
Webサイトの静的コーディングを代行するパッケージとなっております。

コーポレートサイト、LP、ECサイト（静的部分のみ）など
html/css+javascriptを使用したサイト構築が対応可能です。

採用サイトや高級レストランのコーディングを担当することが多く
デザインの雰囲気に合わせたアニメーションの実装が得意としております。
別途お見積もりとはなりますが、

・スクラブアニメーション
・モーションパス
・パーティクルアニメーション
・スクロールエフェクト

など各種アニメーションの実装も可能でございます。
*「アニメーション実装のみ」のご相談は現在は対応しておりません。
予めご了承ください。

料金に含まれるもの

＊スタンダードプランの場合

1.PCのデザインカンプ7000pxまでの静的コーディング　＊1
2.レスポンシブ化
3.基本的なjavascript 4点まで
4.構造化マークアップ（ご希望の場合のみ）
5.W3Cでのバリデーションチェック

[基本的なjavascriptとは・・・]

スライダー、カルーセル、ハンバーガーメニュー、アコーディオン、タブ
簡易的なスクロールエフェクト

追加料金が必要となるサービス例

・Wordpressの実装
・お問い合わせフォームの実装
・作業開始後にデザインや仕様の変更が発生した場合
・クライアント希望のコーディングルールの設定
・アニメーション
・インスタグラム連携（インスタグラムグラフAPI）

お断りさせていただいてる作業例

・50ページを超えるご依頼

制作期間

目安となっております。
ご依頼いただける時期にもよりますのでお気軽にご相談ください。

納品形式

ランサーズ上でのzip納品

ご相談時に必要なもの

デザインカンプをご用意いただきお気軽にメッセージをご送付ください。
ご相談時はラフでも問題ございません。

対応可能なターゲットブラウザ

win:edge最新,chrome最新,firefox最新
mac:safari最新,chrome最新

iPhone:iOS最新のsafari
Andoroid:最新varのchrome

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

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

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

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

【過去の経歴】

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

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

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

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

【作業内容】
・React, TypeScript, Next.jsを用いた静的コーディング（1ページから大量ページまで対応可能です。修正のみも対応可能）
・レスポンシブ対応
・JavaScriptの動的実装（スライダー、スクロールアニメーション、アコーディオン、ハンバーガーメニューなど基本的にご希望どおり実装します）

【制作の流れ】

・ヒアリング/お見積り（お気軽にご相談ください）
・お客様からデザインのご提供
・コーディング
・ご確認・修正
・最終確認・納品
・納品方法はGitHubコミット、zip納品、FTP送信などが可能です。その他の場合もご相談ください。

【納期】
実装内容により異なりますが、基本的には１〜２週間以内に納品させていただきます。
ご希望の納期がございます場合はご相談くださいませ。

定めた納期は必ず守ります。
デザインに忠実なコーディングに努めております。
ご相談・お見積もりのみでも大丈夫ですので、まずはお気軽にご相談くださいませ。

こんにちは、ご覧いただきありがとうございます。
フリーランスでWEB開発業務を請け負っています。
主にコーディング、WORDPRESSサイトの構築、カスタマイズを担当させていただいております。

サービス内容

• HTML, CSS, Javascriptのコーディング
• WORDPRESSテーマの導入、テンプレートカスタマイズ
• WORDPRESSカスタム投稿、カスタム分類、カスタムフィールドの設定
• その他、ご要望に応じて特殊機能の実装

すべてのプランに含まれる作業

• WEBサイト構築に必要なコーディング
• PC/SPレスポンシブ対応
• 基本的なSEO対策
• アフターフォロー（大幅なデザイン変更を伴わないものについては納品後1か月間無償対応）

ご要望に応じて対応可能

• お客様でサイト更新を行うためのマニュアル作成
• 不完全なデザインデータから当方裁量によるデザインの補完

お客様でご用意いただくもの

• 公開用（またはテスト用）サーバー契約、ドメインの取得
• デザインデータ（PSD, AI, XD, Figmaなど）
• サイト掲載テキスト（開発時は仮のテキストでも構いません）

ご注文の流れ

• まずはお見積もりのご相談をください。なるべくデザイン画像（サンプル）をいただけた方が正確なお見積りができます。
• お打ち合わせ。メッセージのやりとりだけでは相互理解が難しいようでしたら、ZOOM等のビデオミーティングでヒアリングさせていただきます。
• 納期・料金について最終お見積り
• ご発注→作業着手
• 適宜進捗について報告いたします。作業を進める上で質問事項が発生した場合も随時ご連絡させていただくことがあります。
• 開発規模に応じて、完成したところから段階的に公開します。
• お客様によるご確認→フィードバック
• お客様指定のサーバーへのアップロードまたはZIPファイルでご納品
• 最終確認をもって作業完了

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

■こんな方におすすめです
・低コストでコーディングを依頼したい方
・コーディングの時間が取れないデザイナーの方
・デザインデータはあるが、コー

本サービスでは、静的サイトやホームペーページ（HP）、ランディングページ（LP）を制作しています。ディングに不安を感じている方

■対象
・HP
・LP
・スマホ対応のWebサイト制作（レスポンシブ可）

■サービス内容
・HTML・CSSによるコーディング
・CSS, JavascriptやjQueryを使用したアニメーションの実装
・必要なタグ（ボタンやGoogleマップなど）の埋め込み
・画像圧縮による表示速度の改善
・レスポンシブ対応

■サービスの特徴
・デザインカンプ通りのコーディング
お客様からいただいたデザインデータ（Photoshop、Illustrator、XD、Figma）をもとに、デザインカンプに忠実なコーディングを行います。デザインのニュアンスを大切にし、細部まで丁寧に再現します。

・無制限の修正
お客様がご満足いただけるまで、修正を無制限で対応いたします。細かい要望にもお応えしますので、安心してご依頼ください。
※お客様が納得いただけるまで対応いたしますが、納品後の修正はお断りさせていただくきます。

・レスポンシブデザイン対応
スマートフォンやタブレットでも快適に閲覧できるよう、すべてのサイトにレスポンシブ対応を行います。

■制作の流れ
※WordPressの場合は異なります
①ご相談・お打ち合わせ
お客様のご希望やスケジュール、要望などをヒアリングし、進行方向を確認します。

②デザインデータの受け取り
Photoshop, Illustrator, XD, Figmaなどの形式でデザインデータをお預かりします。

③コーディング作業
いただいたデザインに基づき、丁寧にコーディングを進めます。

④テスト環境にアップロード
WordPressサイトの場合は、テスト環境にアップロードし、動作確認を行います。

⑤お客様確認・修正対応
お客様のチェック後、必要な修正を何度でも対応します。

⑥最終納品
修正が完了したら、納品となります。

■納期
作業内容により異なりますが、コーディングの場合は1ページあたり約5日をいただきます。お急ぎの方は事前にご相談ください。
※デザインの複雑さにより、上記の納期が変わることもありますのでご了承ください。

■納品方法
納品時には、zipファイルの送付やサーバーへのアップロードが可能です。サーバーへのアップロードを希望される場合は、FTP情報の共有をお願いいたします。FTP情報が不明な場合やサポートが必要な際は、お気軽にご相談ください。

業務内容のご紹介

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

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

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

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

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

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

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

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

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

〇サーバーアップロード

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

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

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

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

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

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

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