コーディングの依頼・発注・代行

LP一括制作（デザイン➕コーディング）希望の方は下記パッケージでお願いします。
（デザイン＋コーディング）

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

HP、LP のコーディングはお任せください！

PC・スマートフォン・タブレットなど
あらゆるデバイスに対応した美しい仕上がりを実現いたします。
丁寧でわかりやすい対応を心がけ、修正やご相談にも迅速に対応いたします。
ご予算やご要望に合わせて柔軟に対応いたしますので、どうぞお気軽にご相談ください。

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

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

1. デザインはあるけれど、コーディングにかける時間が足りない（時間不足）
2. 品質のばらつきがなく、信頼できるコーダーがなかなか見つからない（品質への不安）
3. コーディング作業に手間取って、デザインに集中できない（業務効率）

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

・時間不足のお悩みには：コーディングはすべてお任せいただけるため、作業時間を大幅に削減できます
・品質への不安には：経験豊富なコーダーが対応することで、安定した品質を担保します
・業務効率の改善には：コーディングを専門家に任せることで、実装の自由度が広がり、提案力や表現の幅もアップ

作業内容（下記内容はパッケージ料金に含まれております）

・レスポンシブコーディング
・お問合せフォーム実装
・WordPress化（オリジナルテーマ、カスタムフィールド等も対応可）
・ローディングアニメーション、 スムーススクロール、スライダー、ハンバーガーメニュー、アコーディオン、モーダル等対応

サービスの特徴

【デザイン意図の「読み取り力」×「再現力」】
デザインから「なぜこの配置なのか」「どんな動きがふさわしいか」まで読み取り、意図や世界観を正確に再現。見た目だけでなく体験としても一貫したコーディングを実現します。

【 納品後すぐ使える“実用仕様”で納品】
単にコーディングされたコードを渡すだけでなく、そのまま使える状態で納品するため、手間もロスもありません。

【修正は「回数無制限」だけじゃない。“修正を前提に設計”】
「回数無制限」に甘えず、修正しやすいコード構成・ファイル設計を徹底。納品後も、別の開発者が見てもわかりやすく、運用・保守もスムーズに。

価格

⚫︎LPコーディング：35,178円（税込）
※長さによって変動いたします。
提示料金は10,000px以内

⚫︎HPコーディング（HTML）：119,790円
※５ページ 想定

⚫︎HPコーディング：（WordPress/PHP）：
167,178円
※５ページ 想定

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

制作の流れ

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

購入する際の注意点

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

実績

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

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

ここまでご覧いただきありがとうございました。

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

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

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

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

このパッケージは、WordPressサイトを新規構築・コーディングするサービスです。

AIに丸投げや第三者に任せることはしません。
WordPress構築経験のあるエンジニア（私）が構築・コードレビュー・動作確認・調整を行い、品質を確認したうえで、責任をもって納品いたします。

各プランの料金・納期はページ数や実装内容によって変動します。
プランに迷われた場合はカスタマイズまたはメッセージにてご相談ください。

【AIを活用した効率的なWordPress構築】

従来のサイト制作では、コーディング工程に多くの時間を必要としていました。
「AIによる効率化」と「WordPress構築経験」を組み合わせることで、スピーディーかつ従来の品質を提供します。

WordPress管理画面内は、AIの領域外になることがほとんどのため、私の手作業により構築・設定を行います。

こんな方におすすめ

• WordPressサイトの構築を外注したい制作会社様や企業様
• デザインはあるが、実装やCMS化を任せたいWebデザイナー様
• ディレクションやデザイン業務に集中したい方
• 更新しやすいWordPressサイトを新規構築したい方
  など

主な対応実績

• コーポレートサイト
• リフォーム系サイト
• 店舗サイト
  など

※守秘義務の都合上、非公開となっております。

納品までの流れ

1. ヒアリング・必要データや資料のご提供
2. お見積り
3. ご契約・仮払い
4. 制作開始
5. 初稿提出
6. ご確認・修正対応
7. 納品・プロジェクト完了

TOPページ/下層ページ、LP、HTMLメールなどデザイン通りにコーディングします！

◾️提供可能な内容


• HTML・CSSの静的コーディング
• アニメーション、動作コントロール
• お問い合わせフォーム
• WordPressの構築
• 運用管理
• 環境設定
• テスト環境の構築
• SEO対策

◾️基本料金内


• HTML・CSSの静的コーディング
• CSSアニメーション（「ふわっと表示」のような基本的な動作）
• jQuery/JavaScript（メインビジュアルのスライダやメニューボタン・CSSアニメーションのコントロールなど一般的な動作）
• スマホ最適化（レスポンシブ対応）
• SEO対策（原則に沿ったコーディング）
• 修正対応（不備等、本アップまで対応可能）

◾️オプション


• 運用管理（サーバー/ドメイン契約、継続的な管理）
• 環境設定（サーバー設定、SSL、セキュリティその他）
• テスト環境（本アップと別で構築）
• お問い合わせフォーム（入力フォーム+サンクスページ）
• アニメーション（高度な動作）
• WordPress構築（オリジナルテーマ制作 / カスタマイズ）
• WordPress更新マニュアル

◾️納期

（お急ぎではない場合）正式なご発注後1週間
特急（LPで翌日など）可能です！お急ぎの場合はお知らせください。

◾️金額について

金額・納期はボリュームやページ数などで変動いたします。
要件に沿ってお見積りさせていただきます！
まずはお気軽にお問い合わせください。
ご安心いただけるよう、密なコミュニケーションをこころがけております。

【LPのコーディング代行をさせていただきます。】

「デザインは出来るけど、コーディングが出来ない。」
「忙しいのでコーディングだけやってほしい。」

そんな方のためのサービスです。

デザインカンプをいただけましたらそれを元にコーディングをして忠実に再現いたします。
（※Figma、XD、photoshop、illustrator、どのデザインツールでも構いません。）

レスポンシブ対応込みです。

ご要望、ご意見、ご質問など、なんでもお申し付けください！

ーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー

■当サービスの特徴

・デザインを忠実に再現
ーデザインデータを綺麗に形にいたします。 WEBデザイナーとしても活動しておりますのでデザイナーへのリスペクトを忘れず忠実にデザインを再現します。PixcelPerfectという拡張機能を用いてズレを最小限に抑えます。

・レスポンシブ対応込み
ー全ての幅で崩れがないようにコーディングいたします。デザインデータがPCのみでもご安心ください。制作会社５社と提携している経験をもとに、PCのみのデザインからスマホでも問題なく綺麗に表示されるようにコーディングをいたします。

・品質チェックテスト込み
ーコーディング後は、全ての幅、複数のデバイス、ブラウザで崩れが起きていないかきちんとテストいたします。品質チェックリストも合わせて納品させていただきますのでご安心ください。

ーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー

■ご契約後の流れ

1. 事前のヒアリング
ご契約前にヒアリングをさせて頂き、作業量・納期から正式お見積もり金額お伝えさせていただきます。

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

3. 制作開始
不明点の確認や進捗報告など適宜コミュニケーションをお願いいたします。

4. 初稿を提出
修正がないようにコーディングいたしますが、修正点等ありましたら都度対応いたします。

5. 納品
最終確認をいただき、データ、サーバーアップロードなどお客様のご要望に合わせた形で納品いたします。

ーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー

制作会社様5社とお仕事していますので、絶対最後まで仕事を投げ出したりしません！

即レス・即対応を心がけております。

最後までテンポ良く、気持ちの良いお取引を進めていきたいと思いますのでよろしくお願いいたします！

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

当サービスでは、ご提供いただいたデザインカンプからのコーディング〜サイト公開までを一貫して承っております。
※GA等の分析はサービスに含まれておりません。ご了承ください。

【　こんな方におすすめ　】
・コーディングのリソースが足りていない
・すぐにコミュニケーションが取れるコーダーが欲しい
・今あるLPのコンテンツを更新可能な構成にして欲しい

【　強み・特徴　】
・即返信でスムーズなコミュニケーション
・デザイン意図を汲み取ったコーディング
・更新のしやすさを考えたWordPress化
・更新マニュアル付き納品（更新が必要なコンテンツがある場合）

制作会社様や企業様からお仕事をいただいているコーダーが、デザインカンプに忠実なコーディングを行います。
見た目の再現だけでなく、レスポンシブ時の表示崩れの防止や動的コンテンツ部分の崩れの防止まで想定して実装いたします。
更新が必要な箇所は事前に伺い、簡単に更新できる作りで実装。
納品時にはマニュアルの送付とご要望がございましたら無料でレクチャーもおこなっております。

安心してLPを運用できるよう、納品後の操作に関するサポートもおこなっておりますのでご安心ください。

ページ数や構成についても柔軟に対応可能です。まずはお気軽にご相談ください。

【　制作内容　】
・HTML / CSS / JavaScriptによるコーディング
・レスポンシブ対応
・WordPress構築（オリジナルテーマ）

【　制作の流れ　】
① ヒアリング・お見積もり
→まずはお気軽にご連絡ください。ヒアリングを行ったのちに制作ボリュームに合わせたお見積もりを提示いたします。
②ご契約・制作開始
→ランサーズにてご契約・仮払いまで済みましたら制作を開始いたします。
③ デザインカンプの共有
④ コーディング開始
⑥ 進捗ごとにご確認・ご報告
⑦ テスト環境にて全体確認
⑧ 修正対応 → 最終確認
⑨ サイト公開にて納品

【　基本料金　】
◯既存サイトの一部修正や追加コーディング
・コーディング　15,000円
※ボリュームにより増減します。事前のお見積もり依頼をお願いいたします。

◯LPorトップページのみ　40,000円

◯LP(12000px以上)　60,000円
※ページ数や構成、機能によりお見積もりが変動いたします。事前のお見積もり依頼をお願いいたします。

【　無料対応　】
・プライバシーポリシー
・404ページ
・お問い合わせサンクスページ
・無料セキュリティ対策
　-SiteGuard
　-Google reCAPTCHA v3

【　お客様にご用意いただくもの　】
・デザインカンプ（Figma・Photoshop・Illustrator・XDのいずれかで共有ください）
→テキストデータがコピペできる状態で共有ください
・ロゴデータ（もしあればご共有ください）
・使用画像（デザインカンプから書き出しできる状態でしたら別途でご用意は不要です）
・サーバー・ドメイン
・FTP情報
・WordPress登録用メールアドレス
・meta情報（サイト名・サイトの説明・サイトの検索キーワードなど）

その他お問い合わせフォームを作成する場合などにはご連絡用のメールアドレスを共有いただくことがございます。
ご協力をお願いいたします。

【　最後に　】
これまでにHP、LP含め数十件の制作に携わってまいりました。
実装にあたり、デザインカンプを丁寧に再現することはもちろん、実際に更新する方の負担ができるだけ少なくなるようなわかりやすい実装になることを心がけております。
プロフィールにこれまでの実績も掲載しておりますのでよろしければご参考ください。

ご相談、お見積もりは無料ですのでぜひお気軽にご連絡くださいませ。

デザイン再現だけでなく、SEO内部対策まで組み込んで納品いたします。
見出し構造・構造化データ・表示速度まで考えた構築ですので、
貴社のクライアント様への納品時に「SEO対策済み」を付加価値にすることが可能です。

制作会社様・デザイナー様の外注先として116件以上の実績がございます。

■ このパッケージについて

以下の内容が標準搭載されています。

・見出し階層（h1〜h6）の適切な設計
・構造化データ（JSON-LD）のマークアップ
・meta / OGP / canonical の設定
・画像の alt・WebP変換・遅延読み込み
・Core Web Vitals を意識したパフォーマンス最適化
・セマンティックHTMLによる検索エンジン最適化

よくある「divで全部囲んで見た目だけ合わせる」実装はいたしません。
検索エンジンに正しく読まれるHTMLを組みます。

■ SEOの実績

・クリニックサイト：検索順位 14位→2位、予約遷移率 4.9%UP
・地方×サウナ：地域キーワードで検索2位

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

・クライアントから「SEOもお願い」と言われたが、対応しきれない
・コーディングのリソースが足りず、品質の安定した外注先を探している
・アニメーション実装ができるコーダーが見つからない
・WordPress / Shopify へのCMS化までセットで頼みたい

■ 対応範囲

【コーディング】
・HTML / CSS レスポンシブコーディング
・JavaScript による動的機能の実装
・GSAP・SVGアニメーション・視差効果

【CMS構築】
・WordPress（オリジナルテーマ / カスタムフィールド対応）
・Shopify（Liquidによるオリジナルテーマ制作）

