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

2024 Top 100 Lancer掲載の認定ランサーがコーディング代行いたします！

コーディングを行う必要があるあなた様へ。こんなことにお困りではないでしょうか？

✅「PC用のデザインしか用意していないが、レスポンシブには対応したい」
✅「自社でコーディングする時間を確保できない」
✅「デザインは用意できるけどコーディングは外注したい」
✅「特定の箇所は後から変更・更新できるようにしておきたい」

そういったお困りごとに2022 Top 100 Lancer掲載の認定ランサーが丁寧に対応させて頂きます。 まずはご相談ください。そちらでご検討いただいて、満足していただけるものを提供したいと思います。
飲食店、士業、美容、建設・不動産、スクールなど業種に関わらず受け付けております。

3つのプランをご用意しておりますので、お作りしたいものに合わせて最適なプランをご用意致します。
『見積もり・カスタマイズの相談』ボタンからご相談を受け付けております。お気軽にお問い合わせください。

【対象】

• 外注先をお探しの法人様
• 協業をお探しの Webデザイナー様
• 依頼の一部を外部リソースに依頼したいコーダー様

【活動実績】

• 2022 Top 100 Lancerに掲載

【納品までの流れ】

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

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

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

4. 製作開始

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

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

【主な確認事項】

• フォント
• ホバーアニメーション
• ヘッダーの動き
• ハンバーガーメニューの開き方
• メタタグ、OGP
• 各リンク先
• ファビコン
• 電話番号のタップ挙動
• フォーム用メールアドレス
• 確認及びサンクスページの有無
• 画面幅がデザインカンプより広がった場合の挙動

【WordPressテーマ化について】

ご希望であれば静的コーディングのファイルをWordPressテーマ化も承っております。
請求額については要相談。
静的コーディング時のお見積り額に加算させていただきます。

【注文時のお願い】

• ご相談の上で対応出来ないと判断したものは、受注前にお断りさせていただくことがございます。
  ご了承の程よろしくお願い致します。
• デザインカンプはFigmaもしくはXDファイルでの提供をお願いいたします。

【注意点】

納期はデザインデータなどすべての提供素材のご提示からのカウントとなります。
出品サービス購入からデータをお送りいただくまでの日数は納期に含みませんのでご注意ください。

納品方法がレンタルサーバーへのアップロードをご希望の場合は以下の３点にご注意下さい。

ドメインとレンタルサーバーのご契約済みであること
DNS設定が反映されている状態であること
FTP接続情報のご用意
WordPressの構築も依頼内容に含む場合は、こちらもご用意をお願いいたします。

レンタルサーバーのコントロールパネルのログイン情報
または
phpMyAdminへのログイン情報
※ご依頼時にもご案内させていただきます。納品前にはご用意をお願いいたします。
　ご不明な部分があればお気軽にお知らせください。

【その他】

またこのようサービスを出品しております。
https://www.lancers.jp/menu/detail/1230032

サムネイル右上にある再生ボタンを押していただくと、12秒程の短いメッセージ動画が再生されます。
よろしければ御覧ください。

当パッケージをご覧いただき、ありがとうございます。
現在はshopify制作を中心とした開発も含めた対応をしております。

・ほぼぴったりのデザイン再現で確認時間を減らしたい。
・shopifyの知見がなくディレクションもやってほしい。
などのお悩みがございましたら、ぜひお問い合わせください！

当方のコーディング実績は100件以上、大手企業や40ページを超える大学サイトなどの実績がございます。
デザインの再現性やコードの可読性、丁寧なクライアントワーク対応で評価をいただくことが多いです。
細部までこだわった品質でのコーディングを行っており、リピートいただく会社様が多いのが特徴です。

JavaScriptを使ったリアルタイムでの表示切替、機能的な実装なども得意としております。

静的コーディングだけではなく、WordPressやShopifyの構築、ディレクション、デザインなども承っておりますので、お気軽にお問合せください。

【サービス内容】
・デザインカンプを元にコーディング
・CSS, JavaScriptを使った複雑なアニメーション（GSAP可）
・WordPressの構築(オリジナルテーマ制作 / 投稿などカスタマイズ)
・Shopifyの構築（オリジナルテーマ制作 / Liquidを使ったアプリ不要のカスタマイズ）
・お問い合わせフォーム実装（PHP工房、ContactForm7, MW WP Form）
・画像圧縮（webp変換）
・Favicon, OGPの実装
・SEO対策(metaタグ、画像に適切なalt、W3C準拠など)
・BEMをベースとした可読性の高いCSS設計
・テスト環境のご用意
・スマホ、タブレット実機のチェック
　- Windows / Mac / iPad / iPhone / Android

【ご対応可能なデータ】
・Figma, XD, Photoshop, Illustrator
・jpegなど画像データ, PDF
・ご参考サイト

【お取引の流れ】
１．ヒアリング
　　デザイン及び機能やスケジュールを確認させていただきます。
２．ご契約
　　上記ヒアリングにて金額をご相談させていただき、ご契約となります。
３．テストアップ
　　当方のテストサーバーにて成果物をご確認いただきます。
４．納品
　　指定サーバまたはデータ送付で納品いたします。

ご満足いただけるよう、納品まで誠心誠意ご対応させていただきます。
ご不明な点は、お気軽にお問い合わせください。

2025.4.8
4月下旬まで受付休止中

このパッケージは、ホームページのコーディングサービスです。
※都合上、お急ぎ・短納期のご依頼はお断りをさせていただいております。

各プランの料金や納期はページ数、仕様、デザインなどの内容によって変動します。

例えば…
「1ページだけコーディングしてほしい」「ページにコンテンツを追加してほしい」
→ 内容によりますがお安くなる場合があります。

もし、プランに迷われましたら「カスタマイズ」またはメッセージでご相談ください。

こんな方におすすめ

• コーダー不足で外注先を探している
• WordPressが苦手
• コーディングが難しくてできない
• Webデザイナーだけどコーディングは苦手
• ディレクションやデザインに集中したい

