CSSの依頼・発注・代行

★業務内容

ご覧頂きありがとうございます。
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回まででしたら対応いたします。
ご要望に応じられない場合もありますが、できる限り対応させていただきたいと思っております。

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

静的サイトをWordPress化してほしい方におすすめです。現状の静的サイトのデザインそのままWordPress化したい方、また希望のWordPressのテンプレートを指定してWordPress化したい方、どちらも対応可能です。

フリーランスでWebエンジニア、Webコンサルをしております、市川喬士と申します。
私のサービスに興味を持っていただき、ありがとうございます。
是非、以下ご確認ください。

▷最新の制作物はこちら(デモサイト)
http://takashi0520.html.xdomain.jp/demosite2/
また、制作物一覧はこちら
https://vanilla-fireplace-f3c.notion.site/5396253653fd4ad8ab074a7dec4cbdbf

【こんな方にオススメ！】

・コーディング作業が苦手なデザイナーの方
・デザインデータはあるが、コーダーが不足しているディレクターの方
・どのようなデザインにしたいかのイメージはあるが、それを制作することが困難な方
・外注先をお探しのweb制作会社の方

【費用に含まれているもの】

・Adobe Photoshop/XD/Figmaで作成されたデザインカンプからのHTML/CSSコーディング
・マルチ画面対応のコーディング
・jQuery & CSSアニメーション
・画像圧縮による表示速度最適化
・予測・再利用・保守・拡張を意識したCSS設計による、保守性の高いコーディング
・chrome、safari、Microsoft Edge、firefoxによる確認

【追加でご提供できること】

・HTML/CSSコーディングファイルのWordPress化
・JavaScript(jQuery)を用いた動的サイト(高度なもの)
・gsapによるアニメーション
・gulp環境下での制作
・貴社指定サーバーへのアップロード
・納品後の修正作業
・スピード納品(即日可)
・WordPressテーマを使用してのWebサイト制作

【納期】

時期により、少し変動はしますが、1ページあたり5日〜1週間で納品させていただきます。
ご希望の納期がある場合はご相談いただければ、可能な限り、対応いたします。

【スケジュール】

①ご相談・お見積り・スケジュール確認（無料）
②デザインデータを確認(Photoshop、XD、Figma)
③コーディング開始
④弊社テストサーバーにアップロード
⑤ご確認、修正
⑥納品（zipファイル納品・テストサーバーアップロード）

サービス提供前に、一度DMで詳細をご連絡ください。
(お互いの齟齬を無くすため、可能であれば、オンラインミーティングでお願いしております。)

サービス内容

Webサイトの制作、修正、更新を承ります。迅速、丁寧にご希望に沿った対応をいたします。スマホ対応（レスポンシブ対応）、SEO対応は基本要件に含めて対応します。このほか、Webサイトのデザイン制作、WordPressやヘッドレスCMSを利用したサイトの構築、レンタルサーバの契約、ドメイン取得、サイトの公開などもサポート可能ですので、ご不明な点があれば、お気軽にご相談ください。

依頼から納品までの流れ

1. 相談・ヒアリング
   ご購入前に下記の内容をご相談ください。

   • 依頼内容（必須：可能な限り具体的に記載してください）
   • 素材提供の有無（必須：サイトのデザイン、テキスト、画像データなど）
   • ご希望のデザイン（任意：参考サイト、色など）
   • サーバー・ドメインの取得状況（任意）
   • 納期（任意：大まかでも構いません）
   • 予算の上限（任意：予算を超えるような場合、予算内に収まる提案をさせていただきます）

2. 購入
   相談・ヒアリングで双方合意頂いたうえで、購入・承諾いたします。

3. 制作
   クライアント様にも作成途中段階の制作物を確認していただき、コミュニケーションを取りながら作成していきます。

4. 完成・納品
   クライアント様から「OK」を頂いて完成となります。

5. 保守・運用
   納品後30日以内であれば、仕様変更以外の不具合は無償で対応させていただきます。
   仕様変更にあたる場合は、お見積り・承諾のうえ追加料金を頂き対応いたします。

ご覧いただきありがとうございます！
Web制作フリーランスの藤原と申します！
これまでLancersやクラウドワークスで20件以上のサイトを納品してきた経験と技術で
高品質なサイト制作をさせていただきます。

■こんな方に特におすすめ
・制作会社の見積もりが高額だった
・更新しやすいHPが欲しい
・オリジナルデザインでHPを作りたい
・HPの知識があまりなく不安
・コミュニケーションを円滑に進めていきたい
・作った後も相談に乗ってほしい
納品後も更新方法や使い方等、しっかりフォローさせていただきますのでご安心ください！

■サービス内容
・トップページ作成
・コンテンツページ(ページ数はプランによって異なります)
・グーグルマップの埋め込み
・SNS埋め込みや連携
・見やすいシンプルなデザイン
・お問い合わせページ
・スマホ対応
・基本SEO対策
・基本セキュリティ対策
・１ヵ月のアフターサポート

■制作手法
WordPressのテーマを用いてカスタマイズ制作いたします。
※オリジナルデザインなのでご安心ください。

■制作の流れ
①ヒアリング
②お見積り・ご提案
③必要な素材のご用意
④制作
⑤最終チェック
⑥公開（１ヵ月アフターサポート無料！）

■実績
Lancers・CrowdWorksをはじめ、20件以上の制作業務に携わらせていただきました。
これまで携わった業務は全て★５をいただいております。
即レスを徹底し、円滑なコミュニケーションを重視しておりますので
ご安心してお任せくださいませ！

①ECサイトの作成、運用、保守。(HTML　CSS　JavaScript)
②Google Map作成、修正。
③Photoshopで画像編集。

ページ数　：　５ページ　
（ページ数、ご依頼内容によってご相談）

閲覧サイズはパソコン版となります。
html＋cssで作成していきます。
「ホームページで少しでも知ってもらいたい」、「自分の趣味をみてもらいたい」など・・
お店、個人様のご要望に沿って作成させて頂きます。

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

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

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

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

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

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

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

✨パッケージに含まれる業務内容✨

【ヒアリング・要件確認】
ご希望のデザインイメージや用途（例：個人サイト、店舗紹介など）、サイト構成をお伺いします

サイトに載せるテキスト・画像素材を確認します（※ご用意をお願いします）

【納品】
HTML・CSSファイル一式を納品（zip形式でまとめてお渡し）

【注意事項】
「テキスト・画像素材は原則ご用意ください」
「修正は3回まで承ります」

✨納品までの流れ✨

【① ご購入・ヒアリングシートご記入】
ご購入後、簡単なヒアリングシート（ご希望デザイン・用途・サイト内容など）にご記入いただきます。
あわせて、使用したいテキストや画像素材をご提供ください。

【② サイト構成・デザインご提案】
ヒアリング内容をもとに、サイトのページ構成案の確認を行い、方向性をすり合わせます。

【③ 制作開始】
確定した内容に基づき、HTML＋CSSでホームページ制作を進めます。
スマホ対応（レスポンシブ）もこの段階で実装します。

【④完成・最終確認】
完成したサイトをスクリーンショットでご確認いただき、内容の最終チェックを行います。
修正したい箇所がある場合、この段階でお知らせください。

【⑤納品】
問題なければ、HTMLファイル、CSSファイルをまとめて納品します。（ZIPファイル形式）
納品完了後は修正対応ができませんので、ご了承くださいませ。