【標準対応】
・SEO内部対策（構造化データ / meta / OGP）
・お問い合わせフォーム（CF7 / MW WP Form / PHP工房）
・Favicon / 画像最適化（WebP）
・テスト環境構築、主要ブラウザ・デバイスでの表示検証

■ 対応データ

Figma / XD / Photoshop / Illustrator など

■ 納品までの流れ
① ヒアリング（オンラインMTGで要件確認）
② お見積り・ご契約
③ テストアップ（当方テストサーバーで動作確認）
④ 納品（サーバーアップロード or データ納品）

まずはカンプをご共有いただければ、概算をお出しいたします。
お気軽にご相談いただけますと幸いです。

はじめまして。集客のためのサポートをしておりますAT.DESIGNと申します。
丁寧にヒアリングをしを、売上を加速させるLPの制作をさせていただきます。
※パッケージの仮払いをされる前によく説明を読んで理解頂き、ご不明な点がある場合はご相談ください。仮払い後のキャンセルは受け付けません

【売れるためのLPを制作させていただきます。】

「訴求力の高いLPを作って集客をしたい」
「絶対に売りたい！」

そんな強い想いのある方のためのサービスです！

◼︎ご準備いただくもの
・原稿（コピペができること）
・ワイヤーフレーム（あれば）
・商品画像/ロゴ/必要な画像素材

・イメージサイト 3つ
・サーバー/ドメイン
※テスト環境はこちらでご用意いたします

ご要望、ご意見、ご質問など、なんでもお申し付けください！

ーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー

■当サービスの特徴

・オリジナルのデザインを作成
ー他のLPとは被らないオリジナルのデザインを作ってあなたの商品、サービスの売り上げUPに貢献します。可愛い系、キラキラ系、シンプル系、どんな雰囲気、色味がいいかなど事前にお話しさせてください！

・コーディングまで対応
ーデザインだけ作っておしまいではありません。制作会社4社と提携してコーダーとしても活動している経験から、どのデバイスでも崩れなく綺麗に表示されるよう構築いたします。

・サーバーアップロードまで丸っとお任せ
ーコーディング後は、サーバーにアップロードまで任せていただけます。こちらの環境にて崩れが起きていないかきちんとテストし、お客様のサーバーにあげさせていただきます。

ーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー

■ご契約の流れ

1. 事前のヒアリング
ご契約前にヒアリングをさせて頂き、作業量・納期から正式なお見積もり金額お伝えさせていただきます。

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

3. 制作開始
不明点の確認や進捗報告など適宜コミュニケーションをお願いいたします。

4. 初稿を提出
確認いただき修正を無制限で対応させていただきます。

5. 納品
最終確認をいただき、データ、サーバーアップロードなどお客様のご要望に合わせた形で納品いたします。

ーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー

制作会社様4社とお仕事していますので、仕事を投げ出すようなことはありません！

即レス・即対応を心がけております。

最後までテンポ良く、気持ちの良いお取引を進めていきたいと思いますのでよろしくお願いいたします！

そのデザイン1pxたりとも妥協しません。

FigmaやXDなどのデザインカンプを、忠実に再現。
コーポレートサイトやLPをはじめ、業務システム管理画面から大規模Webサイトまで、幅広く対応可能。
短納期・リソース不足に対応いたします。

こんなことで困っていませんか？

• 社内リソースが足りない
• 外注リソースが足りない
• 担当者がやめてしまった
• 複雑なUI設計に対応できない
• レスポンシブ対応で崩れる
• SEOマークアップができない
• CMSの導入ができない

私たちの強み

デザイン再現性の高さが自慢です
Figma・XD・Photoshopなど、各種ツールに対応。デザイン意図を細かく読み取り、1pxのズレも見逃さない忠実なコーディングを実現。アニメーションや細かいUI動作まで、意図をそのままカタチにします。

大規模サイト・業務システムUIにも対応
LPだけでなく、数百ページに及ぶ大規模サイトや、業務用管理画面・予約システム・社内ダッシュボードなどの実装実績も豊富。コンポーネント設計、再利用性、運用のしやすさを意識してコーディングします。

レスポンシブ・リキッドレイアウトに強い
PC・スマホ・タブレット間での見た目の整合性はもちろん、リキッドレイアウトやコンポーネント単位の柔軟な設計も可能です。複雑なブレイクポイントにも対応可能です。

CMSの構築・カスタマイズも可能
WordPress、Shopifyなど主要CMSに対応。多言語化、カスタム投稿、条件分岐表示、API連携なども柔軟に実装します。

SEOに配慮したマークアップ
alt属性やmeta設定、構造化データなど、SEOを意識したHTMLを実装。見出し構造や読み込み速度を意識した軽量なコーディングも可能です。

あなたのサービスを必要としているユーザーの目線に立ち、使いやすいサイトを作る事を心がけています。

• 何から始めたら良いのか分からない
• 作った後のコストが心配。
• 予算内に収めたい。
• 気軽に相談・質問ができる専門家が欲しい
• スマホにも対応したレスポンシブウェブサイトが欲しい

上記のような悩みがあればまずはご連絡ください。
ご要望をしっかりとヒアリングしてニーズに合わせたサービスを提供いたします。
デザイン、制作、ディレクション業務、公開後の更新や運用まで、トータルサポート。

ご相談、お見積り、こんなことできる？などお気軽にご連絡ください。

【ベーシックプラン内容】

ページ設計
サイトデザイン
コーディング
お問い合わせフォーム導入
WordPress導入

【スタンダード・プレミアムプラン内容】

ベーシックプランにプラスで
サイト設計
ブログやお知らせの基本投稿機能
施工実績や制作事例などの投稿機能（カスタム投稿）
FAQ投稿機能
SNS・GoogleMap・Youtubeなど外部連携

【納品までの流れ】

①「見積り、カスタマイズの相談に進む」からご連絡ください
②お打ち合わせ（ご希望であればビデオ通話も可）
③お見積りの提出
④ご発注、ご契約
⑤制作開始
⑥公開前のご確認（最終的な修正や変更の確認などを行います）
⑦ホームページの公開、納品！

「デザインが良いサイトを作りたい」
「デザインからコーディングまで一括で頼みたい」
「レスポンシブ対応までまとめてやって欲しい」
「ワードプレスやアニメーションなどの作業もお願いしたい」

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

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

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

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

③制作開始
・TOPのデザイン初稿まで3〜4営業日
・デザイン確定次第TOPのコーディング3〜4営業日
上記がまず初めの工数となり、これ以降下層ページの制作が進みます。

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

お持ちのデザインデータをWEBサイトにコーディングします。

デザインがあり、コーディングスタッフをお探しの企業様、
HTML・CSS・JavaScript・jQueryを使ってコーディングいたします。

• 社内にコーディングスタッフがおられない場合
• ご多忙でコーディングのお時間が取れない場合
• デザインデータだけ手元にある場合

など、ぜひお役に立てましたら幸いです。

110件以上の実績

多くのお客様にご利用いただき、
特定クライアント様から105回以上のリピートをいただくなど、
継続的な信頼をいただいています。

マーケティングの知見

マーケティングの知見もあり、実績を重ねてまいりました。
https://www.lancers.jp/profile/naka_rin
貴社の課題に合わせて
より良い方法をご提案させていただきます。

テスト環境について

テスト環境をお持ちでないお客様には、こちらのサーバーを無料でご提供し、
ブラウザでご確認いただけるようにご準備します。

サーバーやドメインについて

取得についても、ご相談に乗らせていただきます。

柔軟な対応

サイト修正のご希望は、柔軟に対応させていただきます。

1ページ、3ページ、5ページのプランですが、
実際のページ数に合わせてお見積りします。
ページ数が少ない場合は減額いたします。

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

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

など、必要な時に十分なスキルでコーディング対応致します。

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

レスポンシブ対応については、PC用デザインのみでも対応が可能です。
※レスポンシブ後の構成はおまかせいただきます。

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

★ 対応可能なデザインデータ ★
・Figma、XD、Photoshop、Illustratorのいずれか

★ 依頼から納品までの流れ ★
ご依頼（仮払い）・デザインデータのご支給
　↓
コーディング開始
　↓
テストサイトへアップし確認（必要な場合は修正対応）
※テストサイトは当方にて準備しますが、クライアント様にてご準備される場合はそちらで対応させていただきます。
　↓
納品

★ webサイトでよく使用される動きをつけるものは、基本料金内で対応します ★
・スライダー、カルーセル
・アコーディオン
・タブメニュー
・ハンバーガーメニュー

《オプション料金にて対応可能》
・メールフォームの実装（PHP組み込みなど）

※オプション内容により納期が変わります。
※上記にない内容につきましては別途お見積りさせていただきます。

★ 動作確認ブラウザ★
各ブラウザのOS最新バージョン
※最新以外のバージョンは動作保証できかねます。必要な場合は個別にご相談ください。

★ 納品形式★
・zipファイル送付
・ご指定のサーバーにアップロード

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

サービスを閲覧いただきありがとうございます！
まずはお見積もりからお願いしております。

◎ サービス内容 ◎
・HTMLの静的ページのコーディング
・JavaScriptを使用した動きの表現
（スクロールに合わせたアニメーション・スライダー・ハンバーガーメニュー・アコーディオンなど）
・WordPressサイトのコーディング
・WordPressへの機能実装（カスタム投稿・カスタマイザーの設定など）
※WordPressはカスタマイズによって別途費用がかかる場合がございます。

◎ 制作内容 ◎
1ページから複数ページまで承っています。

◎ コーディング費用 ◎
・TOPページ：30,000円〜 / 1ページ
・下層ページ：20,000円〜/ 1ページ
・JavaScriptの実装 → 内容に応じて別途お見積もり
　※簡単なハンバーガーメニューは無料となります。
・お問い合わせフォームの設置 → 内容に応じて別途お見積もり
・WordPress-TOPページ：40,000円〜 / 1ページ
・WordPress-下層ページ：20,000円〜 / 1ページ
※カスタマイズ内容によっては別途追加料金をいただく場合がございます。

※デザインやページボリュームによって金額は変動いたします。
※料金は全てレスポンシブ込みです。

◎ 無料対応範囲 ◎
・画像圧縮（基本的にはwebpに変換いたします）
・SEO対策のmetaタグ設置（内容はご提供お願いします。）
※WordPressの場合はプラグインを使用
・サーバーへのアップロード（FTP情報のご提供をお願いいたします。）、もしくはZipファイルでの納品。

◎ 流れ ◎

1. コーディング内容の詳細をお聞かせください。
   ↓
2. 納品日と金額をお伝えいたします。
   ↓
3. 問題がなければ、デザインや素材等コーディングに必要な材料をお送りください。
   ↓
4. コーディング開始
   ↓
5. ご確認
   ※修正は基本無料で対応いたしますが、仕様変更等は別途費用となります。
   ↓
6. 納品（サーバーへのアップ・もしくはファイルの送付）
   ※対応ブラウザは「Chrome・Edge・Firefox 」としています。

ご不明点があればお気軽にご連絡ください。

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

宜しくお願い致します。

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

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

など、必要な時に十分なスキルでコーディング対応致します。

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

レスポンシブ対応については、PC用デザインのみでも対応が可能です。
※レスポンシブ後の構成はおまかせいただきます。

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

★ 対応可能なデザインデータ ★
・Figma、XD、Photoshop、Illustratorのいずれか

★ 依頼から納品までの流れ ★
ご依頼（仮払い）・デザインデータのご支給
　↓
コーディング開始
　↓
テストサイトへアップし確認（必要な場合は修正対応）
※テストサイトは当方にて準備しますが、クライアント様にてご準備される場合はそちらで対応させていただきます。
　↓
納品

★ webサイトでよく使用される動きをつけるものは、基本料金内で対応します ★
・スライダー、カルーセル
・アコーディオン
・タブメニュー
・ハンバーガーメニュー

《オプション料金にて対応可能》
・メールフォームの実装（PHP組み込みなど）

※オプション内容により納期が変わります。
※上記にない内容につきましては別途お見積りさせていただきます。

★ 動作確認ブラウザ★
各ブラウザのOS最新バージョン
※最新以外のバージョンは動作保証できかねます。必要な場合は個別にご相談ください。

★ 納品形式★
・zipファイル送付
・ご指定のサーバーにアップロード

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

デザインデータをもとに、STUDIOでLP（ランディングページ）を構築します。

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

「デザインは完成しているけど、STUDIOで公開できない」
「デザインを崩さずLPを制作したい」
そのような方向けのコーディング（構築）専門サービスです。

Figma・XD・Photoshopなどのデザインデータをもとに、STUDIO上でページを構築し、スマートフォン・タブレットにも対応したLPを制作します。
デザイナー様からのコーディング依頼や、LP制作の外注にも対応しています。