制作会社様・個人Webデザイナー様からの受注実績があります。

よくあるご相談

• 新規サイトのコーディング・WordPress構築
• 既存サイトのリニューアル（コーディング）
• LPのコーディング
• WordPressのカスタマイズ（機能実装できますか？など）
• WordPressなしの静的サイトのコーディング

WordPressはオリジナルテーマ（ゼロから構築）、無料有料テーマ、すでに公開済みのサイトのどれでも対応できます。

ご相談やお見積りは無料です。

パッケージの内容

コーディング・WordPress構築のみです。
ご契約前にデザインデータをご用意ください。
内容によっては不要な場合もあります。

対応内容

• 静的コーディング
• LPコーディング
• WordPressオリジナルテーマ構築（ゼロから作成）
• WordPress無料有料テーマ構築（Snow Monkey、SWELL、SANGO、Lightning、Cocoonなど）
• 機能実装、コンテンツ追加など
• バグ修正、崩れ修正

対応可能な業種・ジャンル

• コーポレートサイト
• ポートフォリオサイト
• Webサービス
• 飲食店（カフェ、レストラン、居酒屋など）
• 美容室、サロン、ジム
• 芸能、音楽（バンド、アイドル、シンガーソングライターなど）
• ゲーム、ソシャゲ
• ガールズバー、コンカフェ
• ナイトワーク全般
  など
  その他、掲載のない業種・ジャンルもご相談ください。

実績例

公開・掲載ができないサイトもありますのでご了承ください。

• Webサービス会社のWordPressサイト
• 建築系のWordPressサイト
• コーポレートサイト
• ナイトワークのWordPressサイト（スマホサイズのみ）

納品までの流れ

1. ヒアリング・デザインや情報の提供
2. お見積り
3. ご契約・仮払い
4. 作業開始
5. 初稿納品
6. 検収・修正
7. プロジェクト完了

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

========

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

・デザインカンプはあるけどコーディングに時間を割けない制作会社様や中小企業様・個人様
・LPやサイトのお仕事を受けたけどコーディングが苦手というデザイナー様
・HTMLやCSSはできるけどアニメーションやWordPress化は苦手という方
・忙しくて時間が割けないコーダー様

などなど

========

【　制作の流れ　】

①　ヒアリング・お見積もり（必要な機能や納品方法、スケジュールについてもこちらで擦り合わせをさせていただきます）
↓
②psd・ai・XD・figmaでのデザインデータをお送りいただきコーディング作業開始
静的サイトもしくは静的サイトのWordPress化（オリジナルテーマ）で承ります。
↓
③トップページ実装・ご確認
↓
④下層ページコーディング開始
↓
⑤2、3ページ毎にご確認・進捗報告
↓
⑥テストサーバーで全体のご確認
↓
⑦上記ご確認後→修正→再度テストサーバーへアップロード
↓
⑧最終確認が済みましたらzip形式orサーバーにアップロードにて納品いたします。
※サーバーアップロードの場合はFTP情報が必要になります。

========

【　料金　】

トップページ(レスポンシブ・WordPress化込み)　44000円〜
アニメーションや複雑な機能については要相談となります。

========

【　確認環境　】

PC　chrome・Safari・Firefox・Edge（Firefox・Edgeは擬似環境です）
スマホ　chrome・Safari・Firefox・Edge

========

【　当サービスの強み　】

・制作会社と仕事をしているコーダーが制作しますので高いクオリティでデザインを再現いたします。

・納品前には独自の品質チェックシートを用いて確認したのち、納品させていただきます。

・土日も作業しております！急なご連絡なども対応可能です！

========

ご相談はもちろん無料で行わせていただきますのでまずはお気軽にご連絡くださいませ♪

Webサイトの修正、コーディングはお任せください！

本パッケージはホームページやランディングページのコーディングや修正をするサービスです！
（Wordpress対応）
安心してあなたのWebサイトをお任せください！

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

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

1. デザインはあるけど、コーディングにあてる時間がない
2. 安定した品質を担保できるコーダーがいない
3. コーディングが苦手で誰かに任せたい

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

• 急にサイトの変更が必要になっても、安心
• 品質が担保できるから、安心して任せられる♪
• デザインだけに集中できるので、デザインの品質が上がり、デザインの単価も上がった♪

初めての方へ

当サービスはHPやLPのWebサイトの修正や更新、新規ページのコーディングなど
Webサイトのお困り事を解決するサービスです。

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

• スマホでは表示が崩れる
• お問い合わせフォームをつけたい
• 文書を変えたい
• HPをネットに公開したい
• デザインはあるけど、コーディングができない、など

「こんなことできるかな？」と思ったら、お気軽にご相談ください。
相談は無料です！
どんどん相談しちゃってください！

価格（全て税込の対応での掲載になります）

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

⚫︎ランディングページのコーディング：48,000円
※長さによって変動いたします。

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

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

制作の流れ

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

購入する際の注意点

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

納期

【修正、更新】
最短で即日納品

【LPコーディング】
４日〜

【HPコーディング】
14日〜

＊依頼内容によって変動いたしますのでご了承ください。

実績

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

• デザイナー様からLPコーディング依頼
• 制作会社様からWordPress（オリジナルテーマ）のコーディング依頼
• 個人事業主の方から静的HPの修正依頼など

ここまでご覧いただきありがとうございました。
数多くのサービスから私のサービスに興味を持っていただき、嬉しく思います。

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

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

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

【ご依頼、お問い合わせ】
https://www.lancers.jp/menu/detail/1245805

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

◆こんな方にオススメです

• デザインはできるけどコーディングが苦手
• コーダー不足で外注先を探している制作会社
• コーダーのパートナーを探しているデザイナー

◆基本料金に含まれるもの

1. HTML／CSSコーディング
2. レスポンシブ対応
3. テスト確認用サーバーの設置
4. アフターフォロー
   →納品後1週間以内でしたら、テキストや画像の差し替えは無料でご対応いたします。