PSD,aiからHTML,CSSに落とす作業をいたします。10ページまでこの価格で対応いたします。ランディングページなどは項目数でページをカウントさせていただきます。明らかに長大なページは２ページでカウントください。そのうえで、11ページ以上となる場合は、別途ご相談ください。

◾️提供内容

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

JavaScriptの実装

CSSアニメーション

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

◾️基本料金内

JavaScriptの実装

レスポンシブ対応

簡易SEO対策

テスト環境
修正対応

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

◾️納期

トップページ：2～4日

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

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

Shopify独自の言語であるliquidのカスタマイズや編集でお困りでしたら、ぜひご相談ください！

ご希望の機能に沿ったliquidカスタマイズを承ります。

これまでに制作した機能を紹介します。
どの実績も、運用時にコードを書かずに、コンテンツを追加・編集できることを目的としています。

• 数字入力のみで商品のサイズ表HTMLを生成し、商品ページに表示
• 商品に応じたLPや店舗紹介の情報を自動表示
• モデルさんの写真をクリックすると、ポップアップで着ている商品をリスト表示
• ページに応じたヘッダー画像+ページタイトルを自動表示

⚫︎期間限定割引オファーです
私自身、駆け出しのため実績を積むことを念頭に置いております。
リスポンシブLPデザイン&コーディング対応は約10万円〜が一般的ですが、
今回３名様限定で５万円にて賜ります。

⚫︎クオリティが心配。。
実務経験15年以上、実績2,000件以上のプロの現役LPデザイナーの方へ
弟子入りし、その方のお墨付きをいただいております。
また、その方のディレクションのもと進めますので、クオリティは保証します。

⚫︎お早めに
他媒体でも同時に限定オファーを宣伝しております。
1月に無料企画をしましたが、1ヶ月で５件以上受注したため
こちらのオファーも早めに埋まる可能性があります。
お早めにご相談いただければ幸いです。

⚫︎お客様へご準備、ご協力いただきたいこと

• 原稿のご準備
  　セールスライターからお探しの場合は、ご紹介することも可能です。
  　その場合は、別途ご料金がかかります。
• 写真
  　商品写真やプロフィール写真、ロゴ写真など掲載したいものがある場合
• 参考LP、競合他社様のURL（もしあれば）
• 納期の確認
• ポートフォリオへの実績掲載
• お客様の声

⚫︎サービス概要

• レスポンシブデザイン対応
• HTML, CSSコーディング
• 有料画像素材
• 修正無制限
  　※急な原稿の差し替えなど大幅なデザイン変更を伴う場合は、オプション料金がかかります。
• レスポンシブデザインでコーディングも含む場合：納期約1ヶ月
  　※掲載しております納期は目安となりますので、お急ぎの場合などはご相談ください。

⚫︎サービスの流れ
①まずはご相談ください
　テキストベースでもオンラインMTGでお話し伺うこと、可能です。
　オンラインの場合Google Meetを使用予定です。

②オンラインまたはオフラインにて打ち合わせ
　基本的にオンラインでのご対応をお願いしておりますが、
　オフラインご希望の際は別途ご相談ください。

③制作スタート
　お客様より写真素材など材料が揃い次第、FVから作成。
　FVをご確認いただき方向性を確認いただいたら
　FVに続くボディ部分のデザイン制作へ進みます。

④納品
　ZIPファイルをお送りするか、こちらでサーバーへアップするかをお知らせください。

⚫︎まずはご相談を！
ここまでご確認いただきありがとうございます。
頼むか迷っていたり、サービス内容など
ご不明点ありましたら、まずはお気軽にご連絡ください。

HTML、CSS、JavaScriptによるフロントエンド開発 を承ります。
2ページ以上のサイト構築は別途費用となります。

＊＊　サービス内容　＊＊

HTML、JavaScript、CSSでHPやLPを構築します。
スマートフォンやPCなど、あらゆるデバイスで動作するレスポンシブなサイトを構築します。
デザインはお客様が選択することも可能ですが、UIデザインも含めてサービスさせていただきます。

ご覧いただき、ありがとうございます！
香川県丸亀市の株式会社リブサーバーと申します。

私たちはWeb制作全般・EC-CUBE・WordPress等のCMS導入や運用を得意としているチームです。Webサービスを展開する事が好きで、毎日開発業務に励んでおります。
人との出会いを大切にし、末永く皆様のお力になれるよう務めております。
どんなことでも、まずはお気軽にご相談ください。

この度、デザインデータからコーディングを行うサービスを出品させて頂きます。

【サービス内容】
・静的HTML/CSS/JSによるコーディング
・動的HTML/CSS/JSによるコーディング
・レスポンシブ対応

【本サービスの流れ】
①ご購入
②デザインデータの受領
③ヒアリング
④コーディング
⑤クライアント様の確認
⑥納品

◆コーディングの環境は下記をお選び頂けます。
・クライアント様での環境にて作業
・弊社の開発環境にて作業

◆納品は下記の方法をお選び頂けます。
・クライアント様のサーバ環境へのアップ
・zipファイルによる納品

リリースされたはいいもののメンテナンスされておらず、メンテナンスの為に製作者に問い合わせても膨大な費用を請求されてしまう・・・。
本当にちょこっとだけ修正をしたいのだけれども・・・。

そんな方、必見です！
テキスト修正、デザイン修正、JavaScriptエラー修正等を対応します。
React, Vueで作成されたサイトは https://www.lancers.jp/menu/detail/1230819 でお伺いいたします。

まずは、お気軽に相談いただけたらと思います！

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

・Webサイトを制作するにも知識がない
・コーダーがほしい
・デザインは得意だが、コーディングが不得意
・安心できる人に依頼をしたい

どんなお悩みにも、丁寧に迅速にサポートさせていただきます。

依頼内容の詳細

こちらのサービスはWebサイトを制作する際に小さい依頼からでもお困りの際にご利用していただけたら幸いです。

・既存サイトの一部修正（文言修正・スタイル修正・レイアウト修正）
・PC/SPのレスポンシブ対応
・デザインーと連携して複数Webサイトを制作
・既存サイトにページ追加

価格

・ベーシック 3000円～10000円
TOP1ページ・下層5ページ以内のコーディング
・静的サイト
・レスポンシブ対応
※ 一部修正または下層1ページのみなどの場合は3000円〜ご対応いたします

・スタンダード 2万0000円～
TOP1ページ・下層5ページ以内のコーディング
・静的サイト
・アニメーション
・レスポンシブ対応

・プレミアム 4万0000円～
TOP1ページ・下層10ページ以内のコーディング
・静的サイト
・アニメーション
・レスポンシブ対応

※あくまで目安になりますので金額に変動はございますのでお気軽にご相談ください！

納期

【ベーシックプラン】
最短で即日〜3日間

【スタンダードプラン】
6日間〜
※ 内容により変動いたします

【プレミアムプラン】
14日間〜
※ 内容により変動いたします

制作の流れ

ヒアリング・お見積もり（ご相談に関しては無料になりますのでどんな内容でもご相談くださいませ）
⬇︎
ご契約
⬇︎
デザインデータご提供していただきます
⬇︎
実装
⬇︎
問題ないかご確認をしていただく（この際の修正に関しては回数無制限になりますのでご安心ください）
⬇︎
納品（zipファイルでの納品またはご指定のサーバーにアップロード）
⬇︎
必要があれば運用も行います（定期的にアップデート・修正など）

ここまでご覧いただき誠にありがとうございます。
ご依頼いただいた際には迅速かつ丁寧に料金以上に満足していただけるように制作させていただきます。