このサービスで対応できること

　・STUDIOでのLP構築
　・デザインデータの再現
　・レスポンシブ対応（PC / タブレット / スマートフォン）
　・リンク設定
　・お問い合わせフォーム設置
　・アニメーション設定（フェードなど）
　・公開サポート
　※デザインの意図を崩さないよう、できる限り忠実に再現して制作します。
　※アニメーションやセクション追加などは内容によってオプション対応となる場合があります。

対応していない内容

　以下は本サービスには含まれていません。
　・デザイン制作
　・文章作成（ライティング）
　・画像制作
　・CMS構築
　・SEO施策
　・サーバー契約 / ドメイン取得代行
　※必要な場合は事前にご相談ください。

制作の流れ

　① デザイン共有・内容確認
　② お見積り
　③ ご購入
　④ LP構築
　⑤ ご確認
　⑥ 公開
　※LPの構成によって作業量が変わるため、ご購入前にデザインの共有をお願いしています。

ご用意いただくもの

・デザインデータ
（Figma / XD / Photoshop / Illustrator / 画像など）
・掲載する文章
・使用する画像

修正について
・制作ミス（デザイン再現ミス・リンクミスなど）は無制限で修正します。
・デザイン確定後の変更（テキスト変更・画像変更・レイアウト変更など）は追加作業として対応します。

実績掲載について
制作したLPは実績としてポートフォリオやSNSに掲載させていただく場合があります。
掲載不可の場合はオプションをご選択ください。

購入前のお願い
LPの構成によって作業量が変わるため、ご購入前にデザインをご共有ください。

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

パッケージをご覧くださりありがとうございます。
こちらはWebサイトのコーディングを代行するサービスです。

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

• 案件が重なり、外注先のコーダーをお探しの制作会社様
• コーダーのパートナーをお探しのデザイナー様、ディレクター様

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

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

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

• 2倍サイズのデザインデータからのコーディング対応：合計金額に20%を加算
• Photoshopデザインデータからのコーディング対応：合計金額に20%を加算
• JavaScriptアニメーション：5,000円〜（一部は無料実装）

◆ 納期

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

◆ 対応可能なデザインデータの形式

• Figma
• XD
• Photoshop

※Illustratorには対応しておりません。

◆ 既存サイトへの直接作業について

現在、新規コーディングのみを対象としております。
そのため、既存サイトをこちらで直接修正・変更・追加する作業には対応しておりません。
既存サイトへ反映する場合は、こちらで納品したソースコード一式をお客様ご自身でご対応いただく形をお願いしております。

◆ 納品までの流れ

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

◆ お見積り参考例

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

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

参考価格：55,000円

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

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

参考価格：183,000円

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

こんな方へおすすめ
✅ 短期間で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日
納期の調整も可能ですので、お急ぎの方はご相談ください！

WordPressサイト構築のためのコーディングを承ります。

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

など、必要な時に十分なスキルでコーディング対応致します。

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

レスポンシブ対応については、PC用デザインのみでも対応が可能です。
※レスポンシブ後の構成はおまかせいただきます。

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

★ 対応可能なデザインデータ ★
・Figma、XD、Photoshop、Illustratorのいずれか

★ 依頼から納品までの流れ ★
ご依頼（仮払い）・デザインデータのご支給
　↓
コーディング開始
　↓
テストサイトへアップし確認（必要な場合は修正対応）
※テストサイトは当方にて準備しますが、クライアント様にてご準備される場合はそちらで対応させていただきます。
　↓
納品

★ webサイトでよく使用される動きをつけるものは、基本料金内で対応します ★
・スライダー、カルーセル
・アコーディオン
・タブメニュー
・ハンバーガーメニュー

《オプション料金にて対応可能》
・メールフォームの実装（PHP組み込みなど）

※オプション内容により納期が変わります。
※上記にない内容につきましては別途お見積りさせていただきます。

★ 動作確認ブラウザ★
各ブラウザのOS最新バージョン
※最新以外のバージョンは動作保証できかねます。必要な場合は個別にご相談ください。

★ 納品形式★
・zipファイル送付
・ご指定のサーバーにアップロード

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

デザインカンプをもとにHTML / CSSコーディングを行います。
LP（ランディングページ）やWebサイトのコーディング、既存ページのHTML・CSS修正などに対応しております。

制作会社にて15年以上コーディング業務に携わってきました。丁寧で崩れにくいコーディングを心がけています。

【対応内容】
・デザインカンプからのHTML / CSSコーディング
・LP（ランディングページ）コーディング
・既存サイトのHTML / CSS修正
・レスポンシブ対応

※制作内容・ページ数によりお見積りさせていただく場合があります。まずはお気軽にご相談ください。

制作会社様・デザイナー様向けに
高品質なコーディングを代行しております。

デザインの再現度を重視し、
1440px・1920pxでも違和感のない実装を行います。

▼このようなお悩みありませんか？
・コーディングリソースが足りない
・デザイン通りに再現できる人に任せたい
・修正しやすい状態で納品してほしい

→ 上記すべて対応可能です。

【強み】
・1440px / 1920pxでもデザイン崩れなし
・BEM / FLOCSSで保守しやすい設計
・WordPress（SWELL）カスタマイズ対応
・軽微な修正も柔軟に対応

【お手伝いできること】
・HTML / CSSを使ったコーディング
・JavaScript / jQueryを使ったアニメーション実装
・保守・運用しやすいCSS設計
・WordPressの導入・構築・改修

小さな修正から新規サイト制作まで幅広く対応可能です。

【制作内容】
・静的コーディング（1ページ〜）
・レスポンシブ対応
・アニメーション実装（スムーススクロール / アコーディオン等）
・お問い合わせフォーム実装
・WordPress化（別途お見積もり）

【料金目安】
・LPコーディング：60,000円〜
・下層ページ：10,000円〜
・WordPress化：+20,000円〜

※内容により変動いたしますので、お気軽にご相談ください。

【こんな方におすすめ】
・制作会社様
・デザイナー様
・コーディングを外注したい方

【ご依頼の流れ】
①「見積もり・カスタマイズの相談」よりご連絡ください
②内容確認後、お見積もりをご提示
③ご契約後、作業開始
④初稿提出 → 修正対応
⑤納品（データ納品 / サーバーアップ可）

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

ご覧いただきありがとうございます。
安心してお取引いただけるよう、丁寧な対応を心掛けております。
当方では、デザインデータからWebサイトのコーディングを承っております。

---------- このようなお悩みの方におすすめです ----------
・コーディングをお願いしたけどデザインと違うものが納品された
・コーダーが足りない
・コーディングだけ外注したい
・レスポンシブ対応してほしい

---------- 対応できる内容 ----------
・HTML・CSSを使ったコーディング
・JavaScript/jQueryを使った簡単なアニメーションの実装
・WordPressの導入・構築・改修(独自テーマの作成)
・お問い合わせフォームの実装(セキュリティ面を考え、自作ではなくツールを使用します)
小さな修正から新規のサイト制作まで幅広く対応可能です。

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

【料金内で対応可能なこと】
・画像圧縮
・修正（デザインが大きく異なる場合は、別途料金をいただく場合がございます。）

【オプション料金にて対応可能】
・下層ページの追加
・JavaScriptを使用したアニメーション
(アニメーションの内容によっては実装できない場合がございます。)
・PHPメールフォームの実装
※上記にない内容につきましては別途お見積りさせていただきます。

---------- 対応可能データ ----------
・adobe XD
・Figma

---------- 納期について ----------
デザイン、ボリューム、稼働状況により変動いたしますのでご了承ください。
・トップページ：5日～
・下層ページ：2日～
※デザインデータ受け取り翌日からの日数です。
※急ぎの場合はご相談ください。

---------- 確認端末、ブラウザ ----------
・Google Chrome
＞ Mac, Windows, iPhone14
・Safari
＞ Mac, iPhone14
・Firefox
＞ Mac, Windows
・Microsoft Edge
＞ Windows

---------- ご依頼・制作の流れ ----------
①”まずは相談する（無料）”ボタンよりお問い合わせください。
②ヒアリング：HPの詳細をお伺いさせていただきます。
③制作開始：HPを制作させていただきます。
④ご確認・修正：制作したHPをご確認いただき、必要に応じて修正させていただきます。
⑤ご納品：お客様の希望に応じて納品させていただきます。

ご満足いただけるよう、精一杯対応させていただきます。
まずは、お気軽にご相談いただければ幸いです。

デザインデータ（Figma, XD, Photoshop, Illustrator）をご支給いただき、Webサイトとして実装（コーディング）いたします。

ただ表示させるだけでなく、「表示速度（Core Web Vitals）」「SEO（セマンティックなマークアップ）」「アクセシビリティ」を考慮した、エンジニア品質のコードを提供します。

対応可能なデザインデータ

• Figma / Adobe XD , Photoshop , Illustrator
• ※画像の書き出し、スライス作業から対応可能です。
• 不足している素材はAI生成を活用し、補充いたします

「アニメ」も「動画」も。対応します

• 「ちょっとした動きを入れたい」という要望も対応可能です。
• スライダーやカルーセル可能です。
• 動画埋め込み / ポップアップ行います

強み：最新技術「Astro」への対応

一般的なHTML/WordPress構築に加え、次世代の静的サイトジェネレーター 「Astro」 での構築も可能です。

• 爆速の表示速度を実現したい
• サーバー代を抑えたい
• セキュリティを強固にしたい

といった案件で、クライアント様に「付加価値」として提案できます。
Astroはさくらインターネットや Github Pagesでの運用実績もございます。
不要なCGI動作を省いた静的Htmlは、管理が追いつかず放置しているWordPressより格段にセキュリティリスクが低くなります。 是非ご検討ください。

こんなご依頼に最適です

• 「デザインは社内でやったが、コーディングのリソースが足りない」
• 「レスポンシブ化をお願いしたい」
• 「WordPressへの組み込みまで丸投げしたい」
• 「アクセシビリティ対応を求められた」
• 「WordPressから別の早くて安全なCMSに移行したい」

納品形式

• HTML/CSS/JSファイル一式
• WordPressテーマファイル
• サーバーへの直接アップロード

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

• デザインはあるけど、コーディングできる人がいない
• AstroやWordPressでのサイト構築に時間がかかり、コンテンツの更新が滞ってしまう

是非お任せ下さい!

発注の流れ

1. お問い合わせ・ヒアリング

メッセージにて、デザインデータ、ご要望、納期などをお知らせください。詳細をヒアリングさせていただきます。

2. 企画提案

デザインデータを確認し、最適なコーディングプラン、サイト構成、機能などを提案します。

3. お見積もり・ご契約

提案内容に基づき、詳細な見積もりを提示します。ご納得いただければご契約となります。

4. 制作開始

仮払い後、コーディング作業を開始します。進捗状況を随時報告し、フィードバックを反映します。

5. 納品・検収

完成したサイトをご確認いただき、修正点があれば対応します。最終確認後、納品となります。

納期

プランにより異なります。

• ベーシック: 1週間
• スタンダード: 2週間
• プレミアム: 3週間

✅ デザイン分析・設計
デザインデータを詳細に分析し、コーディングに必要な要素を洗い出します。サイト全体の設計を行います。

✅ コーディング
HTML/CSS/JavaScriptを用いて、デザインを忠実に再現します。レスポンシブ対応も行います。

✅ システム組み込み・動作確認
AstroまたはWordPressにコーディング結果を組み込み、動作確認を行います。CMS機能やプラグインの導入も行います。

✅ パフォーマンス最適化
SEO対策、表示速度の最適化、セキュリティ対策など、サイト全体のパフォーマンスを向上させます。

✅ 最終確認・納品・サポート
お客様に最終確認いただき、修正点があれば対応します。納品後もサポートいたします。

※通常は平日作業で進行いたします。
※特急対応が必要な場合は事前にご相談ください。
※納品後の5回を超える修正や追加要望は別途ご相談下さい。
※提出物につきましては、恐れ入りますが、確認依頼、及び納品後、3営業日以内にご確認ください。スムーズな納品フローのため、一定期間ご返信がない場合はプロジェクト完了報告に進めさせていただく場合がございます。何卒ご理解いただけますと幸いです。
※表示価格に消費税とシステム手数料がかかります

信頼と責任を持って作業いたします。
どうぞよろしくお願いいたします。

デザイナー/制作会社様向けに、経験豊富なエンジニアがWEBサイトのコーディングをします。

ご提供を受けたデザインから、HTML、CSS、JSなどのコーディングを行います。
ZIPファイル、Github、またはサーバーへ直接公開など、ご希望の形で納品いたします。