◆基本料金に含まれないもの

• 2倍サイズのデザインデータからのコーディング対応：合計金額に30%を加算
• Photoshopデザインデータからのコーディング対応：合計金額に20%を加算

◆納期

3日程度〜で納品が可能です。
※稼働状況や実装内容により変動いたします。

◆納品までの流れ

ヒアリング
　↓
デザインデータお預かり
　↓
コーディング
　↓
テストアップ（ご確認・修正）
　↓
納品（ZIPファイル送付もしくは、レンタルサーバーへアップロード）

◆お見積り参考例

レスポンシブコーディング（ランディングページ：PCデザイン長さ7,500px）

・ページ長さ7,500px：40,000円（長さ超過2,500pxごとに＋7,500円）
・スライダー：15,000円
・スクロールページトップボタン：無料

参考価格：55,000円

レスポンシブコーディング×10ページ（トップページ＋下層９ページ）

・トップページ（長さ5,000px）：30,000円（長さ超過2,500pxごとに＋7,500円）
・下層ページ（長さ3,000px）×9：108,000円（長さ超過2,000pxごとに＋6,000円）
・お問い合わせフォーム：20,000円
・スライダー：15,000円
・ドロワーメニュー：10,000円
・スクロールページトップボタン：無料
・アコーディオン：無料

参考価格：183,000円

テキストのみのシンプルな下層ページは、長さに関わらず一律6,000円。
例：プライバシーポリシーページや404ページなど。
　
※WordPress構築も含む場合は＋44,000円〜

ランディングページのコーディングを承ります。

Webデザイナーの方で、コーディングだけ外注したい！
Web制作会社様で案件が重なり、コーダーのリソースが急に必要になった！

など、必要な時に十分なスキルでコーディング対応が可能です。

特に、
「お客様の大切なデザインを忠実に再現する」
「お約束した納期を厳守する」
という当たり前の2点について、これまでご依頼いただいたお客様からも高い評価をいただいております。

デザインについては、PC用デザインのみでもスマホ対応（レスポンシブ）が可能です。

★ 簡単ですが自己紹介させていただきます★
20年以上の社会人経験と、その中で長く従事した営業職の経験から、
ご依頼をいただくお客様に満足いただくことを最善に対応させていただきます。

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

★ 動きのある要素について★
【料金内で対応可能】
・スライダー、カルーセル
・アコーディオン
・タブメニュー
・ハンバーガーメニュー

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

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

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

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

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

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

弊社では「ぱぱっとねっと」というホームページの更新代行サービスを行っています。
忙しくて更新作業まで手が回らない！という企業の味方です。

サービス開始から20年以上の経験と実績があります。
これまでに延べ300社以上の運用を行ってきました。

■こんな困りごとがありませんか？
・担当者が辞めてしまい更新できない
・ページの更新に時間と手間がかかる
・制作会社に依頼しているが対応が遅い
・頻繁に更新したいが費用が高く頼めない

■サービス内容
・ぺージの修正
画像の差し替えや文章の修正を行うことができます。
文字を強調したり、レイアウトの変更など、見た目の修正も可能です。

・ぺージの追加・削除
新しいぺージを作成することができます。
ページが増えたことによるリンクの修正やナビゲーションの修正も一括で承ります。

・サイトデータのバックアップ
・簡易アクセス解析レポート
・サイト改ざんチェック
・サーバー・ドメイン管理
・CMSのトラブル・障害復旧
・ホームぺージに関する無料相談

■納期
1依頼／～3営業日程度（修正内容によります）

◾️提供内容

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

jQuery/JavaScriptの実装

CSSアニメーション

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

◾️基本料金内

jQuery/JavaScriptの実装

レスポンシブ対応

SEO対策

テスト環境
修正対応

◾️無料JavaScript
一般的に実装されている動き。 (メニューボタンなど)

◾️納期

トップページ：2～4日

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

ご安心いただけるよう、密なコミュニケーションをこころがけております！
ご不明な点は、お気軽にお問い合わせくださいませ。

【緊急コーディング対応｜最短当日着手】

デザインカンプからコーディングまで、迅速・丁寧に対応いたします。

【こんな方にオススメ】
✓ 納期が迫っているが社内リソースが確保できない
✓ 既存の外注先から突然連絡が取れなくなった
✓ コーディング工程だけを外注したい
✓ 急な案件で即日対応が必要

【技術スタック】
■ フロントエンド開発

• HTML/CSS/JavaScript
• Bootstrap/jQuery/Sass
• レスポンシブ対応

■ バックエンド開発

• PHP/WordPress
• Shopify実装

■ 開発環境

• Git/Github管理
• テスト環境提供

【対応可能な制作物】
• コーポレートサイト制作
• ランディングページ（LP）制作
• WordPressサイト構築
• ECサイト制作（Shopify）
※全案件レスポンシブ対応込み

【料金について】
以下の要素を考慮し、最適なお見積りをご提示いたします：

• ページ数
• デザインの複雑さ
• アニメーションの実装量
• 納期の緊急度

【制作フロー】

1. 無料お見積り相談
2. 要件確認・料金のご提示
3. ご発注・着手
4. ページごとの進捗報告
5. テスト環境での確認
6. 修正対応（2回まで無料）
7. 納品・技術サポート

※ボリュームと納期のバランスによっては、
　お受けできない場合もございます。
　まずはお気軽にご相談ください。

【特徴】
• 豊富な実績による速習性の高い実装
• 保守性を考慮したクリーンなコーディング
• 進捗状況の細やかな報告
• 技術的な説明も丁寧に対応します

まずはお見積りからお気軽にご相談ください！

2024 Top 100 Lancer掲載の認定ランサーがコーディング代行いたします！

ランディングページ（LP）でサービス・商品を訴求したいあなた様へ。こんなことにお困りではないでしょうか？

✅「PC用のデザインしか用意していないが、レスポンシブには対応したい」
✅「デザインは用意できるけどコーディングは外注したい」
✅「自社でコーディングする時間を確保できない」
✅「特定の箇所は後から変更・更新できるようにしておきたい」