小さなことでもお気軽にご相談して頂ければと思います。
ご一緒にお仕事できることを楽しみにしておりますのでご検討の方、何卒よろしくお願いいたします。

【こちらはいかがですか？】

品質・パフォーマンスの向上、ブログやお知らせ機能など機能面も向上をさせたい方は以下をご検討していただけると幸いです。
https://www.lancers.jp/menu/detail/1271627

【プロフィール】

https://www.lancers.jp/profile/AkitoTameto?ref=header_menu

ご希望のデザインを元に、ランディングページや下層ページのHTML・CSSコーディングを代行いたします。しっかりとしたSEO内部対策を行い、レスポンシブにも対応。

【即レス☆丁寧な対応☆まずはお気軽にご相談ください！】

初めまして！
フリーランスエンジニアの藤原良介と申します。
ランサーズは始めたばかりですので、実績を積むため、期間限定で破格で対応させていただきます。
HTML /CSSコーディング（金額：1000円　ページ数：１〜2ページ）

下記、私の経歴と可能な業務等を記載しています。
ご査証、ご検討よろしくお願いいたします。

【経歴】
　2015年３月：岡山大学工学部電気電子工学科を卒業
　2015年４月：地元市役所に就職し、庁内サーバーの調達・運用等のシステム管理を担当
　2021年〜現在：Web制作フリーランスとして活動中

【可能な業務内容】
・HTML/CSS/JavaScript(jQuery)を使ったコーディング
・デザインデータを元にLP制作、企業サイト制作
・レスポンシブ対応したサイト制作
・WordPressの導入、サイト構築、改修

【スキル】
・HTML
・CSS
・JavaScript(jQuery)
・WordPress

【使用ツール】
・AdobeXD
・WordPress

【稼働時間】
　平日休日問わず1日8時間程度を作業時間にあてています。
　できる限り柔軟に対応いたします。

【連絡手段】
　Chatwork,Slack,Zoomなど柔軟に対応いたします。
　即レスを徹底します。

【自己PR】
　前職の経験を生かし「責任感」と「コミュニケーション」を大切にお仕事させていただきます。
　最初の打ち合わせだけではなく、作業中も密にコミュニケーションを取ることでお客様との認識の相違を減らし、納品まで責任を持って対応いたします。
　
　ご連絡いただければ、すぐに対応できる態勢を整えておりますので、どうぞよろしくお願いします。

HTML/CSSのコーディングを行います！jqueryをもちいたweb制作も可能です。また、WordPress化も可能です！ぜひ一度ご相談ください！

◆作業内容
・HTML/CSSを用いた静的コーディング
・レスポンシブ対応
・JavaScriptの動的実装（スライダー、スクロールアニメーション、アコーディオン、ハンバーガーメニューなど何でもご相談ください）

◆制作の流れ
①ヒアリング&お見積り
②お客様からデザインのご提供
③コーディング＆テスト
④ご確認・修正（当方テストサイトorご自身のサイトでご確認いただきます）
⑤最終確認・納品

■ご用意いただきたいもの
・デザイン
・画像データ
・文章（コピー＆ペーストできるテキスト形式でご提示ください）

■納品形式
Zip or WordPress組込み

■納期
作業量によって異なりますが、基本的に１週間ほどお時間いただいております。
お急ぎの場合は事前にお申し付けくださいませ。柔軟に対応いたします。

ご相談・お見積もりのみでも大丈夫ですので、まずはお気軽にご相談ください。

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

▼こんな方におすすめ
・コストは抑えたいけど、品質は落としたくない
・デザインに忠実にコーディングして欲しい
・進捗報告をしっかりして欲しい
・デザインは得意だけど、コーディングは苦手
・アクセシビリティに配慮した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ファイルでの納品またはご指定のサーバーにアップロード致します。

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

あなたの想いを形にする、Webサイト制作を丁寧にお手伝いします！

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

企業のホームページをリニューアルしたいが、どこから手をつければ良いかわからない。予算内で効果的なWebサイトを制作したい。

発注の流れ

ヒアリング
Webサイトの目的やイメージ、ターゲット顧客など、お客様のご要望を詳しくお伺いします。

企画提案
ヒアリング内容に基づき、Webサイトの構成案やデザイン案をご提案します。

制作開始
デザイン案にご納得いただけたら、コーディング作業を開始します。

確認・修正
完成したWebサイトをお客様に確認していただき、修正点があれば対応します。

納品・公開
最終確認後、Webサイトを公開します。公開後のサポートも承ります。

対応範囲・価格

トップページ制作：5万円～
トップページのデザインとコーディングを行います。企業の顔となるページを、魅力的に仕上げます。

会社概要ページ制作：3万円～
会社概要や事業内容を紹介するページの制作を承ります。SEO対策も考慮した構成をご提案します。

お問い合わせフォーム設置：1万円～
お問い合わせフォームの設置と設定を行います。顧客からの問い合わせをスムーズに受け付けられるようにします。

レスポンシブ対応：2万円～
スマートフォンやタブレットでも見やすいレスポンシブ対応を行います。様々なデバイスからのアクセスに対応します。

納期

2週間～

制作の流れ

要件定義
お客様のビジネスやWebサイトの目的を深く理解します。

設計
Webサイト全体の構成や各ページのレイアウトを設計します。

デザイン
PhotoshopやIllustratorを使って、Webサイトのデザインを作成します。

コーディング
HTML、CSS、JavaScriptを使って、デザインをWebサイトとして実装します。

テスト
様々なブラウザやデバイスでWebサイトが正しく表示されるかテストします。

公開
Webサイトをサーバーにアップロードして公開します。

サービス内容

HTML/CSS/JavaScriptを用いたWebサイト制作を承ります。お客様のニーズに合わせ、丁寧で高品質なWebサイトを制作いたします。まずはお気軽にご相談ください。

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

「Webサイトを作りたいけど、何から始めたらいいかわからない…」「今のWebサイトが古くて、見栄えが悪い…」「Webサイトはあるけど、全然集客できない…」

そんなお悩みを抱えているなら、ぜひ私にご相談ください！

私は、HTML/CSS/JavaScriptを使ったWebサイト制作のプロです。お客様の想いを形にし、集客・売上アップに貢献できるWebサイトを制作いたします。

まずはお気軽にご相談ください。お客様のWebサイトに関するお悩みを解決いたします！

このパッケージはwebページのコーディングの代行サービスです。

デザインカンプがなくてもAIを活用してお好みのデザインを実現いたします。
個人様でも、企業様でもご利用いただけます。

☆こんなお客様にオススメです☆

「個人ページが欲しいけど時間が取れない…」
「デザインはあるけどHP制作の経験がない…」
「『こんな感じのデザイン』というふわっとした指標しかない…」

そんなお悩み、解決いたします。
相談回数は無制限です。ご要望には可能な限りお応えいたします。

☆料金につきまして☆

以下、メインのプラン料金です。

・TOPページの作成 (html/css)　¥20000 ~
　┗※下層ページの作成（オプション、html/css） + ¥10000~
・ランディングページの作成 (html/css)　¥30000 ~
※ javascriptを使用したアニメーション(オプション)　+¥応相談

すでに作成済みのwebページの修正依頼も承ります。お気軽にご相談ください。

☆デザインカンプにつきまして☆

デザインカンプのデータですが、pngもしくはjpgなど一般的な画像データであればありがたく思います。
デザインの画像のほか、要素の余白px数やフォントなどを指定していただけますと、その指定が細かければ細かいほど確実なコーディングが可能です。