当方では、デザインを忠実に再現し、美しく正しいコードを心がけています。
・コーディングの外注先を探している方
・コーディングの質を重要視する方
・技術的に可能かどうか迷っている方
ぜひご相談ください。

【ご依頼・制作の流れ】

①打ち合わせ〜お見積り
ご依頼内容を伺います。
WEBサイトの概要、ページ数、スケジュール、ドメイン・サーバーの有無などお聞かせください。
サイトマップやワイヤーフレームがあるとスムーズです。

②デザインのご提供
デザインはフォトショップ、イラストレーター、XD、Figmaのいずれかでご提供ください。
・フォトショップの注意点
画像やイラストはスマートオブジェクトとして埋め込んでください。
・イラストレーターの注意点
WEB用の色空間(sRGB)、ピクセル寸法でお願いします。テキストはアウトライン前のものもご用意ください。
・その他
ご指定のフォントがある場合は、WEBフォントベンダー(Adobeフォント、Googleフォント、Type Square、Font Plus など)とフォント名をご指定ください。

PC用のデザインしかない場合でも、レスポンシブ対応はお任せでご依頼いただけます。

③コーディング開始
スケジュールに沿ってコーディングを行います。
ワードプレスの場合は、管理画面の構築〜オリジナルテーマの作成となります。

④プレビュー
プレビュー環境を用意し、ブラウザで本番同様にご確認いただけます。
＊プレビュー環境は、サーバーの有無やご依頼内容により最適なものを提供します。

⑤納品・公開
納品前にはW3Cのバリデーションチェックを行っております。
(基本No Errorで納品していますが、外部連携など場合によりWarningかinfoレベルは許容範囲とします。)
また、公開時の設定(アナリティクスやサーチコンソール)も無料で対応可能です。

【無料サービス】

・レスポンシブ対応(スマホメニューも含む)
・スライドやアニメーション(複雑ではないもの)
・W3Cバリデーションチェック
・公開時設定(アナリティクス、サーチコンソール)
・レンタルサーバーの設定、ドメインの設定など軽微なサーバー作業

【ワードプレスについて】

規模や複雑さにより、管理画面構築に工数がかかる場合がありますので、事前にご相談ください。

制作済みのデザインを爆速(とても速く)でコーディングします。
パッケージプランに当てはまらない場合も、まずはお気軽にご連絡ください！
パッケージプランを踏襲する形でお見積もりさせていただきます。

■基本サービス
・HTML/CSSコーディング
・レスポンシブ対応
・おまかせスマホ対応
　※スマホ版デザインが無くてもPC版のデザインを踏襲してコーディング可能です。
・Javascriptを使用したアニメーション
・テスト環境用意
・指定のサーバーへのアップロード（必要に応じて対応させていただきます）
・納品後１週間の修正対応
・内部SEO対策

【現役ECセラーが迅速対応！】 
 HP修正・LP更新を1箇所からスピード解決します。

「ホームページの文字を少し変えたい」
「スマホで見たら表示が崩れている」
「WordPressの調子がおかしい…」

そんなサイトの「困った」「今すぐ直したい」を、現役のECセラー兼Webエンジニアが迅速に解決します。
ネットショップ（Yahoo!ショッピング、Qoo10等）の修正や、売上に繋がる導線を意識した配置変更も得意です。

** 選べる3つのシンプルプラン **

ご希望の作業内容に合わせて、分かりやすく3つのプランをご用意しています。

【文字・画像のみ】 4,500円（税別）〜
HTMLサイトのテキスト変更、画像差し替えなど（CSS修正なし）

【デザイン・CSS修正】 7,500円（税別）〜
レイアウト崩れの修正、新しいパーツやボタンの追加など

【WordPress更新・修正】 9,000円（税別）〜
文字や画像の差し替え、お知らせ、ブログの投稿、プラグインの簡易設定など

** まずは「無料見積もり」からお気軽にご相談ください！ **

「自分の修正はどのプラン？」「いくらになる？」など、
迷ったらまずはメッセージでお気軽に対象URLを添えてご相談ください。
迅速にお見積もりをお出しします！

自己紹介
Web制作業の個人事業主。
フロントエンドエンジニアとして、多数のWeb制作経験があります。
アニメーション、便利機能の追加、Webアプリ実装なども得意です。
ユーザーが使いやすく、ご依頼者様に満足していただけるWebサイトやWebサービスの開発に貢献いたします。
プロのデザイナーと連携し、デザイン～構築までの全工程を承れます！

Webサイトが欲しいとき、どうしてますか？

• コーディングができる知人に頼む
• ノーコードツールで作る
• 今の時代、AIでもできるから……

こんな方も多いと思います。
ですが、

• 知人だと気を遣ったりプロフェッショナルなやり取りがしづらい
• ノーコードツールだと自由度が低い
• AIでも理想通りにするのは難しい、AIが作ったサイトはセキュリティも不安だしバグったら対応できない

……といった感じで、悩みがつきもではありませんか？

プロに頼めば、一発解決！
そんな悩みを抱える方のために、このパッケージを出品しています。

• 初めてでも気軽に頼める
• 希望を伝えやすい
• 細かいことはお任せで完成する
• バグ対応や改修もOK

など、「Webサイトが欲しい方が、できるだけ簡単に理想のサイトを手に入れられる」のがこのパッケージです。

どんなサイトを作れるの？
コーポレートサイト……会社の魅力を伝える、企業をPRする、会社の「顔」となるサイトを作ります。
ECサイト……自社商品を販売したい方はお任せください。

その他、ブログ、ポートフォリオなどもOK！

本当に簡単？
まずは、こちらから必要な情報をヒアリングいたしますので、ご回答ください。
それ以外にも、ご希望があればお伝えください。
必要な資料や素材のご提供なども、相談させていただきます。
ヒアリングや認識のすり合わせを丁寧に進めたら、実装作業を進めていきます。
完成までお待ちください！（状況によって適宜、相談や確認をさせていただきます）

• デザイン、機能、構成など、細かい部分が決まっていない
• どんな感じにすればいいか、イマイチ明確にできていない

そんな場合は、こちらに丸投げOKです！
伺った内容をもとに、最善策を考えてサイトを構成します。

ただ、ご要望にお応えすることで、サイトの運用上でリスクが発生するかもしれません。
そのような「実装した場合のデメリット」があれば、作業の前にきちんとお伝えします。
そのうえで、実装するか別の方法に切り替えるかなど、あらためてご検討ください。
こちらも、他のご提案なども随時行います。
一緒にブラッシュアップして完成させていきましょう！

新規構築以外もOK
新しいWebサイトを一から構築したいわけではなく、すでに運用中や作りかけのサイトをお持ちの方もいらっしゃるかと思います。

• そろそろリニューアルしたい
• ちょっと物足りないので、新しいコンテンツや機能を追加したい

そのような「機能追加」「リニューアル」なども歓迎いたします。

WordPressなら、ご自身での更新もカンタン
サイト完成後、新たなコンテンツ（「ブログ」「ニュース」「最新情報」など）をご自身で公開したいこともありますよね？
そんな場合はWordPressがオススメです。
お客様のサイトに合わせた「独自のコンテンツ投稿機能」を実装します。
簡単に更新できるようになっており、初心者の方でもサイト内にコンテンツを作成・追加できます。

完成後も大丈夫
無事にWebサイトが完成して公開しても、まだ心配なことはありますよね。

• もしトラブルが発生したらどうしよう
• 自分たちでうまく運用できるかな？

大丈夫です！
納品後「一ヶ月間」の、アフターサポートを標準装備しています（基本的に追加料金なし）。
「公開してみたけど微調整したい」「自分たちで更新したいから、やり方を教えてほしい」など、期間内にいつでもご相談いただけます。

▼▼ 料金内に含まれるサービス ▼▼
・スマホ/タブレットデザイン対応
・基本的なSEO対策による検索エンジン最適化、インデックス登録
・セキュリティ対策(常時SSL化)
・アニメーションなど動きの演出（必要に応じて）
・1ヶ月間のアフターサポート（大型な修正など、一部追加料金を頂く可能性もございますが、金額は新規のご依頼よりオトクになります）
・（WordPressの場合）独自の投稿機能実装
・お問い合わせフォーム設置（対象外あり）
・画像の準備や加工
・リテイク（大規模なものを除く）

上記を含めた見積金額をご提示いたします。

このパッケージは【初回お取引の方限定プラン】です。
１回のみご利用いただけます。

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

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

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

下層ページやホームページ全体のコーディングはできるの？
はい、もちろん対応させていただいております。
下層ページや複数ページのコーディングをご希望の場合は
メッセージをお送りいただけますと幸いです。

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

＊私にできること＊
ホームページ、ランディングページのお持ちのデザインデータをもとにコーディング（ブラウザ環境で見れる形にする）いたします。
デザインデータはあるけどコーディングができない方、忙しくてコーディングまで手が回らない方、ぜひお手伝いさせてください！！

〇作業内容

・HTML・CSSを使ったコーディング（スマホ対応込み）
・Javascriptを使った仕掛けの実装（ハンバーガーメニュー、スライド、タブの切り替えなど）
・お問い合わせフォームの実装
・WordPress化

〇料金

＊トップページ　20000円～

WordPressや下層ページなどの料金はオプションをご覧ください。
※複雑なデザイン,１ページのボリュームによっては追加料金頂くこともあります。

〇オプションについて

＊お問い合わせフォーム
　　PHPやGoogleフォームで対応可能です。
　　WordPressの場合はプラグインでお問い合わせフォーム作成します。
　　他にご希望があればご相談ください。

〇納品までの流れ
（お見積りやご相談は購入に限らず24時間お待ちしております。）

①ご購入後、デザインデータのご提供お願いいたします。
②デザインデータを確認後、制作に取り掛かります。
③お客様のご確認
　・WordPressの場合はこちらで用意したテストサーバーにアップロードします。
　・HTML/CSSの場合はzipファイルをお渡しします。
④問題がなければ、正式納品とさせて頂きます。
⑤ご評価いただき、お取り引き完了となります。

〇納品について
＊HTML/CSSの場合
　Zipファイルで納品いたします。
　FTPの配置を希望の場合は接続情報の連携をお願いいたします。

＊WordPressの場合
　All-in-One WP Migrationのプラグインで反映いたします。
　

■必ずご確認ください
・ご購入後のキャンセルはお断りしております。

レスを速くお客様の声を第一に、コーディングはデザインカンプ通りに丁寧にをこころがけております。
納期やご予算については柔軟に対応させていただきますので、ご気軽にご相談ください。

コーポレートサイトやLP（ランディングページ）の
HTML・CSSコーディングを承ります。

デザインを正確に再現するのはもちろん、
コードのメンテナンス性や見やすさも考慮し、
作業させていただきます。

制作に関するご相談やお見積りは無料です。
メッセージよりお気軽にご連絡ください。

■ パッケージの特徴
1.Illustrator・Photoshopデータのコーディングもお任せください
Illustrator(.ai)形式、Photoshop（.psd）形式からの
コーディングも安心してお任せ下さい。

2.既存プロジェクトの引き継ぎも対応可能です
既存データを引き継ぎ、作業を進めることも可能です。

3.PCデザインのみでも、スマホ最適化まで対応
PC版のデザインしかないといった場合でも、
最適なレスポンシブデザインに調整し、実装が可能です。

■ 標準対応
1.マルチデバイス対応
PC、スマートフォン、タブレットの各デバイスに
最適化されたコーディングを提供いたします。

2.標準で実装可能なインタラクション
スライダー、ハンバーガーメニュー、スムーススクロールのJavaScript（jQuery）、
ボタンhover時のインタラクションの実装はプランの費用内に含まれます。

3.ブラウザチェック
主要ブラウザ（Google Chrome / Mozilla Firefox / Safari / Microsoft Edge）の
最新バージョンにて表示・動作確認を行います。

■ 費用
・ランディングページ（1ページ）：40,000円〜
・トップページ（1ページ）：35,000円〜
・下層ページ（1ページ）：10,000円〜

※制作内容やボリュームにより費用が変動するため、まずはお気軽にご相談ください。
詳細を確認させていただいた上、お見積りさせていただきます。
※サイトの更新や修正なども対応可能です。

■ 入稿可能なデザインデータ
・Adobe Illustrator
・Adobe Photoshop
・Adobe XD
・Figma

■ 納品について
ZIPファイルでHTMLデータ一式をお送りいたします。
ご指定のテストサーバーへのアップロードも可能です。

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

1.お見積もり
2.仮払いのお手続き
3.デザインデータのご入稿
4.コーディング開始
5.コーディングデータの送付
6.検収・修正対応
7.納品完了

デザインデータをもとにWordPressサイトを実装します

ご支給いただいたデザインデータをもとに、WordPressサイトとしてコーディング・実装します。