そういったお困りごとに2022 Top 100 Lancer掲載の認定ランサーが丁寧に対応させて頂きます。 まずはご相談ください。そちらでご検討いただいて、満足していただけるものを提供したいと思います。
飲食店、士業、美容、建設・不動産、スクールなど業種に関わらず受け付けております。

3つのプランをご用意しておりますので、お作りしたいものに合わせて最適なプランをご用意致します。
『見積もり・カスタマイズの相談』ボタンからご相談を受け付けております。お気軽にお問い合わせください。

【対象】

• 下請けをお探しの法人様
• 協業をお探しの Webデザイナー様
• 依頼の一部を外部リソースに依頼したいコーダー様

【活動実績】

• 2022 Top 100 Lancerに掲載

【納品までの流れ】

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

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

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

4. 製作開始

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

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

【主な確認事項】

• フォント
• ホバーアニメーション
• ヘッダーの動き
• ハンバーガーメニューの開き方
• メタタグ、OGP
• 各リンク先
• ファビコン
• 電話番号のタップ挙動
• フォーム用メールアドレス
• 確認及びサンクスページの有無
• 画面幅がデザインカンプより広がった場合の挙動

【注文時のお願い】

• ご相談の上で対応出来ないと判断したものは、受注前にお断りさせていただくことがございます。
  ご了承の程よろしくお願い致します。
• デザインカンプはFigmaもしくはXDファイルでの提供をお願いいたします。

【注意点】

納期はデザインデータなどすべての提供素材のご提示からのカウントとなります。
出品サービス購入からデータをお送りいただくまでの日数は納期に含みませんのでご注意ください。

納品方法がレンタルサーバーへのアップロードをご希望の場合は以下の３点にご注意下さい。

• ドメインとレンタルサーバーのご契約済みであること
• DNS設定が反映されている状態であること
• FTP接続情報のご用意

WordPressの構築も依頼内容に含む場合は、こちらもご用意をお願いいたします。

• レンタルサーバーのコントロールパネルのログイン情報
  または
• phpMyAdminへのログイン情報

※ご依頼時にもご案内させていただきます。納品前にはご用意をお願いいたします。
　ご不明な部分があればお気軽にお知らせください。

【その他】

またこのようサービスを出品しております。
https://www.lancers.jp/menu/detail/1227479

サムネイル右上にある再生ボタンを押していただくと、12秒程の短いメッセージ動画が再生されます。
よろしければ御覧ください。

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

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

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

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

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

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

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

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

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がどんなものか分からない場合にはヒアリング時にご説明いたします。
些細な疑問にもお答えいたしますので、ヒアリング時にお気軽にお尋ねください。

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

中谷寛希と申します。
フリーランスになってから実績が少ないため、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円～
  （内容により変動します。）

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

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

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

フリーランスの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時間以内）も可能ですので、まずはご相談ください！

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

ご覧いただきありがとうございます。
本サービスはホームページ、LP、ポートフォリオなどのコーディング代行サービスです。

♦︎こんな方におすすめ♦︎
デザインデータをお持ちの
デザイナー様
制作会社様
ディレクター様
等

♦︎サービス内容♦︎
・HTML・CSSコーディング(レスポンシブ対応込み)
・JavaScript(jQuery)やCSSを用いたアニメーションな実装

♦︎料金♦︎
・LPコーディング(10000pxまで)：25,000円
・トップページコーディング（8000pxまで）：20,000円
・下層ページコーディング(8000pxまで)：7,000円/1ページ
[簡単な下層ページは3000円/1ページ]
・JavaScript(jQuery)アニメーション/1箇所：3,000円
・問い合わせ機能(Googleフォーム)：10,000円～
・WordPress機能実装：要相談

♢無料サービス♢
・基本SEO対策タグの埋め込み
・簡単なCSSアニメーション（ホバーアニメーション等）
・サイト軽量化画像圧縮
・OGP設定

※ レスポンシブ対応込みの価格になります。
※ ページの長さ超える場合は1000px毎に1,000円追加費用発生します。
※デザインデータにスマホ用のデザインがない場合はよしなにコーディングいたします。
　（その場合は合計金額の30％が追加となります。）
※デザインとの相違による修正回数については無制限です。
（デザイン変更については、別途料金が発生する場合がございます。）

♦︎ご依頼から納品までの流れ♦︎
①ヒアリング・お見積り
②ご契約
③デザインデータのお預かり
④コーディング
⑤テスト環境にアップロード
（お客様にブラウザでご確認いただきます。）
⑥修正
⑦納品

♦︎こちらでのテスト環境♦︎
Mac、iPhone（Chrome/Safari）
Windows（Edge）

♦︎納期について♦︎
通常、ご依頼の着手日から1週間程度で納品いたいします。
※スケジュールの状況により、上記に沿わない場合もございますのでご了承ください。

♦︎納品について♦︎
・zipファイルの送付
※サーバへのアップロード希望の場合は FTP情報共有をお願いします。

ご満足頂けるように丁寧かつ柔軟に対応致します。
まずはお気軽にご相談下さいませ。

ご覧いただきありがとうございます。
制作会社での経験を活かし、Webサイトの修正や更新をはじめ、
新規Webサイトのコーディングを１ページから承ります。

制作の際は、
◎ デザインを忠実に再現
◎ メンテナンスしやすいコード
◎ SEOに配慮したマークアップ
を心掛けています。

【 スタンダードプラン・プレミアムプランに含まれるもの 】
・HTML / CSS コーディング
・レスポンシブ対応（ブレイクポイント１箇所）
・内部SEO対策
・お問い合わせフォームの実装
・ハンバーガーメニュー、スライダー、アコーディオンなどの基本的な動きの実装（javascript / jQuery）
・各種ブラウザ動作確認（Chrome、Firefox、Edge、Safari ※最新版）
・修正無制限（※仕様変更は別途費用がかかります）
・画像圧縮