デザインカンプをお持ちでないお客様につきましては、コーディングを行いながら都度ご相談させていただき、細かく修正を行いながら作業を進めさせていただきます。
・webページの全体的な雰囲気、色味など
・埋め込みたい画像、配置したい位置など
上記のような情報は大変参考になりますので、ぜひご提示くださいませ。

☆納品までの流れにつきまして☆

①ヒアリング、お見積り
②ご契約、データのお預かり
③コーディング
⇅（ご相談と修正）
④実装テスト
　┗github Pagesでのテストを想定しております。お客様にもブラウザ上にてご確認いただきます。
⑤最終確認、納品

☆納品の形式につきまして☆

zipファイルによる納品もしくはgithubからのダウンロードを予定しております。
後者の場合、納品確定後にリポジトリのurlとダウンロードの手順を送付いたします。

☆注意事項につきまして☆

①webページ作成にあたり、業務の高速化、効率化のために生成AI（chatGPT, Geminiなど）を活用いたします。ただし、お客様よりご提供いただいた画像、デザインカンプなどを画像生成AIへの学習に利用することは決していたしません。
②コーディングに関して、ルールがある場合は事前にお伝えくださいますよう、お願い申し上げます。
③コーディング完了後に大幅なデザインの変更がある場合、追加料金及び納期の遅延が発生する場合がございます。
④ご相談など相互確認を伴う作業中に１週間以上ご連絡がつかない場合、キャンセルさせていただく場合がございます。
⑤最終確認の際、納品物をポートフォリオへ掲載しても良いかお尋ねいたします。ご許可くださる場合、納品後に私のポートフォリオに掲載させていただきます。

ご満足いただけますよう努めます。不明点などございましたらお気軽にご相談くださいませ。

【ベーシック】
HTML/CSS/jQueryでスタンダードなホームページを制作します。ページ目安は３～４ページです。お問い合わせフォームは無く、メールでのお問い合わせになります。基本的なHTML構造を守り、SEOに良い影響が出るようにします。

【スタンダード】
ベーシックプランの技術に加えてPHPを用いて動的なホームページを制作します。ページ目安は５～７ページです。お問い合わせフォーム付きです。SEO対策も万全に行います。

【プレミアム】
wordpressを使って、新しくホームページを制作いたします。wordpressなのでブログの設置ももちろん可能。固定のページは大体10ページ以内を想定しておりますが、柔軟に対応いたしますのでご相談いただければと思います。
またご要望に応じて各種プラグインの導入、修正対応なども承ります。

全てのプランでデザインカンプの制作から可能となっております。デザインは固まっているが構築の手が足りていないという場合は割引も可能です。

▼こんな方におすすめ
お店や会社の「ホームページ」を作ったものの放置している方。同人サークルの「ホムペ」を新しいものにしたい方。

▼業務の流れ
□受注メッセージに、発注したいwebサイトのURL・サーバーログイン用ID/Pass(FTP情報)をお送りいただく。
□サイトデザインのためのインタヴューのご相談。
□デザインチェック
□コーディング、WordPress対応
□デプロイ(納品)

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

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

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

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

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

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

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

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

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

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

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

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

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

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

/ 宗谷 (そうや)

【デザインの意図をくみ取り、使いやすさにもこだわってコーディングいたします！】

デザインの意図を忠実に再現し、使いやすさも追求したWebサイトを構築します！

＜発注の流れ＞
①お問い合わせ
メッセージにて、Webサイトの目的、ターゲット層、デザインデータ、納期、予算などをお知らせください。

②要件定義
デザインデータや仕様書を確認し、詳細な要件をヒアリングします。必要に応じて、オンラインで打ち合わせを行います。

③企画提案・お見積もり
要件定義に基づき、最適なコーディングプランとお見積もりをご提案します。

④ご契約・制作開始
ご提案内容にご納得いただけましたら、ご契約となります。着手金をお支払いいただき、制作を開始します。

⑤テスト・修正
テスト環境にて、コーディングをご確認いただきます。修正点があれば、修正対応を行います。

⑥納品・サポート
最終確認後、納品となります。納品後も、1週間の無償サポート期間を設けています。

＜対応範囲・価格＞

ランディングページのコーディング：3万円〜
HTML/CSS/JavaScriptによるコーディング、レスポンシブ対応、基本的なSEO対策

WordPressのカスタマイズ：6万円〜
WordPressテーマのカスタマイズ、プラグイン導入、コンテンツ移行

Webサイトの改修：1万円〜
既存サイトの改修

＜納期＞
内容によって異なりますが、目安は以下の通りです。
Basic：1週間〜、Standard：2週間〜、Premium：3週間〜

＜サービス内容＞
HTML / CSS / Sass / JavaScript / WordPress を用いたWebサイト制作を行っており、見た目の再現性はもちろん、ユーザーが迷わず操作できる使いやすさにも配慮した構築を心がけています。また、アニメーションやスクロール・表示タイミングに合わせた動きのある演出を取り入れ、より伝わる見せ方の工夫も得意としています。

ご依頼やご相談がございましたら、お気軽にご連絡ください。

サイトはあるが修正できない方や、修正作業は他に任せたい方にオススメです。

流れはサイトをスクショして、修正して欲しい箇所にコメントを書いてご提示していただきます。

修正サイトのある管理画面のログイン情報をいただき、作業を進めてまいります。

「デザインの意図を100%尊重したコーディングをご提供します。ホームページ制作からランディングページ、WordPressサイト構築まで、あらゆるwebサイト制作に対応いたします。
お客様のビジネスを成功に導くために、細部までこだわったデザイン通りの実装を低価格でお届けいたします。デザインカンプやワイヤーフレームからの忠実な再現はもちろん、レスポンシブ対応も標準でご用意。

【サービス範囲】
・コーポレートサイトやブランドサイトの制作
・高いコンバージョンを実現するLP制作
・WordPress構築（オリジナルテーマ/カスタマイズ）
・既存サイトの修正や改善
・HTMLコーディングのみのご依頼も歓迎

納品までの流れ】
1.仕様確認
2.プランニング
3.制作
4.テスト
5.納品

納期の詳細】
1〜2として構成やストーリーに関してご都合の良い日程でのお時間をいただきます。
その後、テキスト上で再度すり合わせをさせていただき、3〜5の完了までは作業内容にもよりますが2週間〜3週間内でご希望としている納期に間に合うよう、ご対応させていただきます。。
(!)ご注意ください
・上記作業は、購入完了後に開始されます。
・作業開始から納品完了までの期間は、ご提供いただく情報の状況や納品物のご確認にかかる時間によっても前後する場合がございます。具体的な納期は購入後に再度ご相談・設定いたします。
・現在納品希望日に設定しているお日にちですが申し込み締切日を目安に設定させていただいております。
【購入前のご確認事項】
・修正回数：3回まで無料（4回目以降は追加料金となります）
・大幅なレイアウト変更やコンテンツの追加は修正回数に含まれません
・連絡は4時間以内、遅くとも6時間以内には必ず返信いたします

迅速・丁寧なコーディング技術で、お客様の理想のwebサイトを実現します。デザインの美しさをそのままに、使いやすく、成果につながるwebサイト制作をお約束します。」

▼ご購入後の流れ
必要なデザインデータや、テキスト、画像をご提供していただき、納期までに完了いたします。