Figma、XD、PSD、画像カンプなど、確定済みのデザインをもとに、WordPress上で表示・運用できる形へ実装するサービスです。

トップページ＋下層ページを含む5ページまでの小規模サイトを想定しています。
コーポレートサイト、店舗サイト、サービス紹介サイト、事業紹介サイト、個人事業主様のホームページなどに対応可能です。

対応内容

• デザインデータをもとにしたWordPress実装
• トップページ＋下層4ページ程度、合計5ページまで対応
• レスポンシブ対応
• ヘッダー、フッター、ナビゲーション実装
• 固定ページとしての実装
• 共通パーツの実装
• 基本的な表示確認
• 軽微な修正対応

プランにより、お問い合わせフォーム設置、軽微なカスタム調整、カスタム投稿の追加、更新しやすい管理構成などにも対応可能です。

対象となるデザインデータ

• Figma
• Adobe XD
• PSD
• 画像カンプ
• その他、内容が確認できるデザインデータ

※デザインが未確定の場合や、ワイヤーフレームのみの場合は、対応範囲やお見積もりが変わる場合があります。

対応可能なサイト例

• 小規模コーポレートサイト
• 店舗サイト
• サービスサイト
• 事業紹介サイト
• 士業、個人事業主様のサイト
• 既存デザインをWordPress化したいサイト

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

• デザイン制作
• 原稿作成
• 画像作成、画像加工
• ロゴ制作
• 複雑なアニメーション
• EC機能
• 会員機能
• 予約システム
• 多言語対応
• 複雑な検索、絞り込み機能
• 大規模なカスタム投稿
• サーバー移行
• 既存サイトの大幅改修
• デザイン確定後の大幅変更

上記が必要な場合は、内容を確認したうえで別途お見積もりいたします。

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

• デザインは用意しているけれど、WordPressで実装できる人を探している
• 小規模サイトをWordPressで形にしたい
• スマホ対応まで含めてコーディングしてほしい
• FigmaやXDのデザインをWordPress化したい
• 店舗サイトやサービスサイトをWordPressで制作したい

ご依頼前に、デザインデータ、ページ数、実装したい機能、公開予定日などを共有いただけますと、対応可否やお見積もりをスムーズに確認できます。

ご覧いただきありがとうございます。
フリーランスWEBコーダーのfumicaです。

これまでにクラウドソーシングサービス、個人のお客様経由を含め200件以上の制作・改修を担当し、リピートを多数いただいております。
ココナラでも活動しており、150件以上の実績がございます。
公開可能な実績はpdfにまとめていますのでぜひご覧ください。

「忙しくてコーディングが追いつかない」「デザインはあるけどコーディングが出来ない」「サイトにアニメーションやスライダーを付けたい」「WordPressやSTUDIOでサイトを公開したい」
そんな方に向けて、丁寧でスムーズなやり取りを心がけて対応いたします。

【作業内容】
・デザインデータからのHTML/CSSによるHP・LPコーディング
・WordPress構築・既存テーマへの組み込み
・STUDIOによるサイト実装
・モバイル表示対応

【料金目安/1ページ】
・TOPページ　20,000円～
・下層ページ　15,000円～

【料金目安/サイト一式】
・LP / コーポレートサイト コーディング
　30,000円〜

・WordPress（小規模サイト・LP / 簡易構築）
　70,000円〜
（お問い合わせフォーム・簡易投稿機能など）
※中規模以上のサイト（複数ページ・カスタム投稿を含む構成など）は別サービスよりご相談ください

・STUDIO実装
　20,000円〜

【その他機能実装など】
・フォーム実装（内容により変動）
　別途お見積り
・アニメーション / JavaScript実装
　内容・難易度によりお見積り
※仕様・ボリュームにより金額は変動します

【無料サービスに含まれる内容】
・titleタグ、discription、OGPの設置
・googleタグマネージャーの設置（事前に準備をお願い致します。）
・画像の軽量化

【修正について】
・初回デザインに対する修正：無制限
・デザイン変更を伴う修正：軽微な内容に限り3回まで

【制作の流れ】
・ヒアリング・見積り
コーディング内容、ご希望納期、大体のご予算などお聞かせください。
対応の可否を判断させて頂きます。
↓
・購入
↓
・デザインデータのご共有
↓
・コーディング開始
↓
・ご確認後、内容にご了承いただけましたら納品

【注意事項】
・サーバー／ドメインはお客様にてご用意をお願いいたします
・大幅な仕様変更は別途費用をいただく場合がございます

商品やサービスの魅力が伝わり、問い合わせ・申込みにつながる導線を意識したランディングページを制作します。

「構成がまだ決まっていない」
「何をどの順番で伝えればよいかわからない」
「デザインと実装をまとめて依頼したい」
「スマートフォンで見やすいLPにしたい」

このような段階からでもご相談いただけます。

商品の特徴、対象となるお客様、訴求したい内容を整理し、構成設計、ワイヤーフレーム、デザイン、実装、公開まで一貫して対応します。

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

・新商品や新サービスを紹介したい方
・広告やSNSの受け皿となるLPが必要な方
・問い合わせ、資料請求、申込みにつなげたい方
・既存LPを見やすくリニューアルしたい方
・スマートフォン向けの表示を改善したい方
・美容、食品、健康、通販、採用、セミナー等のLPを作りたい方
・構成、原稿、デザインをまとめて相談したい方

▼制作可能なLP

・商品販売LP
・サービス紹介LP
・美容、コスメ、エステLP
・食品、健康食品LP
・通販、キャンペーンLP
・採用LP
・セミナー、イベントLP
・店舗、サロン集客LP
・資料請求、問い合わせ獲得LP
・アプリ、Webサービス紹介LP
・既存LPのリニューアル

▼ご提供内容

・ヒアリング
・目的、ターゲット、訴求内容の整理
・競合、参考LPの確認
・LP構成案
・ワイヤーフレーム
・原稿整理、軽度リライト
・オリジナルデザイン
・PC、スマートフォン対応
・HTML、CSS、JavaScriptによる実装
・WordPress、STUDIO、Wix等への組み込み
・CTA、フォーム導線の設計
・基本SEO設定
・表示、動作確認
・サーバー、ドメインへの公開作業
・公開後の軽微なサポート

案件の目的、更新頻度、予算、運用方法に応じて、WordPress、STUDIO、Wix、オリジナルコーディング等から適切な制作方法をご提案します。

▼制作の流れ

1. ご相談・ヒアリング
   商品、サービス、ターゲット、LPの目的、参考サイト、希望納期を確認します。

2. 訴求・構成整理
   読み手の悩み、商品の特徴、選ばれる理由、CTAまでの流れを整理します。

3. ワイヤーフレーム
   各セクションの内容と順番を設計します。

4. デザイン制作
   商材やブランドに合ったPC、スマートフォンデザインを制作します。

5. 実装
   選定した方法でコーディングまたはCMSへ組み込みます。

6. 確認・修正
   表示、文章、画像、フォーム、リンク等をご確認いただきます。

7. 公開・納品
   本番環境へ反映し、必要に応じて更新方法をご案内します。

▼料金プラン

ベーシック
支給原稿・構成をもとに、5〜7セクションのLPを制作します。

スタンダード
構成、ワイヤーフレーム、軽度リライトを含む8〜12セクションのLPを制作します。

プレミアム
競合・訴求・コピー整理、演出を含む12〜18セクションの本格LPを制作します。

プラン範囲を超えるセクション、原稿作成、フォーム、アニメーション、計測タグ、WordPress組み込み等は追加オプションで対応します。

▼ご用意いただくもの

・商品、サービス内容
・LPの目的
・想定ターゲット
・ロゴ
・掲載原稿
・写真、画像
・参考サイト
・希望納期
・サーバー、ドメイン情報

原稿や画像がそろっていない場合も、必要な素材を整理してご案内します。

▼標準料金に含まれないもの

・ロゴ制作
・写真撮影
・大量の原稿作成
・有料素材費
・有料テーマ、プラグイン費
・広告運用
・高度な予約、決済、会員機能
・多言語対応
・無制限修正
・公開後の継続的な更新作業

内容によって料金や納期が変わるため、ご購入前に現在の状況とご希望をお知らせください。

商品やサービスの魅力を、わかりやすく伝えるLPを制作します。

「LPを作りたいけれど、何を載せればいいかわからない。」
「構成や文章も相談しながら進めたい。」

そんな方に向けた、構成提案から公開までお任せいただけるLP制作サービスです。

ヒアリング内容をもとに、ターゲットやサービス内容を整理し、
掲載内容やページ全体の流れをご提案します。

テンプレートをそのまま当てはめるのではなく、
業種やサービス内容に合わせて、必要な情報設計・デザインを行い、
サービスの魅力が伝わるLPを制作いたします。

このような方におすすめ
=================================

- 商品やサービスをわかりやすく紹介したい
- LPを初めて制作する
- 構成や掲載内容から相談したい
- 信頼感のあるLPを制作したい
- デザインから公開までまとめて依頼したい

①構成提案からお任せいただけます

LPは、何をどの順番で伝えるかが重要です。
ヒアリング内容をもとに、ターゲットやサービス内容を整理し、
掲載内容やページ全体の構成をご提案します。

②原稿作成をサポートします

ご提供いただいた資料やヒアリング内容をもとに、
掲載文章の作成をサポートします。

専門的なライティングサービスではありませんが、
サービスの魅力が伝わるよう整理しながら文章をまとめます。

③信頼感のあるデザインをご提案します

目立つだけのデザインではなく、
サービス内容が伝わりやすく、信頼感を与えるデザインを心掛けています。
業種やターゲットに合わせて、必要な表現を一つひとつ設計します。

④品質・価格・スピードのバランスを実現

これまで培ってきた制作ノウハウやデザインパーツを活用しながら、
必要な部分は個別に設計。
品質を保ちながら、価格と制作スピードのバランスにもこだわっています。

制作内容
=================================

料金には以下が含まれています。

• LP制作（1ページ）*
• 構成提案
• 原稿作成サポート
• レスポンシブ対応
• お問い合わせフォーム
• プライバシーポリシーページ（必要な場合）
• 特定商取引法ページ（必要な場合）
• 基本的な公開設定・初期設定

※最大10セクション程度まで対応可能です。一般的なLPの掲載ボリュームを想定しています。
上記を超える場合や、内容によって追加費用が発生する場合があります。

制作の流れ
=================================

【STEP1】ご相談
まずはお気軽にご相談ください。
現在の状況やLPの目的（お問い合わせ・資料請求・広告運用など）をお聞かせいただきます。

【STEP2】お打ち合わせ・制作開始
オンラインでヒアリングを行い、ターゲットやサービス内容を整理します。
掲載内容やページ全体の構成をご提案し、内容が決まり次第、制作を開始します。

【STEP3】制作・ご確認
構成をもとにデザイン・実装を進めます。
途中でご確認いただきながら、必要に応じて調整を行います。

【STEP4】納品・公開
最終確認後、LPを納品・公開いたします。
公開後すぐに運用を開始できる状態でお渡しします。

プランの違い
=================================

①ベーシック（制作実績掲載ご協力プラン）
制作実績として掲載にご協力いただける方向けのお得なプランです。
制作内容・品質は通常プランと変わりません。
（お一人様１回まで）

②スタンダード（標準LP制作プラン）
構成提案・原稿作成サポート・デザイン・公開まで対応する標準プランです。
迷われた場合はこちらがおすすめです。

③プレミアム（LP2ページセットプラン）
異なるサービスやターゲットに向けたLPを
2ページまとめて制作するプランです。
1ページずつご依頼いただくより、お得な価格でご利用いただけます。

最後に
=================================

LPは、見た目だけでは成果につながりません。

「誰に、何を、どの順番で伝えるか」を整理することで、
商品やサービスの魅力はより伝わりやすくなります。

構成が決まっていない場合でも、
お打ち合わせを通して一緒に整理いたしますので、
まずはお気軽にご相談ください。

【WordPress制作・構築】ホームページ制作・リニューアル・SEO・修正・保守まで対応します

WordPress（ワードプレス）を活用したホームページ制作・Webサイト制作・サイトリニューアル・WordPress構築・カスタマイズをワンストップで対応いたします。

「ホームページを新しく作りたい」
「WordPressで企業サイトを制作したい」
「現在のホームページをリニューアルしたい」
「WordPressの不具合や表示崩れを修正したい」
「SEO対策や表示速度を改善したい」
「公開後のWordPress保守・運用も依頼したい」

このようなご相談に対応しております。

■ WordPressホームページ制作・Webサイト制作