※デザインデータはご支給ください。

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

【 オプションメニューWordpress構築に含まれるもの 】
・更新機能の実装
・セキュリティ対策

【 制作の流れ 】
ご依頼内容の詳細をお聞かせください。
↓
納品日・金額のご提示
↓
ご契約
↓
デザインデータ・素材等の共有
↓
作業開始
↓
ご確認・修正
↓
納品

【 制作者について 】
Web制作会社・デザイン広告制作会社・Webマーケティング会社に従事後、フリーランスとして活動。
現在はコーディングを中心に、制作会社様より業務を請け負っています。
迅速・柔軟・丁寧な対応を心がけております。
納品後のアフターフォローもお気軽にご相談ください。

デザインが完成しているページのコーディング代行をいたします。

HTML5　/　CSS3 　/ 　jQuery にて対応いたします。

コーディング規則がある案件や、既存ページへの追加なども対応可能です。

修正などにも対応し、最後まで責任を持って対応いたします。

ご不明な点などございましたらお気軽にご連絡ください。

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

【制作の流れ】

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

ご覧いただきありがとうございます！
Webコーダーの葉月もえと申します。

お客様に満足いただけるサイトを提供するために、コミュニケーションを大切に、取引完了まで責任をもって対応いたします。
ご相談・お見積もりのみでも構いませんので、お気軽にお問い合わせください！

【 サービス内容 】
・HTML/CSS（Sass）を用いたコーディング
・JavaScript（jQuery）を用いたアニメーション実装
・お問い合わせフォーム設置（静的サイト： PHP、WordPressサイト： Contact Form 7）
・WordPress構築（オリジナルのクラシックテーマ作成）

【 料金表 】
・トップページ：15,000円
・下層ページ（1ページ）：8,000円
・LP：20,000円
・アニメーション（1実装）：3,000円
・お問い合わせフォーム：8,000円
・WordPress構築：30,000円

【 無料オプション 】
・ハンバーガーメニュー
・ホバーアニメーション
・レスポンシブ対応（PC・タブレット・スマホ）
・OGP設定
・ファビコン設定
・表示速度向上のための画像圧縮
・基本のSEO対策（titleタグ、見出しタグの設定）
・テスト環境構築（制作途中に当方のテスト環境にて、サイトをご確認いただけます。）
※OGP/ファビコンの設定をご希望の場合は、画像のご用意をお願いいたします。

【 納期 】
作業内容や稼働状況によって変動しますが、着手日より1週間程度で納品いたします。
ご希望の納期がある場合は、できる限り柔軟に対応いたしますのでご相談ください。

【 制作の流れ 】
①お見積もり
②ご契約
③コーディング
④テスト環境へのアップロード
⑤ご確認・修正（回数無制限）
⑥納品

修正については、無制限で対応いたします。
ご満足いただけるまでご遠慮なくお知らせください。
※制作開始後の大幅なデザイン変更は、追加料金が発生する場合がございます。

【 納品方法 】
・zipファイルの送付
・サーバーへのアップロード
※サーバーへのアップロードをご希望の場合は、FTP情報のご連携をお願いいたします。
※WordPress構築の場合は、プラグインでの移行を想定しております。

最後までご覧いただきありがとうございました。
ぜひご検討いただけると幸いです。

サービスをご覧いただきありがとうございます！
サービス出品者の宗谷(そうや)と申します。

【本サービスの内容】
本サービスは、WebデザインをHTML・CSS・JavaScriptでコーディングするサービスです。

【各プランの詳細】
※あくまで金額は目安であり、お見積もりからお願いしております。

＜ベーシックプラン＞
HTML・CSSを使った制作になります。
アニメーションなどを使わないため、下層ページのコーディングなどにオススメです。

＜スタンダードプラン＞
こちらはHTML、CSS、JavaScript (アニメーション) を含む制作になります。
トップページのコーディングなどにオススメです。

＜プレミアムプラン＞
こちらは静的コーディングの5ページ分の制作になります。
複数ページのコーディングを依頼されたい方はこちらがオススメです。

【納品までの流れ】
１．ヒアリング（内容の詳細をお聞かせください。）
２．お見積もりを提出 (金額と納品日をお伝えいたします。)
３．ご依頼（ご購入）
４．デザインデータのご入稿
５．制作開始
６．テストアップ
７．検収・修正対応
８．データ納品 or サーバーアップロード

【こんな方にオススメ】
＜リソース不足で外注したい方＞
リソース不足は私が解消します。

＜品質を重視してコーディングしてほしい方＞
徹底した品質管理を行い、品質が担保されたサイトを納品します。

＜信頼できるコーダーを探しているWeb制作会社様、Webデザイナー様＞
初回のサービス購入で信頼を掴み取り、継続して依頼されるコーディングパートナーになることをお約束します。

【最後に】
最後までお読みいただきありがとうございます。
簡単なご相談でも構いません。
お気軽にご相談ください。

/ 宗谷 (そうや)

サービスをご覧いただきありがとうございます！
サービス出品者の宗谷(そうや)と申します。

【本サービスの内容】
本サービスは、LPのデザインをコーディングするサービスです。

【各プランの詳細】
※あくまで金額は目安であり、お見積もりからお願いしております。

＜ベーシックプラン＞
こちらは画像コーディングがメインの制作になります。
割合としては8 ~ 9割が画像、1 ~ 2割がコーディングのイメージになります。

＜スタンダードプラン＞
こちらはHTML、CSS、JavaScript (簡易的なアニメーション) を含む制作になります。
ハンバーガーメニューなどアニメーションが含まれる場合はこちらのプランからお願いいたします。

＜プレミアムプラン＞
こちらは定期的な更新に対応するWordPressを使用した制作になります。
更新が想定されるものを事前にヒアリングさせていただき、カスタムフィードなど使用することで簡易的にLPを更新できるようにサイトを制作します。