デザインは既にあるコーディングのみの対応から、WordPress対応、webデザイン対応まで幅広く承ります。

■サービス内容■
・HTML・CSSを用いた静的コーディング
・レスポンシブ対応(スマホ・PC)
・JavaScriptを用いた動的ページの制作
・テスト環境構築

作成データをzipファイルで納品致します。
ドメインの取得、サーバーの開設などは承っておりません。お客様側でお願い致します。
価格はお見積もりになります。御相談に応じますので、お気軽にお問い合わせください。
納期は作業量に応じてご相談させて頂きます。
お急ぎの場合はその旨お伝えください。

シンプルなHTML/CSSコーディングで、あなたのWebサイトを美しく、使いやすく改善します！

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

Webサイトの表示速度が遅い、デザインが古く見栄えが悪い、スマホ対応ができていない、修正に時間がかかる。

発注の流れ

お問い合わせ
お気軽にご相談ください。Webサイトの課題やご要望をお伺いします。

要件定義
詳細な要件定義を行います。修正箇所やデザインの方向性などを明確にします。

お見積もり
お見積もりを提示します。料金や納期にご納得いただけたらご契約となります。

制作開始
HTML/CSSコーディング作業を開始します。進捗状況を随時ご報告します。

最終確認
完成したWebサイトをご確認いただきます。修正点があればご遠慮なくお申し付けください。

納品・アフターサポート
納品後も1週間の修正期間を設けています。万が一不具合があれば対応いたします。

対応範囲・価格

HTML/CSS修正：5,000円〜
HTML/CSSの修正、調整。既存のWebサイトのスタイル崩れを修正し、表示速度を改善します。

レスポンシブ対応：10,000円〜
レスポンシブ対応。スマートフォンやタブレットなど、様々なデバイスで最適に表示されるように調整します。

デザイン改善：20,000円〜
Webサイトの見た目を美しく改善します。デザインのトレンドを取り入れ、ユーザビリティを向上させます。

コーディング代行：30,000円〜
HTML/CSSコーディング。既存デザインのHTML/CSSコーディング代行をします。

納期

3日〜2週間

制作の流れ

ヒアリング
お客様からWebサイトの課題やご要望をヒアリングします。

現状分析
Webサイトの現状を分析し、改善点を見つけ出します。

計画立案
修正箇所やデザインの方向性などを決定します。

コーディング
HTML/CSSコーディング作業を行います。

テスト
完成したWebサイトをご確認いただきます。

納品
修正点があれば修正し、納品します。

サービス内容

HTML/CSSコーディングを通じて、お客様のWebサイトの課題を解決し、より魅力的なWebサイトへと改善します。

Webサイトの見た目と使いやすさ、両方改善したいけど、どこから手を付ければ良いか分からない...そんなお悩み、私が解決します！

10年のプロダクトマネージャー経験で培った分析力と、3年のHTML/CSSコーディングスキルを活かし、あなたのWebサイトを「見やすく」「使いやすく」「集客できる」サイトへと変身させます。

まずは、お気軽にご相談ください。現状の課題をヒアリングし、最適な改善策をご提案します。

HTML/CSSの修正、レスポンシブ対応、デザイン改善など、Webサイトに関するお困りごとなら、何でもお任せください！

「相談してよかった！」と思っていただけるよう、誠心誠意対応いたします。

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

⸻

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

⸻

✅ ご依頼の流れ

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

⸻

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

⸻

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

⸻

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

⸻

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

⸻

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

Illustraytorと共に、PhotoShop、Premiere Pro、Fireworks、Dreamweaver、navicatを使いながら、ビジュアルデザイン、コーディングとともにプログラムを開発することも可能です。Html、Cssをはじめ、Javascript、jQuery、PHP、Mysql等の言語を使用できます。

▼こんな方へオススメ
• 新しくコーポレートサイトを立ち上げたい方
• 既存サイトをモバイル対応させたい方
• JavaScriptを使った動的なウェブページを作りたい方
• シンプルで軽量なコードで、パフォーマンスの良いサイトを構築したい方

▼ご提供内容
• HTML、CSS、JavaScriptを使用したウェブサイトのコーディング
• レスポンシブ対応で、スマホ・タブレットからの閲覧も快適に
• 動的な要素（アニメーション、スライダー、フォームのバリデーションなど）の実装
• パフォーマンス最適化（読み込み速度の改善、コードの軽量化）

▼ご購入後の流れ

1. ヒアリング
   ご要望やサイトのイメージについて詳しくお伺いします。
2. デザイン確認（必要に応じて）
   既存デザインの確認や、必要であれば簡単な提案を行います。
3. 制作開始
   ヒアリング内容を元にコーディングを行います。
4. 納品・修正
   完成後、最終確認をいただき、必要であれば修正対応を行います。
5. 最終納品
   修正が完了次第、最終データを納品いたします。

▼制作可能なジャンル
• 企業ホームページ
• 個人ブログ・ポートフォリオサイト
• イベント告知ランディングページ
• サービス紹介用ウェブページ

▼料金プランやオプション
• 基本プラン：¥50,000〜
• 1ページ構成のシンプルなウェブサイト
• レスポンシブ対応込み
• 追加オプション
• ページ追加（1ページごとに+¥10,000）
• JavaScriptの高度な機能実装（1機能あたり+¥5,000〜）
• 納期短縮（要相談）

▼納期
• 基本プラン：7日〜10日程度
• 規模や内容によりご相談に応じます。

このフォーマットに合わせて、具体的な実績やオリジナルのポイントを加えると、より魅力的になります！

ご覧いただきありがとうございます。
WordPressにて、あなたのイメージを形にさせていただきます。

【こんな方へおすすめ】
・安価で本格的なホームページを制作してほしい
・ホームページを制作する目的は明確だけど一緒に考えてほしい

ホームページが必要な方へ手軽に利用していただきたいので格安で承らせていただきます。お客様が伝えたい想いをヒアリングさせていただき、ホームページで表現できるよう制作いたします。

【業務対応範囲】
・サーバ、ドメイン取得サポート
・ホームページ作成(トップページ含む4p)
・スマートフォン画面対応（レスポンシブ対応）

基本的にはお客様にサーバ、ドメインをご用意いただきますが、オプションにてこちらで用意することも可能です。

【ご用意いただきたいもの】
・写真/画像素材
・会社やお店のロゴ
・文章
※画像素材につきましては、フリー素材でよければこちらでも準備することが可能ですので、ご相談ください。

【納品までの流れ】
1.HPの構成や大まかなデザインを決める。
└どんなページをイメージされているか、すり合わせをさせて下さい。

2.仮デザインをデータで作成
└本納品前に、一度仮デザインを提示いたします。そこから修正が必要な個所を確認させていただきます。

3.デザインの修正
└2をもとに修正を行います。

4.デザインの再度確認
└修正後に再度確認をさせていただきます。

5.修正
└4の後、必要な際は再度修正を行わせていただきます。

6.納品
└すべての修正が完了した後、正式に納品完了とさせていただきます。

【納期】
「1.事前のすり合わせ」「2.各種情報・素材の提供」後、1か月程度

こんな方へおすすめ：
・フロントエンドのチームメンバーが不足している
・セマンティクスなマークアップを行える人材がいない
・アクセシビリティの知見が欲しい
・ライブラリ選定のヒントが欲しい
・最適なフォームのUXを実現したい
・バックエンドとの繋ぎ込みに知見が欲しい