・コーポレートサイト
・企業ホームページ
・サービスサイト
・店舗・事業者サイト
・採用サイト
・オウンドメディア
・ブログサイト
・ランディングページ（LP）

新規制作から既存WordPressサイトのリニューアルまで対応可能です。

■ WordPress構築・カスタマイズ

・WordPress初期設定
・テーマ設定・カスタマイズ
・オリジナルデザイン実装
・レスポンシブ対応
・お問い合わせフォーム設置
・ブログ・投稿機能
・カスタム投稿
・固定ページ追加
・プラグイン導入・設定
・WordPress機能追加

デザイン・コーディング・WordPress実装まで、まとめてご依頼いただけます。

■ WordPress修正・不具合対応

既存サイトの修正やトラブル対応も承ります。

・表示崩れ修正
・スマートフォン表示の修正
・CSS・HTML修正
・PHPエラー対応
・プラグイン競合の調査・修正
・WordPressエラー解消
・管理画面の不具合対応
・サイトが表示されない場合の原因調査
・既存サイトの機能修正・追加

「制作会社と連絡が取れなくなった」「他社が制作したWordPressを修正したい」といったケースもご相談ください。

■ SEO対策・表示速度改善

WordPressサイトの検索エンジン対策やパフォーマンス改善にも対応します。

・内部SEO対策
・タイトル・メタディスクリプション設定
・見出し構造の最適化
・XMLサイトマップ設定
・構造化データ対応
・内部リンク改善
・画像最適化
・表示速度改善
・Google Search Console設定

■ WordPress保守・運用

公開後のサイト運営もサポートいたします。

・WordPress本体のアップデート
・プラグイン更新
・テーマ更新
・バックアップ設定
・セキュリティ対策
・コンテンツ更新
・ページ追加・修正
・軽微なカスタマイズ

■ サーバー・ドメイン・移行対応

・WordPressサイト移行
・サーバー移転
・ドメイン設定
・SSL設定
・HTTPS化
・メール設定
・既存サイトからのWordPress移行

■ このような方におすすめ

・WordPressでホームページを制作したい
・企業サイトを新規制作したい
・既存ホームページをリニューアルしたい
・WordPressをカスタマイズしたい
・サイトの表示崩れやエラーを直したい
・SEO対策を行いたい
・Webサイトの表示速度を改善したい
・WordPressの保守・運用を任せたい
・サーバー移転やサイト移行を依頼したい
・公開後も継続してサポートしてほしい

■ ご依頼の流れ

① ご相談・ヒアリング
② 現状確認・要件整理
③ お見積り・対応内容のご提案
④ デザイン・WordPress構築・修正作業
⑤ テスト・動作確認
⑥ 公開・納品
⑦ 必要に応じて運用・保守サポート

「このWordPressサイトを修正できる？」
「既存サイトをリニューアルしたい」
「WordPressで何ができるかわからない」

といった段階からでもお気軽にご相談ください。

WordPress制作・ホームページ制作・Webサイト制作・WordPress構築・カスタマイズ・リニューアル・SEO対策・不具合修正・サイト移行・保守運用まで、ご要望に合わせて最適な方法をご提案いたします。

【こんなお悩みありませんか】
・広告やSNSから誘導する先のページがなく、機会を逃している
・業者に頼みたいけど、専門用語だらけの説明が苦手
・デザインは綺麗でも「スマホで崩れる・表示が遅い」ページにならないか不安
・実績の件数だけでは、実際どんなものを作る人か分からない

【対応できること】
1ページ完結のLP（ランディングページ）を、構成のご相談からデザイン・コーディング（実装）まで一貫して制作します。
・スマホ対応（レスポンシブ）標準
・表示速度に配慮した軽い実装
・お問い合わせフォーム／LINE・SNSボタンの設置
・公開作業（サーバーへの設置）はプレミアムプランで対応
※原稿（文章）はベーシックではご用意いただきます（スタンダード以上でおまかせ可）

【選ばれる理由＝実物を先に見られます】
制作サンプル2本を公開しています。まず触ってみてください。
・サービス紹介型：https://lp-excel-automation.vercel.app
・商品販売型（架空ブランド）：https://lp-coffee-sample.vercel.app
どちらもスマホ・PC両対応。2本目はGoogleの品質測定ツールで表示速度90点・アクセシビリティ100点の実測スコアです。
店舗の集客・講座案内・予約誘導など、どの業種のLPにも同じ作り方で対応できます。
説明は専門用語を使いません。元・工作機械のプログラミング担当で、「動くものを作って、分かりやすく説明する」のが仕事でした。

【ご依頼の流れ】

1. ご相談（載せたい内容・参考イメージ・納期の確認）
2. 構成のご提案（文章の配置と流れ・〜3日）
3. デザイン＋実装（〜7日）
4. ご確認・修正（3回まで無料・〜4日）
5. 納品（ページのファイル一式＝そのまま公開に使える形です）

【対応範囲について（最初にご確認ください）】
・各プランは1ページ（セクション7つ程度まで）の制作です（例：トップ／お悩み／紹介／料金／FAQ／会社情報／問い合わせ）
・セクション追加・修正の追加はオプションで対応します
・写真はフリー素材でご用意します（有料素材はご相談）

初心者の方から上級者の方まで安心してお使いいただけるホームページを制作いたします。

高いデザイン性と操作性があるホームページで
貴社・事業・ブランドの世界観を丁寧にかたちにします。

こんなお悩みはありませんか？
・自分のビジネスやブランドに合ったサイトが欲しい
・費用を抑えながら、オリジナルデザインで制作したい
・公開後は自分でも簡単に更新できるようにしたい
・専門的なことを相談しながら安心して進めたい
・スマートフォンでも見やすいサイトにしたい（レスポンシブ対応）

そんな方に向けて、「想いをかたちにする」ホームページ制作を行っています。

※過去の実績はメッセージにて個別にご案内いたします。

■基本サービス内容

・基本構成：6ページ
　・トップページ
　・お問い合わせページ
　・投稿ページ（ブログ・お知らせなど）
　・下層ページ × 3
・スマホ対応（レスポンシブデザイン）
・セキュリティ対策
・Google Analytics/サーチコンソール対応
・SEO対策
・引き継ぎマニュアルプレゼント
・納品後1か月の無料サポート
※LP（ランディングページ）制作も可能です。

■納品までの流れ
① ご相談（無料）
② ヒアリング・お見積り
③ ご購入
④掲載する画像や文章、ロゴ、SNS情報などをご提供いただきます。
⑤制作開始
⑥確認 / 修正（3回まで）
⑦納品（クローズ）

■注意事項
・サービス購入後のキャンセルは受け付けておりません。
・SWELLテーマの機能範囲内での制作となります。
そのため、ご希望のレイアウトに添えない場合がございますので予めご了承ください。
・お客様からの連絡が7日以上途絶えた場合には終了し、正式な納品とさせていただきます。 その場合の返金はいたしかねますので予めご了承ください。
・実績として掲載させていただく場合がございます。ご協力お願いいたします。 実績掲載不可の場合はお申し出ください。

このパッケージでは、AIを活用してWordPressサイトの修正・更新・エラー解消を効率化し、迅速に対応いたします。

AIに丸投げや第三者に任せることはしません。
WordPress構築経験のあるエンジニア（私）がコードレビュー・動作確認・調整を行い、品質を確認したうえで納品いたします。

各プランの料金・納期は、修正内容や作業量によって変動します。
プランに迷われた場合は、カスタマイズまたはメッセージにてご相談ください。

こんな方におすすめ

• WordPressサイトの修正・更新を外注したい方や企業様
• 文言修正や画像差し替えを依頼したい方
• 表示崩れやレイアウト調整を依頼したい方
• WordPressのエラーや不具合を解消したい方
• 軽微なカスタマイズや更新作業を任せたい方
  など

パッケージの内容

以下のような内容に対応可能です。

• テキスト修正
• 画像差し替え
• CSSによる表示調整
• フォーム文言や項目の調整
• 軽微なPHP / JavaScript修正
• 軽微な表示不具合の修正
• 一般的なプラグイン設定・調整
  など

※ 作業量や修正内容によっては、各プランの範囲外となる場合があります。
※ 内容によっては別途ご相談となる場合があります。

納品までの流れ

1. ヒアリング・必要データや資料のご提供
2. お見積り
3. ご契約・仮払い
4. 作業開始
5. 初稿提出
6. ご確認・修正対応
7. 納品・プロジェクト完了

数あるサービスの中からご覧いただきありがとうございます！
Webコーダーのアンザイと申します。
私はこれまでにスポーツ、文房具、クリニック、教育、飲食店など多岐にわたる業種のWebコーディングを担当してきました。

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

「デザインはできているけど、コーディングする時間がない」
「PC用デザインしかないけど、スマホ対応にしたい」
「アニメーションも含めて、綺麗に仕上げたい」
「信頼できるコーダーに任せたい」
これらのお悩みを、レスポンス早くしっかりとサポートします！

🛠 サービス内容

HTML/CSSによる静的コーディング（レスポンシブ対応）
JavaScriptやCSSアニメーションの実装（スクロール/スライダー/アコーディオンなど）
Figma・XD・Photoshop・Illustratorに対応
SEOを意識した構造とマークアップ

価格

⚫︎LPコーディング：30,000円
※長さによって変動いたします。
提示料金は8,000px以内
⚫︎HPコーディング（HTML）：105,000円
※５ページ 想定
⚫︎HPコーディング：（WordPress/PHP）：155,000円
※５ページ 想定

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

ご用意いただくもの

デザインデータ（Figma / XD / PSD / AIなど）
素材画像や動画、テキスト原稿
スマホ版デザイン（ない場合は私の方で調整対応可）
サーバー情報（アップロード希望時）

納品までの流れ

DMもしくは「見積もり・カスタマイズの相談」からご連絡ください
ヒアリング・お見積もりのご提示
ご契約（仮払い）
素材のご提供後、制作開始
コーディング確認・修正**
納品（Zip / サーバーアップ）

修正対応について
修正無制限（仕様変更は別途お見積り）
テスト環境での確認可能（Zip納品も可）

サービスの強み

1時間以内の迅速なレスポンス
土日祝の作業・納品も可能
スマホ・タブレット完全対応の高品質なレスポンシブ
コーディング3年以上の経験

まずはお気軽にご相談ください！
「依頼内容に合うか不安…」という方でも、お見積もりは無料で対応いたします。
まずは「見積もり・カスタマイズの相談に進む」より、お気軽にご相談ください。
ご希望に合わせた最適なプランをご提案いたします！

✨Shopify ECサイト制作・ネットショップ構築対応✨

「ネットショップを始めたいけど、何から準備すればいいか分からない…」
「Shopifyを導入したいけど設定が難しい…」
「商品を魅力的に見せられるECサイトを作りたい…」

【こんなお悩みを抱えていませんか？】
Shopifyを活用した商品やブランドの魅力が伝わるECサイト制作を行います。

「InstagramやSNSだけでは商品の魅力を十分に伝えられない」
「ECサイトを作りたいが、構築方法が分からない」
「無料サービスから本格的なネットショップへ移行したい」
「デザイン性の高いブランドショップを作りたい」
「ショップ公開後も自分で更新できる環境にしたい」

このようなお悩みをお持ちの方をサポートいたします。

ECサイトは単に商品を並べる場所ではなく、お客様が安心して購入を検討するための大切な販売ツールです。

購入前のお客様は、

・商品の魅力が分かりやすく伝わるか
・安心して購入できるショップか
・ブランドの世界観が感じられるか
・購入までスムーズに進めるか

といった点を確認しています。

ヒアリングを通して商品の特徴やブランドの方向性を整理し、魅力が伝わり、お客様が購入しやすいECサイト設計をご提案いたします。

見た目がおしゃれなだけではなく、商品を「知る→興味を持つ→購入する」までの流れを意識した導線設計も大切にしています。
Shopifyが初めての方にも分かりやすくご案内しますので、専門知識がなくても安心してご相談いただけます。

【商材】
✔ ハンドメイド、雑貨ブランド
✔ 食品・スイーツ販売向け
✔ アパレル、オリジナルブランド
✔ コスメ・美容ブランド
✔ フラワーショップ
✔ 実店舗のEC化
✔ ギフト、プレゼント
など、なんでもOKです！

商品登録〜配送設定〜公開まで
全てお任せOKです！

【サービス内容】
✔ Shopify初期設定
✔ オリジナルデザインでのショップ制作
✔ 無料・有料テーマのカスタマイズ
✔ トップページ制作
✔ 商品ページ制作
✔ 商品登録サポート
✔ カート・決済設定
✔ 配送設定
✔ お問い合わせフォーム設置
✔ スマートフォン対応（レスポンシブ対応）
✔ SNS連携
✔ SEOを考慮した基本設定
✔ 公開・納品まで一貫対応