【納品までの流れ】
１．ヒアリング（内容の詳細をお聞かせください。）
２．お見積もりを提出 (金額と納品日をお伝えいたします。)
３．ご依頼（ご購入）
４．デザインデータのご入稿
５．制作開始
６．テストアップ
７．検収・修正対応
８．データ納品 or サーバーアップロード

【こんな方にオススメ】
＜リソース不足で外注したい方＞
リソース不足は私が解消します。

＜品質を重視してコーディングしてほしい方＞
徹底した品質管理を行い、品質が担保されたサイトを納品します。

＜信頼できるコーダーを探しているWeb制作会社様、LPデザイナー様＞
初回のサービス購入で信頼を掴み取り、継続して依頼されるコーディングパートナーになることをお約束します。

【最後に】
最後までお読みいただきありがとうございます。
簡単なご相談でも構いません。
お気軽にご相談ください。

/ 宗谷 (そうや)

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

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

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

【プランの種類】
・ベーシック・・・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での共有でお願いします。

修正回数について
・期限内であれば何回でも対応させていただきます。

稼働時間について
・平日 9:00~21:00
※土日祝は基本的に対応不可の時間はありません

必要なもの
・Figmaのデザインデータ(.fig)
・具体的な実装内容(担当の方とお話しさせていただくだけで十分の場合もあります)

webサイトのコーディングを承ります。

Webデザイナーの方で、コーディングだけ外注したい！
Web制作会社様でコーダーのリソースが急に必要になった！

など、必要な時に十分なスキルでコーディング対応が可能です。

特に、
「お客様の大切なデザインを忠実に再現する」
「お約束した納期を厳守する」
という当たり前の2点について、これまでご依頼いただいたお客様からも高い評価をいただいております。

デザインについては、PC用デザインのみでもスマホ対応（レスポンシブ）が可能です。

★ 簡単ですが自己紹介させていただきます★
20年以上の社会人経験と、その中で長く従事した営業職の経験から、
ご依頼をいただくお客様に満足いただくことを最善に対応させていただきます。

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

★ 動きのある要素について★
【料金内で対応可能】
・スライダー、カルーセル
・アコーディオン
・タブメニュー
・ハンバーガーメニュー

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

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

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

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

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

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

WebサイトのHTML・CSSコーディングを承ります。
既存サイトの更新や修正も安心してお任せください。

デザインの正確な再現性とメンテナンス性、
SEOに配慮したコーディングを強みとしています。

制作に関するご相談やお見積りは無料です。
お気軽にお問い合せください。

■ サービス内容
→レスポンシブコーディング
PC、スマートフォン、タブレットなど、
マルチデバイスに対応したWebサイトを構築します。

→インタラクティブな実装
スライダー、ハンバーガーメニュー、スムーススクロールのJavaScript（jQuery）、
ボタンhover時のインタラクションの実装はプランの費用に含まれます。

→ブラウザチェック
主要ブラウザ（Google Chrome / Mozilla Firefox / Safari / Microsoft Edge）の
最新バージョンで表示確認を行い、品質を保証します。

■ サービスの特徴
・PC版のデザインデータのみしかない場合でも、
こちらで最適なレスポンシブデザインに調整し、SP版を組むことが可能です。

■ 費用
・TOPページ：36,000円〜
・下層ページ：12,000円〜
・既存サイトの更新・修正：5,000円〜

■ ご依頼の流れ
まずはご相談フォームよりデザインデータや仕様など、
案件の詳細をお知らせください。
内容を確認し、お見積りさせていただきます。

■ 担当者について
事業会社と制作会社で多数のWebサイト制作・運用経験を持つ制作者が担当いたします。
現在はフリーランスとしてコーディングを中心に案件をお受けしていますが、
ページの画面設計からWebデザイン、WordPressの実装、
コアウェブバイタルのスコア改善、内部SEO対策なども対応可能です。

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

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

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

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

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

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

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

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

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

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

短納期でデザイン通りにコーディングします！

ご覧いただきありがとうございます。
弊社は中小企業様のホームページ制作を続けて創立20年以上の実績があり、Webサイトのコーディングは得意分野ですので、ぜひお任せください！

【営業時間】
平日 9:30～17:30 （休業日：土日、祝祭日、特定日）

■業務内容

デザインデータをご提供いただき、コーポレートサイト / LPのコーディングを代行します。

●サービス内容

・HTML / CSSを用いたコーディング
・レスポンシブ対応
・一般的なSEO対策

●対応範囲について

本パッケージはコーディングのみ対応となりますので、作業前に必ずデザインデータをご提示ください。デザイン制作をご希望の場合は別途お見積致しますのでご相談ください。

以下のような場合も別途お見積で対応可能ですのでお気軽にご相談ください。
・WordPressテーマへの組み込み
・お知らせ / ブログの構築
・お問い合わせフォームの設置
・Googleアナリティクスの開設、設置

●制作の流れ

①ヒアリング
ご購入前に料金表の「まずは相談する」よりお問い合わせ下さい。
ご希望をヒアリングした上でお見積をさせていただきます。

②デザインデータのお預かり
対応可能データ（Photoshop ・Illustrator・AdobeXD・Figma）
提供いただくデザインデータはPCサイズのみでも構いませんが、モバイル・タブレットサイズもデザイン通りに仕上げたい場合にはお送りください。
対応可能データ以外でのご入稿はご相談ください

③作業開始
実際にコーディング作業に入ります。
納期は作業開始からの日数でカウントします。出品サービス購入から必要な素材をご提供頂くまでの日数は含みませんので、ご了承ください。

④確認・修正
テスト環境にて仕上がりをご確認いただきます。

⑤納品
ファイル納品、またはご指定のサーバーへアップロードします。
ご不明な点がございましたら、お気軽にお問い合わせください。

■サービス内容

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

■納品形式

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

■納品期間

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

■制作の流れ

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

■注意事項

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

こんな方へオススメ

• デザインまでは対応できるが、フルスクラッチ（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しましたら、ファイルリストとファイル一式を納品させていただきます。

戻し対応について

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