■概要
WebサイトのTOPページデザインのコーディングを承ります。
外注先をお探しの制作会社さま、フリーランスのWebデザイナーさまにご利用いただいております。

※ JS(JQueryなど)を使用のハンバーガーメニューやスライダー、アコーディオン等簡易なのものは複雑なデザイン・動作の指定のない場合に限り料金内で作業させて頂きます。

※　レスポンシブ対応又はスマホページページが必要であれば別途ご相談ください。

■複数ページの場合
1ページコーディングの金額です。
複数ページの場合も対応可能ですので別途ご相談ください。

■対応ブラウザ
Edge最新, chrome最新, Firefox最, 新Safari最新

▼こんな方へオススメ

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

▼ご提供内容

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

▼制作までの流れ

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

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

対象
・ホームページの完成図(デザイン案)をお持ちの方のみに限定させていただきます。
・デザインはFigmaでの共有でお願いします。

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

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

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

提供する業務内容

デザインデータ（Figma、PSD、XDなど）をもとに、HTML/CSSによる高品質なコーディングを行います。見た目の再現性はもちろん、SEO・アクセシビリティ・保守性を意識したマークアップを重視しています。

主な提供業務は以下のとおりです：

◆ HTML/CSSコーディング

• 静的ページのマークアップ（W3C準拠）
• レスポンシブ対応（スマートフォン・タブレット最適化）
• SCSSやBEM記法でのコーディング対応可能
• CSSアニメーションの実装（簡易な動き）

◆ WordPress組み込み

• 静的HTMLからWordPressテーマへの変換
• テンプレート階層を考慮した柔軟な構成
• カスタム投稿タイプ、カスタムフィールド対応
• Contact Form 7等を用いたフォーム設置

◆ SEO・パフォーマンス対策

• title / meta description / alt属性など基本SEO対応
• OGP / Twitterカードの設定
• 画像の軽量化、WebP対応

◆ 納品形式・その他対応

• zip納品、またはGitHub等での共有可能
• 納品後の軽微な修正対応（プランに応じて回数制限あり）
• デザインとのずれチェック・バグ修正も丁寧に対応

対応可能なデザインツール：

• Figma
• Adobe XD
• Photoshop（PSD）

ご注意・お願い事項

• JavaScriptを用いた複雑な動的処理（カルーセルやフィルター機能等）は別途ご相談ください。
• 原則としてデザインはご支給ください（ワイヤーやデザインが不完全な場合もご相談ください）。
• 原稿・画像などの素材は事前にご提供をお願いいたします。

ご要望・目的に合わせて柔軟に対応可能です。コーディングだけでなく、より成果につながるサイトを一緒につくっていきましょう。

必要に応じて、この文章を「よりカジュアル」「もっとビジネス向け」に調整可能です。ご希望があればお知らせください！

このパッケージは、React/Next.js + TypeScriptを利用したアプリ開発のお手伝いを行う為の商品となっています。
デザインに関してはこのパッケージには含まれていません。

アプリ開発だけでなく、LP等のサイト制作の経験も持っている為、どの様なレベル感でも良いので、まずはお声がけいただけると幸いです。

ご覧いただきまして、ありがとうございます！
ご安心してお取引していただけるよう、丁寧な対応とご連絡を心がけております。
ご不明な点は、お気軽にお問い合わせくださいませ。
どうぞよろしくお願いいたします。

𓐄 𓐄 𓐄 𓐄 𓐄 𓐄 𓐄 𓐄 𓐄 𓐄 𓐄 𓐄 𓐄 𓐄 𓐄 𓐄 𓐄 𓐄 𓐄 𓐄

当サービスはデザインデータからのコーディングを承っております。
1ページから50ページ前後の中規模サイトまで対応しています。

𓐄 𓐄 𓐄 𓐄 𓐄 𓐄 𓐄 𓐄 𓐄 𓐄 𓐄 𓐄 𓐄 𓐄 𓐄 𓐄 𓐄 𓐄 𓐄 𓐄

◾️提供内容


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

• jQuery/JavaScriptを用いたアニメーションな実装（ハンバーガーメニュー、スライダー等）
• レスポンシブ対応
• CSSアニメーション

• WordPressの導入、構築(オリジナルテーマ)
• お問い合わせフォーム実装

𓐄 𓐄 𓐄 𓐄 𓐄 𓐄 𓐄 𓐄 𓐄 𓐄 𓐄 𓐄 𓐄 𓐄 𓐄 𓐄 𓐄 𓐄 𓐄 𓐄

◾️基本料金

• トップページ：30,000円～
• 下層1ページ：10,000円～
• 複製ページ：2,000円～
• LPコーディング：50,000円～
• WordPress導入、構築：20,000円～

※料金は目安となります。お一人ずつお見積りをしております、一度ご相談ください。

𓐄 𓐄 𓐄 𓐄 𓐄 𓐄 𓐄 𓐄 𓐄 𓐄 𓐄 𓐄 𓐄 𓐄 𓐄 𓐄 𓐄 𓐄 𓐄 𓐄

■制作の流れ

1. 「見積り・カスタマイズを相談する」よりご相談ください。
2. デザインデータお預かり
3. コーディング
4. ご確認・修正
5. 最終確認・納品

𓐄 𓐄 𓐄 𓐄 𓐄 𓐄 𓐄 𓐄 𓐄 𓐄 𓐄 𓐄 𓐄 𓐄 𓐄 𓐄 𓐄 𓐄 𓐄 𓐄

◾️納期


• トップページ：2～4日

• 下層ページ：2日～
  ※※デザインデータ受け取り翌日からの日数です。
  デザイン、ボリューム、稼働状況により変動いたします。

𓐄 𓐄 𓐄 𓐄 𓐄 𓐄 𓐄 𓐄 𓐄 𓐄 𓐄 𓐄 𓐄 𓐄 𓐄 𓐄 𓐄 𓐄 𓐄 𓐄

◾️納品方法

• zipファイルの送付
• サーバーへのアップロード
• その他、ご相談くださいませ

① デザインデータをいただき次第、作業開始。
　（XD,Figma,Ai,PSDに対応。
　　必要であれば打ち合わせ可能です。）

② HTML/CSS/JavaScriptコーディング。
　（どんなアニメーションにも対応可能。
　　WordPress組み込みまでも承っております。）

③ 品質チェック
　表示チェックやエラー確認、デバイス表示チェックを行い、
　品質チェックシートと一緒にご提出いたします。

④ 納品

すぐに対応できるコーダーをお探しの方へ
当パッケージをご覧いただきありがとうございます。

フリーランスでWordPress構築をメインにコーダーとして活動している山崎 浩史と申します。
現在、制作会社様と継続的なお取引をさせていただいております。

▼ご提供可能な内容
・HTML/CSS/Sass/JavaScript/jQuery/GSAP/WordPress
　（WordPressサイト構築は、オリジナルテーマ化）
・Adobe XD・Illustrator・Photoshop・Figmaなどのデザインデータから作成可
・gulpの環境構築
・OGP,Favicon設定、W3Cチェック、サイト軽量化など
・お問い合わせフォーム（プラグイン, PHP工房)
※軽微な修正のみ等にも柔軟に対応させて頂きます

▼ご用意いただくもの
　ご依頼の際に
　デザインデータ（XD、Photoshop、Illustrator、Figmaなど）
　を共有いただけますと幸いです。

▼予算
　概算金額であるため、デザインや要件の提示をお願いいたします。

▼実績
　主に製作会社様から継続的にご依頼頂いております。

ランサーズ開始記念☆大幅値下げ中！