【レギュラープラン】
・トップページ制作
・商品一覧ページ
・商品詳細ページ
・特定商取引法に基づく表記
・プライバシーポリシー
・利用規約
・お問い合わせページ

初めてECサイトを開設する方向けのプランです。

【アドバンスプラン】
・トップページ制作
・商品カテゴリ設定
・商品一覧ページ
・商品詳細ページ
・ブランド紹介ページ
・FAQページ
・お知らせ or ブログ
・特定商取引法に基づく表記
・プライバシーポリシー
・利用規約
・お問い合わせページ

ブランドやショップの魅力をしっかり伝えたい方向けのプランです。

【ShopifyでECサイトを制作するメリット】
✔ 本格的なオンライン販売環境を構築できる
✔ ブランドの世界観を表現できる
✔ 商品や在庫管理を効率化できる
✔ SNSや広告など集客施策と連携できる
✔ ショップ公開後も自分で更新しやすい

ECサイトは制作して終わりではありません。

お客様に商品の魅力が伝わり、安心して購入していただけるショップになるよう、構成・デザイン・導線設計まで丁寧にサポートいたします。

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

■オリジナルデザインを作成コーディングしたスマホ対応レスポンシブデザインのWebサイトを作成いたします。Wordpressご希望の場合はWordPress導入も料金内で対応可能です。
また、万が一、出来上がったデザインがイメージと違っても、デザイン・コーディング共に納得いくまで追加料金なしで修正いたします。

■サービスの概要とお問い合わせフォームを1画面に集約した1Pのホームページです。短期間・低コストで公開でき、まずはお問い合わせを設置したい企業様におすすめです。
※コンテンツは多少多くなっても料金内でOKです。

■名刺代わりのホームページとしてはもちろん、商品・サービスの紹介ページや、イベント・セミナーの申し込みページなど、さまざまな用途でご活用いただけます。

「サイトの文字を少し変えたい」
「画像を新しいものに差し替えたい」
「自分でWordPressを触って崩れるのが不安…」

そんなWebサイトの「ちょっとした修正」から対応します。

IT企業でWeb制作に携わるフロントエンドエンジニアが、HTML/CSSやWordPressの構造を確認しながら丁寧に作業いたします。

修正内容や作業量によっては、複数箇所をまとめて対応することも可能です。

【対応できる修正例】

・文章、見出しの変更
・画像の差し替え
・リンクURLの変更
・ボタンの文言変更
・住所、電話番号、営業時間等の変更
・バナー画像の差し替え
・WordPress投稿、固定ページの修正
・メニュー等の簡単な変更
・HTML/CSSの修正
・PC、スマートフォンの表示調整

上記以外も対応できる場合がありますので、お気軽にご相談ください。

【料金プラン】

■ ベーシック｜軽微な修正・更新

テキスト・画像・リンク変更など、作業量の少ない軽微な修正・更新に対応します。

＜ご依頼例＞
・テキストの変更
・画像の差し替え
・リンクURLの変更
・住所、電話番号、営業時間の変更
・WordPressの文章、画像変更

複数箇所の修正も内容によっては対応可能です。
サイトの構造や修正箇所数によって作業量が異なるため、ご購入前に内容を確認し、ベーシックプランで対応可能かご案内します。

■ スタンダード｜HTML/CSS・レスポンシブ修正

HTML/CSSを使用した技術的な修正に対応します。

＜ご依頼例＞
・CSSによる表示崩れの修正
・余白や配置の調整
・文字サイズ等の調整
・スマートフォン表示の修正
・既存レイアウトの軽微な変更

■ プレミアム｜WordPress・まとまったサイト改修

複数ページの修正やWordPressのカスタマイズなど、まとまった改修に対応します。

＜ご依頼例＞
・複数ページにわたる修正
・WordPressテーマのカスタマイズ
・既存ページのレイアウト変更
・HTML/CSSを含むまとまった修正
・WordPressの基礎的なPHP修正

※サイトの構造や修正内容によって作業量が異なるため、ご購入前に内容を確認し、適切なプランをご案内します。

【WordPress対応】

SWELL／SANGO／GLUE／オリジナルテーマなどの対応経験があります。

その他のテーマについても、サイトを確認したうえで対応可能か判断いたします。

【作業の流れ】

1．ご相談
WebサイトのURLと修正内容をお送りください。

2．内容確認・お見積り
修正箇所を確認し、適切なプラン・納期をご案内します。

3．仮払い・作業開始
必要に応じてバックアップを取得し、修正します。

4．表示・動作確認
PC・スマートフォン等で修正後の状態を確認します。

5．ご確認・納品
修正内容をご確認いただき、問題がなければ納品となります。

【バックアップについて】

安全に作業するため、必要に応じて修正前にバックアップを取得します。
WordPress管理画面だけでなく、必要に応じてFTP・サーバーを使用した作業にも対応可能です。

※大規模なバックアップやサイト移行等が必要な場合は別途お見積りとなる場合があります。

【対応範囲について】

WordPress・HTML/CSSを中心としたWebサイトの修正・更新に対応します。

PHPは既存コードの確認・軽微な修正など、基礎的な範囲で対応可能です。
大規模なシステム開発や高度なプログラム改修については、事前に対応可否をご案内します。

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

「どのプランを選べばいいか分からない」
「こんな小さな修正でも頼める？」

という段階でも問題ありません。

WebサイトのURLと修正内容をお送りいただければ、内容を確認して適切なプランをご案内します。

Webサイトを多言語化することで海外からのアクセスを増やしたり、日本にいる外国人からの利便性を高めます。

【サービス内容】

本サービスには下記の業務が含まれます。
WordPressのプラグインを使った多言語化。
文章の翻訳は含まれません。

【こんな方におすすめ】

・既存サイトはそのままで多言語化したい
・機械翻訳だと不自然で意図が伝わるか不安だ
・海外からのアクセスを増やしたい

【OS(テスト環境)】

Windows
Chrome
Android
Fire Fox
Mac OS
safari

【デバイス(テスト環境)】

Windows PC
Mac PC
iPhone
Android

商品・サービスの魅力を分かりやすく伝え、問い合わせ・申込み・購入など、目的の行動につながるランディングページ（LP）を制作します。

ただ見た目の良いページを作るのではなく、

「誰に伝えるのか」
「何を魅力として伝えるのか」
「どのような行動につなげるのか」

を整理し、ユーザーが迷わず読み進められる構成・デザイン・導線を大切にしています。

構成からデザイン、コーディング、スマートフォン対応、公開まで一貫して対応可能です。

【対応内容】

■ LP構成・導線設計

商品・サービスの特徴、ターゲット、LPの目的を確認し、伝える情報の順番を整理します。

ファーストビューからCTAまで、ユーザーが自然に読み進められる構成を意識して設計します。

■ LPデザイン

商品・サービスのイメージやターゲットに合わせてデザインします。

単におしゃれに見せるのではなく、

・情報の優先順位
・文字や画像の見やすさ
・サービスの魅力の伝わりやすさ
・CTAの分かりやすさ
・ページ全体の統一感

まで考えて制作します。

■ ファーストビュー

LPを開いたときに最初に表示されるファーストビューは、特に重要な部分です。

「何のサービスなのか」「どのようなメリットがあるのか」が短時間で伝わるよう、キャッチコピー・画像・CTAの配置を考えます。

■ CTA・お問い合わせ導線

お問い合わせ、資料請求、申込み、購入など、LPの目的に合わせてCTAを設計します。

ユーザーが「次に何をすればいいのか」で迷わない導線を意識します。

■ レスポンシブ対応

PCだけでなく、スマートフォン・タブレットにも対応します。

文字サイズ、画像配置、ボタンの押しやすさ、コンテンツの順番などを調整し、スマートフォンでも読みやすく操作しやすいLPに仕上げます。

■ コーディング・実装

完成したデザインをもとに、実際にWeb上で表示できる形まで実装します。

デザインデータをご用意いただいている場合は、コーディングのみのご依頼についてもご相談いただけます。

■ お問い合わせフォーム・各種機能

LPの目的に応じて、以下のような機能にも対応します。

・お問い合わせフォーム
・資料請求フォーム
・申込みフォーム
・CTAボタン
・SNSへの導線
・Googleマップ
・各種外部リンク
・基本的なアニメーション

■ 基本的な内部SEO

ページタイトル、見出し構造、メタ情報など、基本的な内部SEOにも配慮して制作します。

【LP制作で大切にしていること】

LPは情報を並べるだけの1ページではありません。

ユーザーがページを訪れてから、

「興味を持つ」
「サービスを理解する」
「不安や疑問を解消する」
「問い合わせ・申込みへ進む」

という流れを考えることが重要です。

そのため、デザインだけではなく、情報の順番や導線、CTAまで含めて制作します。

【このような方におすすめです】

・商品やサービス専用のLPを作りたい
・問い合わせや申込みにつながるページがほしい
・LPの構成から相談したい
・デザインから実装までまとめて任せたい
・スマートフォンで見やすいLPを作りたい
・既存LPをリニューアルしたい
・Figmaなどのデザインからコーディングしてほしい

【内容がまだ決まっていなくてもご相談ください】

「LPを作りたいけれど、何を掲載すればいいか分からない」

「参考サイトはあるけれど、構成が決まっていない」

という段階でも問題ありません。

商品・サービスの特徴や目的を伺いながら、必要な内容を一緒に整理します。

見た目だけで終わらせず、商品・サービスの魅力が伝わり、その先の行動につながるLPを丁寧に制作します。

お持ちのデザインデータをもとに、Webサイトをコーディングします

「デザインは完成しているけれど、コーディングを依頼できる人がいない」
「社内の制作リソースが足りず、コーディング部分だけ外注したい」
「Figmaで作成したデザインを、スマートフォンにも対応したWebサイトにしたい」
このような方に向けて、HTML・CSS・JavaScriptを使用したコーディングを承ります。

制作会社様、Webデザイナー様、個人事業主様からのご依頼にも対応可能です。
このような方におすすめです
・FigmaやAdobe XDのデザインデータだけが手元にある方
・Webデザインは完成しているが、コーディングができない方
・既存サイトへ新しいページやセクションを追加したい方
・アニメーションのあるサイトを制作したい方

対応内容

HTML・CSSコーディング
適切なHTML構造を意識し、デザインデータに沿ってコーディングします。
CSSは、後から内容を確認・修正しやすいように整理して記述します。
レスポンシブ対応
パソコンだけでなく、タブレット・スマートフォンでも見やすく操作しやすいレイアウトに調整します。

JavaScriptによる機能実装
以下のような一般的な機能に対応します。
・ハンバーガーメニュー
・アコーディオン
・スライダー
・ページ内スクロール
・ヘッダーの固定、表示切り替え
・スクロールアニメーション
・画像やテキストのフェード表示
複雑な機能や特殊なアニメーションについては、事前に内容を確認したうえでお見積りします。

デザインの忠実な再現
フォントサイズ、余白、画像の比率、ボタン、装飾など、デザインデータの意図を確認しながら丁寧に再現します。

対応可能なデザインデータ
・Figma
・Adobe XD
・Photoshop
Figma以外の形式や、デザインデータの状態によっては追加確認が必要になる場合があります。

ご購入前にデザインデータをご共有いただけましたら、対応可否と正式なお見積りをご案内します。

対応可能なページ
・ランディングページ
・コーポレートサイト
・サービスサイト
・店舗サイト
・採用サイト
・お問い合わせページ
・会社概要ページ

HTMLによる静的サイトのコーディングを基本としています。
WordPressへの組み込みやオリジナルテーマ化をご希望の場合は、別途お見積りとなります。

myon-webのコーディング
1．デザイン制作経験を活かした再現
普段からWebサイトのデザインと構築の両方を行っているため、デザインの意図や優先順位を考えながら実装します。
単に画像と文字を並べるのではなく、余白や文字サイズ、視線の流れまで確認して仕上げます。

2．公開前に複数の画面幅で確認
PC・タブレット・スマートフォンの代表的な画面幅で、レイアウト崩れや表示の問題がないか確認します。

制作の流れ
1．ご相談・データ確認
デザインデータ、ページ数、必要な機能、ご希望の納期などをご共有ください。
内容を確認し、対応範囲と正式なお見積りをご案内します。

2．ご購入・素材共有
お見積り内容をご確認いただき、ご購入後に必要な素材をご共有いただきます。

3．コーディング開始
デザインデータをもとに、HTML・CSS・JavaScriptの実装を行います。

4．テスト環境でのご確認
ブラウザで確認できるテスト環境、またはファイル一式をご共有します。