HTML / CSS コーディング代行
・Figma / XD / Illustrator / PDF 等のデザインデータから忠実にコーディング
・スマホ対応（レスポンシブ）対応可
・保守性・可読性の高いクリーンなコードを意識しています

LP（ランディングページ）の作成
・1ページ完結のPRページ、イベントページ等
・既存テンプレートのカスタマイズ対応も可能です

デザインがない場合もOK
・簡単な構成案からの制作もご相談いただけます
・フリー素材・テンプレートを活用したコスト重視対応も可能です

軽度のJavaScript実装（オプション）
以下のような簡単な動きに対応可能です：
・スライダー（Swiperなどの導入）
・ハンバーガーメニュー
・FAQの開閉
・モーダル表示（画像拡大など）
・スクロールアニメーション（AOS等ライブラリ）
・日付自動挿入 など

簡単な静的なサイトを作りたい方におすすめです。

デザイン案を受け取ります。
→
コーディング作業
→
問題ないかの確認・修正(２回ほど)
→
納品

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

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

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

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

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

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

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

【 サービス内容 】
・デザインカンプを元にコーディング
・CSS, JavaScriptを使った複雑なアニメーション（GSAP可）
・WordPressの構築(オリジナルテーマ制作 / 投稿などカスタマイズ)
・SEO対策(metaタグ、WordPressの場合はプラグイン使用)
・FLOCSSをベースとした可読性の高いCSS設計
・テスト環境のご用意
・ブラウザ確認
Chrome,Edge,Firefox,

【 対応可能なデータ 】
・Figma, XD, Photoshop, Illustrator,Photoshop

【 お取引の流れ 】
①ヒヤリング
　→デザイン、機能、スケジュール確認をさせていただきます。

②納品日とお見積り金額をお伝えいたします。

③問題がなければ、ご契約・仮払いをお願いします。

④ご確認・修正
　→テスト環境で成果物をご確認いただきます。

⑤納品
　→サーバーへのアップ・もしくはファイルの送付

ご不明点があればお気軽にご連絡ください。
どうぞよろしくお願いいたします。

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

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

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

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

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

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

< 納品方法 >
zipファイル

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

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

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

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

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

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

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

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

「デザインを忠実に再現！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をお届けします。
お気軽にご相談ください！

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

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

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

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

【過去の経歴】

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

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

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

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

▶︎サービス紹介
以下のお悩みを解決いたします。
・ウェブサイトのデザインを思い通りに実現したい
・レスポンシブデザインで快適な表示を実現したい
・迅速かつ丁寧な対応を求めている

▶︎サービスの概要
・HTML・CSS（Sass）を用いたコーディング
・JavaScript（jQuery）を用いたアニメーション実装
・レスポンシブ対応

▶︎無料対応
・表示速度向上のため画像圧縮（ご希望の場合）
・基本的はSEO対策（構文チェック、metaタグの設置）
・アニメーション実装（ハンバーガーメニュー・ホバーアニメーション・スムーススクロール・アコーディオン・フェードイン）
・ファビコン・OGPの設置
・修正（大幅なデザインや内容の変更、追加のご要望などによる修正は、追加料金をいただく場合がございます。）

▶︎納品までの流れ
①「見積り・カスタマイズの相談をする」よりご相談ください。
②ご購入・デザインデータお預かり
③コーディング
④テスト環境にアップロード→ご確認・修正
⑤納品

▶︎納品方法
・zipファイルの送付
・ご指定のサーバーへアップロード

▶︎納期の目安（デザインデータをいただいてから）
・LP → 10日～
・トップページ → 10日～
・下層ページ → 3日～
※ご依頼のボリュームによって前後します。

▶︎受け取り可能なデザインカンプについて
・AdobeXD
・Figma

ご不明な点がありましたら、お気軽にお問合せ下さい。
「まずは相談する（無料）」よりお問い合わせください。

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

▼ こんな方にオススメです！
✅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... 等）
・画像素材 / 動画 / 文章

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

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

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

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

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

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

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

本サービスをご覧いただきありがとうございます。
お客様の安心と満足を第一に考え、迅速な対応、定期的な進捗報告、そして誠意を持った丁寧な対応を心がけております。

▼こんな方におすすめ
・コストは抑えたいけど、品質は落としたくない
・デザインに忠実にコーディングして欲しい
・進捗報告をしっかりして欲しい
・デザインは得意だけど、コーディングは苦手
・アクセシビリティに配慮したWebサイトを作りたい
・Webサイトの表示速度を速くしたい

▼サービス内容
・デザインデータをもとにHTML・CSSを使用したコーディング。
・レスポンシブ対応
・アニメーション（CSS/JavaScript/jQuery）

▼確認環境
Mac（最新OS）：Chrome、Safari、Firefox、Edge　※各最新バージョン
Windows：Chrome、Firefox、Edge　※各最新バージョン
スマホ：Chrome、Safari

▼無料サービス
・画像圧縮（表示速度の高速化）
・テスト環境の構築
※必要に応じてブラウザにて実際に確認していただくことも可能です。その際は、Basic認証を設定致します。

▼価格について
・トップページ：10,000円〜
・下層ページ：1,000円〜
・LP：10,000円〜
・アニメーション：1,000円〜/1実装
（※ハンバーガーメニュー、スライダーは無料で対応致します。）
※料金は目安となりデザインやご要望によって変動致します。お客様のご予算に合わせた調整も可能ですので、お気軽にご相談願います。

▼サービスの流れ
①ヒアリング・お見積り
②お客様からデザインデータのご提供
③コーディング・テスト
④ご確認・修正（回数無制限）
⑤納品

▼納品方法
zipファイルでの納品またはご指定のサーバーにアップロード致します。

▼修正について
・納品後も無料にてご対応
・回数無制限
※デザイン変更や、お客様の編集に起因する不具合の修正は対応外となります。

■サービス内容

・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を使用しないことや、異なるデバイスのブラウザでも表示崩れがないように、コーディング後にはしっかりとチェックを行っています。

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

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

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

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

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

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

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

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