Web が専門分野ではない方、Web 関連の業務経験が少ない方。株式会社ネオキャリアの Unistyle Lab には経験豊富なスタッフが揃っています。ご要望を形にするための専門知識は不要です。

【提供内容】

まずはお客さまのご要望をしっかりヒアリングさせていただき、ご要望に沿った柔軟な対応をいたします。Design との兼ね合いで各種 Effects や Responsive 対応を検討いたします。

★ 制作のみのご依頼
基本的な制作を行います。

★ Responsive 対応制作+SEO
Responsive 対応と SEO を含めた制作を行います。

★ Responsive 対応制作+SEO+広告制作（１点）
Responsive 対応と SEO を含めた制作を行います。
さらに広告も１点作成させていただきます。

【購入後のおおまかな流れ】

1. まずは無料相談
2. ご要望のヒアリング
3. Graphic Design 制作
4. Graphic Design 確認
5. Graphic Design 修正→Fix
6. Coding
7. Debug（テスト環境はこちらでご用意しております）
8. Coding 修正
9. 納品

【納期】

状況にあわせての対応が可能な場合があります。ご相談ください。

ランサーズ開始記念☆大幅値下げ中！

Web が専門分野ではない方、Web 関連の業務経験が少ない方。株式会社ネオキャリアの Unistyle Lab には経験豊富なスタッフが揃っています。ご要望を形にするための専門知識は不要です。

【提供内容】

まずはお客さまのご要望をしっかりヒアリングさせていただき、ご要望に沿った柔軟な対応をいたします。Design との兼ね合いで各種 Effects や Responsive 対応を検討いたします。

★ Graphic Design のみのご依頼
Wireframe をご提供いたします。

★ Coding のみのご依頼
Wireframe をいただきましたら Coding いたします。

★ Graphic Design, Coding 一括
ご要望に沿った LP を一括で制作させていただきます。

【購入後のおおまかな流れ】

1. まずは無料相談
2. ご要望のヒアリング
3. Graphic Design 制作
4. Graphic Design 確認
5. Graphic Design 修正→Fix
6. Coding
7. Debug（テスト環境はこちらでご用意しております）
8. Coding 修正
9. 納品
10. プレミアムプランの場合：運用サポート（１週間）

【納期】

状況にあわせての対応が可能な場合があります。ご相談ください。

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

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

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

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

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

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

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

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

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

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

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

・忙しくてコーディングを誰かに任せたい方…
・デザインはあるけど、コーディングの知識がない方…など

HTMLとCSSのコーディングを代行します！
ランサーズの実績はありませんが、飲食店への営業などでWEB制作実績はあります。
気になる方はポートフォリオをご参照ください。
お客様とご連絡を取り合いながら作業を進めて参ります。

●コーディング
デザインデータを元にHTMLとCSSを使いコーディングします。
アニメーション等はjQueryを使用します。
※実力としては大体のことは対応できます。コーディングの仕様などは具体的に言って頂けると助かります。
※進捗状況などご連絡を取り合いながら進めて参ります。

●納品までの流れ

　①お見積りの確認後、デザインデータを頂きます。

　②制作物を提出
　 (ご確認をして頂き、修正があれば指示を下さい)

　③修正案を提出
　(ご納得行くまで何度でも修正します。)

　④納品
　(完成しましたら納品の手続きを取らせて頂きます。)
　(良い悪いの評価も頂けるも嬉しいです。)

●納期
ご相談させてください。
可能な限り早めの納品を心掛けています。
(ページ数、修正の回数、ご連絡の遅延などで納期が延長する場合があります。)

●納品方法
制作物をzipファイルにて納品。

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

Webデザイン技能検定1級と色彩検定1級の資格を持つ私が、お客様の想いをカタチにします！

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

ホームページをリニューアルしたいけど、どこから手を付ければいいかわからない。予算内で効果的なWebサイトを作りたい。

発注の流れ

お問い合わせ・ヒアリング
お客様のWebサイトに関するご要望や課題をヒアリングします。参考サイトなどがあればお伝えください。

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

ご契約
ご提案内容にご納得いただけましたら、正式にご契約となります。着手金をお支払いいただきます。

制作開始
Webサイト制作を開始します。進捗状況は随時ご報告します。

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

対応範囲・価格

HTML/CSSコーディング：5万円～
基本的なHTML/CSSコーディングとレスポンシブ対応を行います。デザインはお客様ご提供。

WordPressサイト構築：8万円～
WordPressの基本設定、テーマ選定、プラグイン導入を代行します。コンテンツはお客様ご用意。

バナー制作：5,000円/枚～
バナーデザイン（修正2回まで）。訴求効果の高いバナーで集客を支援します。

納期

2週間～

制作の流れ

企画・構成
お客様からいただいた情報をもとに、Webサイトの構成やデザインの方向性を決定します。

デザイン
Webサイトのデザインを作成します。お客様にデザイン案をご確認いただきます。

コーディング
デザインを元に、HTML/CSS/JavaScriptでコーディングを行います。

WordPress構築
WordPressを構築し、コーディングした内容を組み込みます。

テスト
Webサイトの動作確認を行い、問題があれば修正します。

公開
Webサイトをサーバーにアップロードし、公開します。

サービス内容

Webサイト制作、WordPress構築、HTML/CSSコーディング、バナー制作など、Webに関わる業務を幅広く承ります。

ホームページでお困りではありませんか？
「ホームページを作りたいけど何から始めればいいかわからない…」
「今のホームページをスマホに対応させたい…」
「もっと集客できるホームページにしたい…」
そんなお悩みを、Webデザイン技能検定1級と色彩検定1級を持つ私が解決します！
お客様の想いをカタチにし、集客力アップに貢献するWebサイトを制作いたします。
まずはお気軽にご相談ください！

HTML/CSSコーディング代行

ランディングページのHTML/CSSコーディングを代行します

本パッケージはホームページのコーディング代行サービス（静的サイト、WordPress、LP対応）です。

こんな方にオススメです

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

納期

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

納品までの流れ

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

独学でホームページ制作を学ぶ大学生が、あなたのビジネスを応援します！

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

ホームページを持ちたいけれど、どこに頼めばいいかわからない。
予算を抑えたい。
簡単に更新できるホームページが欲しい。

発注の流れ

お問い合わせ
メッセージにて、ホームページの目的、イメージ、希望納期などをお知らせください。

ヒアリング
ホームページの目的、ターゲット層、デザインイメージなどをヒアリングします。

企画提案
ヒアリング内容をもとに、ホームページの構成案、デザイン案、お見積もりを提案します。

契約・制作開始
提案内容にご納得いただけましたら、契約し、制作を開始します。

納品・公開
完成したホームページをご確認いただき、修正点があれば修正します。

対応範囲・価格

ホームページ制作（3ページ）：3万円〜
基本構成のシンプルなホームページを制作します。ページ数は3ページまで。スマホ対応。

ホームページ制作（5ページ）：5万円〜
デザイン性の高いホームページを制作します。ページ数は5ページまで。スマホ対応。SEO対策。

ホームページ制作（10ページ）：10万円〜
集客に特化したホームページを制作します。ページ数は10ページまで。スマホ対応。SEO対策。ブログ機能。

HTML/CSSコーディング代行：5,000円〜
既存ホームページのHTML/CSSを修正します。デザインの微調整、テキストの修正など。

納期

1週間〜

制作の流れ

企画立案
ホームページの目的、ターゲット層、デザインイメージなどを詳しくヒアリングします。