5．修正対応
デザインとの差異や表示上の問題を確認し、修正します。
基本料金には、事前に共有いただいたデザインに沿った修正を2回まで含みます。

6．納品
確認完了後、HTML・CSS・JavaScript・画像などのファイル一式を納品します。
サーバーへのアップロードをご希望の場合は、オプションで対応します。

納品内容
・HTMLファイル
・CSSファイル
・JavaScriptファイル
・コーディング内で使用する画像ファイル
・その他、表示に必要なファイル一式

ご指定がない場合、圧縮ファイルにまとめて納品します。

Figmaを忠実に再現。初めてのWeb制作でも安心、寄り添うWordPress構築を提供します

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

・デザインはあるが、WordPressへの実装方法が分からない
・自社の魅力が伝わるホームページを新規に作成したい
・初めての依頼なので、丁寧に伴走してくれる制作者を探している
・スマホ対応や表示速度など、基本を押さえたサイトを作りたい

発注の流れ

1. お問い合わせ・ヒアリング
   ランサーズのメッセージより、ご希望のサイトイメージや参考サイト、ご予算、納期等をお知らせください。デザインカンプがある場合はご提示をお願いします。

2. お見積もり・ご契約
   ヒアリング内容に基づき、お見積もりと詳細なスケジュールをご提示いたします。内容にご納得いただけましたら、仮払いの手続きをお願いいたします。

3. 制作開始・進行
   仮払い確認後、制作に入ります。適宜進捗を報告し、認識のズレがないよう丁寧に制作を進めてまいります。

4. 確認・修正
   テスト環境にてテスト公開を行います。お客様に実際の動作をご確認いただき、修正箇所があれば迅速に対応いたします。

5. 納品・公開
   最終確認の後、ご指定のサーバーへ本番公開・納品となります。納品後も簡単な操作手順についてご案内いたします。

対応範囲・価格

軽微な改修・部分カスタマイズ：15,000円
既存のWordPressサイトの軽微なカスタマイズ、プラグイン導入、表示の崩れやコード修正を行います。お気軽にご相談ください。

1ページのWordPressサイト構築：50,000円
Figma等のデザインカンプをもとに、忠実にレスポンシブコーディングを行い、WordPressの1ページ（LP等）のサイトを構築します。

複数ページのコーポレートサイト構築：90,000円
トップページ＋下層3ページ程度のWordPressコーポレートサイトを構築します。お知らせ機能やお問い合わせフォーム等も対応可能です。

納期

14日

制作の流れ

カンプに忠実なコーディング
Figma等のカンプをもとにPerfectPixelを使用し、1px単位でデザインを忠実に再現するHTML/CSSコーディングを行います。

レスポンシブ対応の実装
スマホやタブレットでも見やすく崩れない、レスポンシブ対応の設計を標準で施します。

WordPressへの組み込み
運用しやすい構成にてWordPress化を行います。お知らせやブログ等の更新機能も、誰でも扱いやすいように設定します。

サービス内容

プログラミング歴3年、デイトラWeb制作コースを修了した実績をもとに、お客様の想いを形にするWordPressサイトを構築します。Figmaデザインからの忠実な再現、レスポンシブ対応、そして運用後の更新のしやすさにこだわって制作します。初心者の方でも安心して進められるよう、ランサーズの機能を通じて丁寧に進捗を報告し、寄り添ったコミュニケーションを徹底いたします。

WordPressのサイト制作、デザインの忠実な再現コーディングを丁寧に行います。「初めてのWebサイト制作で不安」「自分のビジネスの強みを表現できるサイトにしたい」といったお悩みを、プログラミング歴3年の確かな技術と、誠実で寄り添うコミュニケーションで解決いたします。Figmaからの1px単位のコーディング、スマホ対応、運用のしやすさを考慮したWordPress構築により、ビジネスの信頼感を高めるホームページを実現します。お気軽にご相談ください。

デザインデータをもとに、HP / LPのHTMLコーディングを代行します

【提供内容】
・デザインを忠実に再現します
　※デザインと重ね合わせて差異なしレベルまで
・HTML/CSSコーディング（レスポンシブ対応）
・簡単なアニメーション（スライダー・ハンバーガーメニュー・アコーディオン・フェードイン等）
・SEO対応の構造化
・主要４ブラウザ(Chrome, Edge, Firefox, Safari)で確認します

【対応ファイル形式】
・Figma：推奨
・PNG・JPG・PSD：GIMPで確認。複雑なレイヤー構成は要相談。再現精度は目視ベース。

【注意事項】
・素材（画像・テキスト）はご支給ください
・デザインの大幅な変更は別途ご相談
・価格、納期はプランの目安です。ページ内の要素ボリュームにより変動します
・ご注文前に必ずメッセージにてご相談ください

お客様の想いをカタチに！デザインカンプコーディングからWordPressまで、Web制作をサポートします。

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

Webサイトのデザインはあるけど、コーディングしてくれる人がいない。WordPressで更新しやすいサイトにしたい。スマホ対応もきちんとしたい。

発注の流れ

お問い合わせ
まずはメッセージにて、Webサイトの目的、ターゲット、デザインの有無、ご予算などをお気軽にご相談ください。

ヒアリング
お客様のWebサイトに対する想いを詳しくお伺いし、最適なプランをご提案します。必要に応じて、ビデオ通話での打ち合わせも可能です。

ご契約・素材ご提供
お見積もり内容にご納得いただけましたら、ご契約となります。制作に必要な素材（テキスト、画像など）をご提供ください。

制作開始
お客様のご要望を反映しながら、丁寧にコーディングを進めていきます。進捗状況は随時ご報告いたしますのでご安心ください。

納品・検収
完成したWebサイトをご確認いただき、修正点があれば修正いたします。お客様にご納得いただけましたら、納品となります。

対応範囲・価格

デザインカンプコーディング：30,000円～
Figma, Adobe illustratorなどのデザインカンプから、忠実に、そして美しくWebサイトをコーディングします。アニメーションの実装もお任せください。

WordPressサイト制作・移行：80,000円～
WordPressによるWebサイトの新規制作、既存サイトのWordPress化を承ります。SEO対策、MEO対策もお任せください。

静的サイトWordPress化：50,000円～
既存の静的HTMLサイトを、WordPressで構築し直します。ブログ機能の追加や、SEO対策も可能です。

納期

要相談（内容により異なります）

制作の流れ。

・ヒアリング
ヒアリングシートを用いてクライアント様のご要望を丁寧にお聞きいたします。

・コーディング
デザインカンプがある場合は、それに沿って丁寧にコーディングしていきます。デザインがない場合は、ご要望に応じてデザイン制作も承ります（別途お見積もり）。

・テスト・SEO対策
PC、スマホ、タブレットなど、様々なデバイスでWebサイトが正しく表示されるか確認します。また、SEO対策も合わせて実施します。

・納品・修正
お客様にWebサイトをご確認いただき、修正点があれば修正いたします。お客様にご納得いただけましたら、納品となります。

・運用・保守サポート
納品後も、Webサイトの運用・保守に関するサポートを承ります。お気軽にご相談ください。

サービス内容

デザインカンプからのコーディング、レスポンシブ対応、WordPressサイト制作、静的サイトWordPress化など、Web制作に関わる幅広いサービスを提供します。お客様の目的やご要望をしっかりと理解し、高品質なWebサイトを制作します。

Webサイトのことでお困りではありませんか？デザインはあるけどコーディングできる人がいない、WordPressで更新しやすいサイトにしたい、スマホ対応もきちんとしたい…。そんなお悩みをWeb制作コーダーの私が解決します！丁寧なヒアリングでお客様の想いをカタチにし、高品質なWebサイトを制作いたします。まずは、お気軽にご相談ください。

Figmaで作成されたデザインをもとに、HTML/CSSまたはWordPressでWebページをコーディングします。

「Figmaデザインはあるけど、実装できる人を探している」
「LPや下層ページをデザイン通りにコーディングしてほしい」
「PC・スマホ表示に対応したページを作りたい」
「既存のWordPressサイトに新しいページを追加したい」

このような方向けのパッケージです。

Figmaの共有URLをもとに、デザインの雰囲気・余白・文字サイズ・配置を確認しながら、できるだけデザインに沿って実装します。

【対応内容】
・FigmaデザインをもとにしたHTML/CSSコーディング
・スマホ対応、レスポンシブ対応
・LP、下層ページ、簡易ホームページの実装
・WordPressへの反映
・画像やアイコンの書き出し対応
・公開前の表示確認
・軽微な修正対応

【対応できるもの】
・LPコーディング
・ホームページのトップページ
・下層ページ
・サービス紹介ページ
・キャンペーンページ
・既存WordPressサイトへのページ追加

【制作の流れ】

1. Figma共有URLの確認
2. 実装範囲・ページ数・レスポンシブ有無の確認
3. お見積もり・ご購入
4. コーディング開始
5. 表示確認
6. 修正対応
7. 納品

【注意事項】
Figmaデザインをもとに可能な限り再現しますが、ブラウザや端末の違いにより、表示に若干の差が出る場合があります。
また、デザイン上にスマホ版がない場合は、PCデザインをもとに自然に見える形で調整します。

複雑なアニメーション、フォーム機能、予約機能、決済機能、会員機能、外部サービス連携、JavaScriptを多く使う実装は別途お見積もりとなります。

Figmaの閲覧権限だけでなく、画像やアイコンなどの素材を確認・書き出しできる状態で共有いただけるとスムーズです。

✨求人も掲載できる採用サイト制作します✨
企業の魅力を伝え、「応募」につながるホームページをWordPressで制作します。

【こんなお悩みありませんか？】
「求人を出しても応募が来ない」
「求人媒体だけでは会社の魅力を伝えきれない」
「採用ページがなく、会社の雰囲気が伝わらない」
「ホームページが古く、企業イメージを改善したい」
「Web担当者がおらず、何から始めればよいか分からない」

そんな企業様のお悩みを、採用に強いホームページ制作でサポートします。

【WordPressで一貫対応】
WordPressを使用し、採用サイト・コーポレートサイトの企画・構成・Webデザイン・構築・公開まで一貫対応いたします。

ただ「おしゃれなホームページ」を作るのではなく、企業様へのヒアリングをもとに強みや魅力を整理し、求職者に「この会社で働いてみたい」と思ってもらえるWebサイトを目指します。

【採用サイトで大切なこと】
求職者は応募前にホームページを確認し、
・どんな会社・事業なのか
・どんな人が働いているのか
・職場の雰囲気はどうか
・福利厚生や働く環境はどうか
・自分が働く姿をイメージできるか

などをチェックしています。

そのため、募集要項だけではなく、会社の価値観・仕事の魅力・社員・職場環境を分かりやすく伝えることが重要です。企業様の強みや採用したい人物像を整理し、求職者目線でページ構成や応募までの導線を設計します。

「必要なページが分からない」
「掲載する内容が決まっていない」
という段階からでもご相談ください。

【サービス内容】
✔ オリジナルWebデザイン
✔ WordPress構築
✔ スマホ・タブレット対応（レスポンシブ）
✔ 採用ページ・求人ページ制作
✔ お問い合わせ・応募フォーム設置
✔ SEOを考慮した内部設計
✔ Googleマップ・SNS連携
✔ 更新しやすいサイト設計
✔ 公開・納品まで一貫対応

【レギュラープラン】
・トップページ
・募集要項
・社員紹介
・会社を知る（福利厚生・働く環境など）
・応募・お問い合わせ

採用に特化したホームページを制作したい企業様におすすめです。

【アドバンスプラン】
・トップページ
・会社案内
・事業内容
・実績・サービス
・代表挨拶
・採用トップ
・募集要項
・社員紹介
・働く環境・福利厚生
・お問い合わせ・応募

コーポレートサイトと採用サイトを充実させ、企業としての信頼感も高めたい方におすすめです。

【採用サイト制作のメリット】
✔ 会社の魅力や強みを伝えられる
✔ 応募前の不安・疑問を解消できる
✔ 求人媒体では伝えきれない情報を発信できる
✔ 企業の信頼性向上につながる
✔ 採用ブランディングを強化できる
✔ 採用のミスマッチ防止につながる
✔ 採用コスト削減につながる

ホームページは制作して終わりではありません。

「知る → 興味を持つ → 共感する → 応募する」

この流れを意識し、情報構成・デザイン・応募導線まで丁寧に設計します。
新規ホームページ制作はもちろん、既存サイトのリニューアルやWordPress化についてもご相談ください。

【会社の魅力が伝わる”から、“応募につながる”ホームページへ】
採用サイト・コーポレートサイト・WordPressでのホームページ制作をご検討中の企業様は、まずはお気軽にご相談ください。