◾️提供内容

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

jQuery/JavaScriptの実装

CSSアニメーション

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

◾️基本料金内

jQuery/JavaScriptの実装

レスポンシブ対応

SEO対策

テスト環境
修正対応

◾️無料JavaScript
一般的に実装されている動き。 (メニューボタンなど)

◾️納期

トップページ：2～4日

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

ご安心いただけるよう、密なコミュニケーションをこころがけております！
ご不明な点は、お気軽にお問い合わせくださいませ。

◆以下の悩みを解決いたします！

● デザインデータはあるが、コーディングができない
● 自分でも更新できるようにシステムを作ってほしい
● 今のサイトが古いのでリニューアルしたい
● 予算を抑えつつ、専門的な知識なしでしっかりしたサイトが欲しい
● 事業開始に向けて、問い合わせがもらえるようなサイトを作りたい

もしこれらのお悩みがあれば、私にお任せください！

迅速かつ高品質で、お客様のウェブサイトを期待以上に仕上げます。

◆サービスの特徴

1. 高品質なレスポンシブデザイン対応
全てのデバイス（PC、スマホ、タブレット）で見やすく、使いやすいサイトに仕上げます。どんな画面サイズでも、最適な表示を実現します。

2. モダンで美しいアニメーション
簡単なフェードインから、スクロールエフェクト、スライダーなど、視覚的にインパクトのあるアニメーションを実装します。サイト訪問者に強い印象を与えます。

3. SEOに配慮したコーディング
Googleなどの検索エンジンに評価されやすいように、SEO対策を意識してコーディングを行います。これにより、検索結果での表示順位向上を狙います。

4. WordPress構築・カスタマイズ
CMSを利用して、動的なコンテンツ更新が可能なサイトを構築します。既存テーマを使ったカスタマイズや、ゼロからのテーマ制作まで対応可能です。

5. 納品後も安心サポート
納品後の修正や問題対応もサポートいたします。納期内であれば、無料で修正対応しますので、安心してお任せください。

◆納品までの流れ

ご提案・お見積り
初めに、サイトの目的、デザインデータ、希望する機能などについて簡単にヒアリングし、具体的なお見積りと納期をご提案します。

ヒアリング・詳細確認
サイトのターゲットやデザインの方向性についてさらに詳しくお伺いします。必要に応じて、デザインデータ（Figma、XD、PSDなど）をお送りいただき、具体的な作業に着手します。

コーディング作業開始
ご確認いただいた内容に基づき、ウェブサイトのコーディング作業を進めます。進捗は定期的に報告し、途中でご意見をいただけるようにします。

最終確認・修正対応
完成したサイトをお客様に納品し、最終確認を行います。必要に応じて修正を加え、完璧な状態で納品いたします。

納品後のサポート
納品後も、万が一動作に問題があったり、微調整が必要な場合は追加サポートを提供します。安心してご利用いただけるように、迅速に対応します。

■制作内容
・HTML/CSSコーディング
・レスポンシブ対応
・JavaScript/jQueryを使用したアニメーション
（スライダー、スクロール、アコーディオン、ハンバーガーメニューなど）
・品質チェック
・Wordpressの導入、構築、改修
※WordPressは別途追加費用が発生いたします。

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

■購入の流れ

1. ヒアリング&お見積り
   　ご購入前にご相談フォームよりご依頼の内容を詳しくお聞かせください。
   　デザインデータや要件などを確認させていただき、お見積りいたします。

2. ご契約
   　お見積もりなど問題なければ、ご契約をお願いいたします。

3. お客様からデザインデータご提供

4. コーディング開始

5. お客様確認&修正
   　大幅な要件変更・デザイン変更等は追加費用がかかる可能性がございます。

6. 納品
   　zipデータまたはご指定のサーバーへアップロードでの納品となります。

■納期
案件の内容や稼働状況に応じて、
変動いたしますので、まずはお気軽にお問い合わせ下さい。

その他、ご不明点等がございましたらメッセージにてご連絡下さいませ！

◆できること
・ホームページ（HTML,CSS,JavaScript,jQuery）
・ホームページ（WordPress）
・LPページ（HTML,CSS,JavaScript,jQuery）
・LPページ（WordPress）

◆ご購入後の流れ
１ヒアリング、デザインカンプ確認
２制作
３初稿
４修正確認・修正
５納品

納期1-3日

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

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

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

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

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

Webサイト・LPのコーディングを行います。
コーダーがいなくて困っている、制作が溢れていて手が回らない等お困りでしたらお声がけください！！

【お手伝いできること】
・HTML/CSSを使ったコーディング
・JavaScript/jQueryを使った簡単なアニメーションの実装
・保守・運用しやすいCSS設計
・WordPressの導入・構築・改修
これらを使って小さな修正から新規のサイト制作まで幅広く対応可能です。

【制作内容の詳細】
・静的コーディング(1ページ〜)
・レスポンシブ対応
・アニメーションの実装(ご相談ください)
・お問い合わせフォームの実装・設置
・WordPress化：別途お見積もり

【お見積りについて】
記載の金額は目安のものです。
作成するページ数・要件に応じて金額は変動いたします。
ご予算に応じて調整もできますので、お気軽にご相談ください。

【購入の流れ】
・「見積もり・カスタマイズの相談に進む」
コーディングの内容、実装したい機能等お聞かせください。
対応可能かを判断し、制作の流れをお伝えいたします。
↓
・見積もりの提案・契約
作業内容、納期等を踏まえてお見積もりします。
ご納得いただいた上でご購入をお願いします。
↓
・作業開始・確認
お客様でご準備していただく素材を提出して頂きます。
作業が完了しましたら制作物を提出しますので、確認をお願いします。
確認後、修正・変更をいたします。
↓
・納品
作業が全て完了し、納得いただいた上で納品いたします。
データファイルの提出、サーバーへのアップロード等ご希望に合わせて納品いたします。