構成作成
ワイヤーフレームを作成し、ホームページの構成を決定します。

デザイン
デザイン案を作成し、お客様に確認していただきます。

コーディング
HTML/CSSコーディングを行い、ホームページを制作します。

テスト・修正
テスト環境で動作確認を行い、修正点があれば修正します。

納品・公開
完成したホームページを本番環境にアップロードします。

サービス内容

大学生ならではの柔軟な発想と丁寧な対応で、お客様のホームページ制作をサポートします。低価格で高品質なホームページを提供いたします。

ホームページを作りたいけど、どこに頼めばいいかわからない…
自分で作る時間もないし、費用も抑えたい…
そんなお悩み、私が解決します！
現役大学生の私が、あなたのビジネスに最適なホームページを制作します。
低価格で高品質なホームページを提供し、あなたのビジネスを応援します！
まずは、お気軽にご相談ください。

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

ありがたいことに他サイト(cocon○la)ではサービス開始1年で60件以上の販売とプラチナランクを頂きました！！

元接客業の経験を活かし、早いレスポンスとかゆいところに手が届くご提案を心がけております。

"デザインはあるけどコーダーがいない…"
"デザインを形にしてほしい！"
"コミュニーケーションの取れるコーダーを探している…"

という方、お気軽にご相談下さい！

また今は専門ではありませんがWebデザインも学習経験がありますので、多少であれば提案等できますのでそちらも加味していただけると幸いです。

■ サービス内容
・デザインカンプ(XD, AI, PS, figma)からのコーディング
・SEOを意識した適切なタグの使用をしたコーディング
・保守、更新、わかりやすいコーディング
※WordPress化ご希望の方は別途お見積もりをいたします。

■ 制作〜納品の流れ
①ヒアリング・お見積もり

②デザインと画像データなどのご共有

③コーディング・確認・テスト
▼環境テスト
Mac：Chrom, Safari
Window：Chrom, edge

④最終確認・納品

■ 納期の目安
量にもよりますがデータをお預かりしてからの目安のお日にちは下記になります。
・トップページ（2日/1ページ）
・下層ページ（1日/1ページ）
・LP（3日/1ページ）
お急ぎの場合は納期短縮オプションをご選択願います。

■ 納品方法
・基本的にzipファイルでの納品でお願いしております。
購入にあたってのお願い

■ ご用意頂きたいもの
作業を行うにあたって、下記のご提供を頂きます。
・デザインとサイトに使用する画像素材、テキスト等
※デザインデータは、Illustrator / Photoshop / Adobe XD / Figma に対応しております。

■注意事項
・サイト作成を開始した場合のキャンセルは原則受け付けておりません。
・3日以上音信不通の状態が続き、連絡に対しご返信がない場合、その時点で「納品完了」、料金を頂戴します。ご了承ください。

■ お取引後のアフターケア
修正を"納品から1週間"、"２回"まで対応させて頂きます。

また納品後の評価を頂けますと大変助かります。

■営業時間及び休業日
平日・土曜日9:00～19:00の間で対応いたします。
営業時間外でのご連絡はお時間をいただく場合がございますがご了承ください。

ご不明点等がございましたらお気軽にお声がけくださいませ。
ご連絡お待ちしております。

ご覧いただきありがとうございます！
コーディングを中心にWeb制作のフリーランスとして活動中です。

ランサーズでのコーダーとしての実績はまだありませんが、今まで10年件以上、
Web制作会社でサイト、LPのコーディング・改修をしておりました。

【こんな方は是非ご相談ください】
・デザインは作れる、完成しているけど、コーディングが出来ない・時間がない
・自分ではコーディングするのが難しい箇所がある

【作業内容】
・HTML/CSSコーディング
・モバイル表示対応
・jQuery（javascript）による動作の実装
例）ハンバーガーメニュー、Q＆A部分などのアコーディオンメニュー、メインビジュアルのスライドショー、要素のフェードインなど

・WordPressの構築
・各種SNS、googleマップ、動画の埋め込み
・お問い合わせフォームの設置

【料金表】
・トップページ　20,000円～
・下層ページ　10,000円～
・アニメーションやJQueryの実装　1,000円～3,000円
・大幅な修正・追加　1箇所 1000円～
・特急料金　通常のお見積もりに＋20％上乗せ

【無料サービスに含まれる内容】
・titleタグ、description、OGPの設置
・googleタグマネージャーの設置（事前に準備をお願い致します。）
・画像の軽量化
・最低限のSEO対策
・最初に頂いたデザインに対しては修正無制限
※デザイン変更については、別途料金が発生する場合がございます。

【無料対応】
・ホバーアニメーション
・ハンバーガーメニュー
・フェードイン
※ご希望される場合は、ご依頼時にお申し付けください。

【制作の流れ】
1．ヒアリング・見積り
コーディング内容、ご希望納期、大体のご予算などお聞かせください。
対応の可否を判断させて頂きます。

2．購入
3．デザインデータのご共有
4．コーディング開始
5．ご確認後、内容にご了承いただけましたら納品

【納品方法】
・zipファイルの送付
・サーバーへのアップロード
※サーバへのアップロード希望の場合は原則 FTP情報共有をお願いします。不明な場合・サポートが必要な場合はご相談下さい。

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

・こだわったデザインをしっかり再現してほしい
・丁寧でメンテナンス性の高いコーディングをしてくれるコーダーを探している
・レスポンスの早いコーダーを探している

こんなお悩みをお持ちの制作会社様、ディレクター様、デザイナー様、ぜひお気軽にご相談ください。
PerfectPixelの拡張機能を用い、できるだけデザインに沿ったコーディングをさせていただきます。
（※cssに不要な乱れが出るレベルのズレに関しては都度ご相談させていただきます。）
誠心誠意、心を込めて対応させていただきます！！

◾️サービス内容
・デザインカンプからのHTML/CSSコーディング
（データ形式はFigma、Adobe XD、Photoshop、Illustratorなどが対応可能です）
・JavaScript / jQueryを用いたアニメーション実装
・レスポンシブ対応（スマホ・タブレットにて表示確認）
・WordPress化
・実機表示確認（Windows、iPad、iPhone15、Android)

◾️料金例
・コーディング（LP/トップページ）　　￥10,000〜（長さにより要見積）
・コーディング（下層ページ）　　　　　 ￥8,000〜/ページ
・アニメーション 　　　　　￥3,000円〜/1実装
・WordPress化　　　　　　　　　　　　 ￥10,000円〜（カスタム投稿など機能により変動）

◾️納品までの流れ
①ヒアリング・ご相談
↓
②お見積もり
※デザインデータを元にお見積もりを作成
↓
③正式にご依頼いただく
↓
④コーディング
↓
⑤初稿提出
↓
⑥修正
※納品までの細かな修正は回数無制限で承ります！
※大幅なデザイン修正は追加料金が発生いたします。
↓
⑦納品
※通常はZipファイルでの納品となります。
ご希望がございましたらサーバーアップでの納品も可能ですのでご相談ください。（別途お見積もり）

PythonのFlaskを用いたwebアプリケーション開発をします。
フロント部分は具体例となるサイトを提示して頂くか、
私の得意としているパターン(HP参照)で作成します。
ドメインやサーバーの選定から必要な場合はご相談ください。

webサイトから情報を取得するスクレイピング、
CSV出力やメール送信、データベース登録等の機能
AI(CPT3)を用いた対話機能等の開発が可能です。