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秒程の短いメッセージ動画が再生されます。
よろしければ御覧ください。

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

◾️提供可能な内容


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

◾️基本料金内


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

◾️オプション


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

◾️納期

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

◾️金額について

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

デザインはできたけど、
「いざコーディングとなると、どこから手をつけていいかわからない」
「自分でやってみたけど、レイアウトが崩れて心が折れた…」
「レスポンシブ対応？もう聞くだけで頭が痛い…」

──そんなふうに、イライラして全部投げ出したくなっていませんか？

本サービスでは、HTML/CSSの静的コーディングを、迅速かつ丁寧に代行いたします。
ホームページやランディングページなどの実装でお困りの方、どうか一度ご相談ください。

【提供内容】

・HTML・CSSの静的コーディング
・JavaScriptは一般的に実装されている動作のみ実装(ハンバーガーメニューなど)
・レスポンシブ対応

・無料修正2回まで
・納品形式：Zipファイルで納品

※旧バージョン（HTML4など）には対応しておりません。
※ページの内容が長い／複雑な場合は 「カスタマイズ」 プランをご利用ください。

【納期目安】

・ベーシック: 10日
・スタンダード: 14日
・プレミアム: 21日

※作業ボリュームや稼働状況により多少変動します。
どのプランが良いかわからない場合も、 「カスタマイズ」 をご選択いただければ柔軟に対応します。

「こんなことお願いしてもいいのかな？」
「そもそも、何をどう伝えればいいの？」

そんな不安もあるかもしれませんが、どうぞ気軽にご相談ください。
あなたの「困った」を、コーディングで解決します。

ーーーーーーーーーー
・あまりにも制作することが難しいものはお受けできません。ご了承ください。(例: JavaScriptを多用したページ、上にスワイプしたらアニメーションが出てくるページ など)
・ご依頼いただく前までに、完成イメージをご用意ください。
・実装が難しい箇所については、デザインと異なる仕上がりになる場合があります。あらかじめご了承ください。
ーーーーーーーーーー

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

========

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

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

などなど

========

【　制作の流れ　】

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

========

【　料金　】

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

========

【　確認環境　】

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

========

【　当サービスの強み　】

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

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

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

========

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

実績作りのため最安値受注します！
現役WEBディレクター/元WEBコーダー

発注の流れ

お問い合わせ
まずはメッセージにて、ご希望の業務内容や予算、納期などをお気軽にお知らせください。

ヒアリング
オンラインまたはメッセージにて、お客様のビジネスや課題について詳しくお伺いします。

企画・提案
ヒアリング内容をもとに、最適なWebサイト制作プランをご提案します。

お見積り
具体的な業務内容に基づいて、詳細なお見積りをご提示します。

ご契約・制作開始
ご納得いただけましたらご契約いただき、Webサイト制作を開始します。

対応範囲・価格

WebサイトまたはLP制作（1ページ）：1万円〜
トップページ、会社概要、サービス紹介など基本的なWebサイトを制作します。
デザイン、コーディング、レスポンシブ対応込み。
お客様のイメージに合わせたオリジナルデザインをご提案します。
※Wordpressでのテンプレート使用のみ。オリジナルテーマ作成は別途
※アニメーション別途（ボリュームによりご相談）
※サーバー、ドメイン代はお客様ご負担となります
※問い合わせフォームや決済等の機能なし
※初回のみの金額です

Webサイト更新・保守：月額1万円〜
Webサイトのコンテンツ更新、メンテナンスを代行します。
急なトラブルにも迅速に対応いたします。

制作の流れ

要件定義・設計
お客様の要望を詳細にヒアリングし、Webサイトの構成や機能、デザインの方向性などを決定します。

デザイン制作
ワイヤーフレーム作成後、お客様のブランドイメージに合わせたWebサイトのデザインを制作します。

コーディング
デザインを元に、HTML、CSS、JavaScriptなどを用いてWebサイトを構築します。
レスポンシブ対応も行います。

テスト・修正
Webサイトの動作確認を行い、不具合や修正点があれば修正します。

納品・公開
お客様にWebサイトをご確認いただき、問題がなければ納品・公開となります。

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

◎ サービス内容 ◎
・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 」としています。

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

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

宜しくお願い致します。

◾️提供内容

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

jQuery/JavaScriptの実装

CSSアニメーション

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

◾️基本料金内

jQuery/JavaScriptの実装

レスポンシブ対応

SEO対策

テスト環境
修正対応

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

◾️納期

トップページ：2～4日

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

高品質と迅速な対応を両立したコーディングで、ビジネスの成長を加速させませんか？

「Webサイトを作りたいけど、費用は抑えたい」「急ぎでWebサイトの修正が必要になった」
そんなお悩みをお持ちではないでしょうか？

私は、10年以上の豊富な経験と認定ランサーとしての信頼を背景に、高品質なコーディングと迅速な対応を両立させ、お客様のビジネスの成長をサポートいたします。

私にできること
CMSに対応：静的コーディングはもちろん、WordPress等のCMSでのサイト構築・カスタマイズが可能です。長年の経験から対応が可能です。

デザインからの忠実な再現：Adobe XD、Figma、Photoshopなどで作成されたデザインカンプを、ピクセルパーフェクトなコーディングで忠実に再現します。細部へのこだわりが、成果物の品質をさらに高めます。

SEOを意識した構造化：検索エンジンに評価されやすいセマンティックなHTML構造を意識し、SEO効果の最大化を図ります。検索上位表示を目指すための設計を行います。

高速表示の実現：ページの表示速度はユーザー体験だけでなく、SEOにも大きく影響します。最適化された高速表示を実現し、快適なWeb体験を提供します。

保守・運用までサポート：公開後の更新や修正、機能追加など、長期的な視点でサポートいたします。お客様のビジネスに寄り添い、継続的な成功を支援します。

私が選ばれる理由
柔軟な対応力：急な仕様変更やタイトな納期にも、長年の経験に裏打ちされた柔軟性で対応いたします。

丁寧なコミュニケーション：進捗状況を密に共有し、不明点や疑問点は迅速に解消します。認定ランサーとして、責任と誠実さを持った対応をお約束します。

安心のアフターサポート：納品後もご不明な点があれば、お気軽にご相談ください。長期的なパートナーとして、安心してお任せいただけます。

「こんなことできるかな？」といった漠然としたアイデアでも構いません。まずは一度、あなたのWebサイトに関するお悩みや目標をお聞かせください。

お見積もりは無料です。 ぜひお気軽にご相談ください！

【制作事例】

多数のオリジナルWordpress制作の経験がございます。
■シンプル
https://shonan-hokulea.org
https://ryt200yoga.com
https://calma-salon.com
■ポップ
https://allure.jp
http://www.oltra.co.jp
http://b-spell.com
■シック
https://sanseed.net
https://koyasu-onsen.com
https://eshakyo.jp

【納期】

最短2営業日前後（ベーシックプラン）で対応致します！

【その他】

HP制作歴は10年以上の経歴がございます！
SEOを意識したスマートなコーディングにて対応して参ります。
ホームページ制作をご検討の際は、是非一度お声がけください！

※納期・費用は仕様やコンテンツ量などにより前後する場合がございますので、予めご了承ください。

📌 業務内容
運用中のホームページの
「テキスト1文だけ変えたい」
「画像を差し替えたい」
「デザインを整えたい」
といった軽微な修正から、プログラムの不具合対応や全体リニューアルまで柔軟に対応いたします！

最短即日対応も可能です。まずはお気軽にご相談ください。

✅ 作業内容（一例）

• テキスト・画像の差し替え
• 色やデザインの変更
• レイアウト崩れや表示不具合の修正
• JavaScript / PHPのプログラムエラー修正
• 新規ページの追加や機能追加
• サイト全体のデザイン・構成リニューアル など

✅ こういった方におすすめ

• サイトのちょっとした修正を頼める人がいない
• 表示崩れやリンク切れなど、気になる箇所を直したい
• プログラムの不具合を見てほしい
• 自社で運用しているサイトを定期的にメンテナンスしたい
• デザインを現代風にアップデートしたい

✅ 対応条件

• HTML / CSS / JavaScript / WordPressなど幅広く対応
• サーバー情報やCMSのログイン情報をご共有いただける方
• コーポレートサイト、サービスサイト、ブログなど柔軟に対応可能

🔁 定期更新にも対応！
スポット対応だけでなく、3ヶ月・6ヶ月単位での定期契約も可能です。
更新作業をアウトソースしたい方に最適！

🔧 まずは無料相談から！
事前にサイトのURLとご希望を教えていただければ、修正ポイントの簡易診断・作業案をご提案します。

お気軽にお問い合わせください！

ご覧いただきありがとうございます！
ココナラ等でも活動しており、200件以上の実績がございます。

◆サービス内容

・HTML/CSSを用いた静的なコーディング
・JavaScript(jQuery)を用いたアニメーションな実装（ハンバーガーメニュー、スライダー等）
・レスポンシブ対応
・WordPressの構築(オリジナルテーマ)

とのによる修正回数については無制限です、ご満足いただけるまで責任をもって対応いたします！
※デザイン変更については、別途料金が発生する場合がございます。

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

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

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

◆制作の流れ

１．「見積り・カスタマイズを相談する」よりご相談ください。
２．デザインデータお預かり
３．コーディング
４．ご確認・修正
５．最終確認・納品

◆納品方法

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

本パッケージはWebサイトのコーディング代行サービスです。
ココナラプラチナランク・100件以上の販売実績有り！
この度ランサーズにも参入いたしました。
ぜひお気軽にご相談下さいませ！

■□――――こんな方におすすめ――――□■

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

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

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

■□―――― 料金 ――――□■

・トップページのコーディング：20,000円 〜
・下層ページのコーディング　：10,000円〜 / 1ページ
・LPのコーディング：30,000円〜
・アニメーション：要相談
・Wordpress構築：要相談

※ 上記は基本料金となります。ページの長さやデザインの内容によって価格変動ございます。
※ レスポンシブ対応込みの価格になります。
※ Wordpress対応ご希望の方はカスタマイズからご相談ください。

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

■□―――― 対応可能データ ――――□■

・XD、Photoshop 、Illustrator、Figma等
※ 確認用に、一枚で書き出した画像データ（JPEGかPNG）を一緒に送付ください。
※ Illustratorの場合はリンク画像も添付（もしくは埋め込みで）お願いいたします。

■□―――― 納品までの流れ ――――□■

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

■□―――― 納品形式 ――――□■

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

■□―――― 注意事項 ――――□■

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

※デザインデータがない状態でのご相談が増えております。参考サイトのみのご提示やデザイン作成込みの対応は行なっておりませんのでご了承ください
※やりとりの間に1週間以上ご回答がない場合はキャンセルさせて頂く場合がございますのでご了承下さい（ご回答にお時間かかる場合はその旨をお伝え頂くようお願いいたします。）

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

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

※下層ページやLP（ランディングページ）は、各専用メニューからご依頼ください↓

【LPコーディング】
https://www.lancers.jp/profile/life-life/plan/118439

【下層ページコーディング】
https://www.lancers.jp/profile/life-life/plan/167452

このようなお悩みはありませんか？
「コーディングを外注したけど、なんかちょっとデザインと違う」
「デザインを忠実に再現してほしい」
「スマホ用デザインを作る時間がない…。でもレスポンシブに対応してほしい」

当方では、これらすべてをクリアしてコーディングいたします。

一番に心掛けているのは、
【デザインを忠実に再現すること】です。
デザインカンプの再現性は、リピートのお客様に高評価をいただいております。

その他にも、以下のような作業を心掛けています。

・メンテナンスしやすいソースコード
・内部SEOを意識したマークアップ
・CSS設計法に基づいたコーディング（BEM、FLOCSS）

デザイナーとしての実務経験もございますので、
PC用デザインのみ（スマホ用デザインがない場合）でも、
見た目の整ったコーディングが可能です。

● 作業者について ----------------------------------------------------

制作会社に6年間勤務し、現在フリーランス活動4年目となります。
デザイン、コーディング両方に対応できるのが強みです。
品質を第一に考え、丁寧な制作を心がけております。

● 対応可能データ ----------------------------------------------------

・PSD、AI、XD、Figmaのいずれか
　確認のため、デザインを書き出したJPEGもしくはPNGデータを送付ください。
　AI形式の場合はリンク画像も添付（もしくは埋め込みで）お願いいたします。

● 動きのある要素について ---------------------------------------------

【料金内で対応可能】
・スライダー、カルーセル
・アコーディオン
・タブメニュー
・ハンバーガーメニュー

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

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

● ブレイクポイント --------------------------------------------------

一箇所が料金内です。（PC・スマホの切り替え）

※特にご指示がなければ、768pxで切り替えます。
※タブレット用など、ブレイクポイントを追加される場合はオプション料金にて承ります。

● 動作確認ブラウザ --------------------------------------------------

・Windows
　Chrome、Microsoft Edge
・Mac
　Chrome、Safari
・iOS バージョン16
　Safari
・Android バージョン14
　Chrome

※いずれも最新版です。

● 納品形式 ---------------------------------------------------------

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

● 納期について -----------------------------------------------------

標準納期は、「デザインデータ受領から」5営業日となります。（ベーシックプランの場合）

※サービス購入からデータをお送りいただくまでの日数は納期に含みません。

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

Ankiアプリにてデッキを作成します。
━━━━━━━━━━━━━━━━━━━━━━━━
◎主な業務内容
　・カード入力はスクショ（切取画像）。
　・納品物は「apkgファイル」。

◎税抜料金例（単純な「一問一答式」の場合）
　・500問であれば「17,000円」。
　・1問（スクショ2枚）増える毎に「16円」増額。
　・スクショ編集等で作業時間かかる場合、単価増。

◎見積の流れ
　1.下記Googleフォームへ書籍情報などを入力
　　https://forms.gle/Gj37TgvxGdQHspeF9
　2.ランサーズにて見積希望の旨をメッセージ送信
━━━━━━━━━━━━━━━━━━━━━━━━

LP制作のデザインからコーディングまで、すべてお任せください

ご覧いただきありがとうございます。
Webデザイナーの坪と申します。

デザインからコーディングまで一貫対応！
「伝わるデザイン」と「正確な実装」で、あなたのサービスや商品が魅力的に伝わるLPを制作いたします。

＼こんな方におすすめです／

✅ LPで集客・売上アップを図りたいけど、やり方が分からない
✅ ざっくりしたイメージから、提案含めて任せたい
✅ 自社で作ったLPが、なんだか物足りない
✅ 商品やサービスの強みをしっかり伝えたい
✅ デザインもコーディングもまとめてお願いしたい
✅ オンラインで相談しながら進めたい

どれか一つでも当てはまった方は、ぜひご相談ください。
あなたのビジネスを後押しする、成果につながるLPを丁寧にお作りします。

◆サービス内容

• デザイン＋コーディング込みのパッケージ
• レスポンシブ対応（スマホ・タブレット対応OK）
• 長さ制限なし（内容が多くても追加料金なし）
• 提案数：1案
• 修正回数：無制限！（納得いくまで何度でも対応）

◆有料オプション

• 画像データの譲渡
• 著作権の譲渡
• 素材探し（無料素材を中心に選定・ご提案）
• アニメーション追加（1箇所）
  　→スクロールに合わせた動きやフェードインなど、印象的な演出が可能です
• サーバーへのアップロード代行
  　→納品後すぐに公開できる状態でのお引き渡しが可能です

◆納品までの流れ（スタンダードプランの場合）

1．無料相談・お見積もり（DMにて）
　気になる点があれば、どんなことでもご相談ください
2．ヒアリング
　目的・ターゲット・掲載内容・デザインのご希望などを丁寧に伺います
3．ご購入
　内容にご納得いただいたうえで、ご購入をお願いします
4．デザインカンプ提出（ラフ案）
　完成イメージをご確認いただきます
5．デザイン修正・最終確認
　修正回数は無制限！安心してご依頼いただけます
6．コーディング作業
　スマホ・タブレット対応のレスポンシブ設計で実装いたします
7．納品（ZIP形式 or オプションにてサーバーアップ）

◆納品方法

HTMLやCSSなどのフォルダをお渡しいたします。

◆ポートフォリオ

[こちらからご覧いただけます](https://www.lancers.jp/profile/tsubo_web_designer/portfolio?ref=more)
過去の実績やデザインのテイストをご確認いただけます。

✨まずは「無料相談ボタン」から、お気軽にご相談ください✨
ヒアリングから納品まで、丁寧かつ誠実に対応いたします。

Webサイトの下層ページのコーディングを承ります。

※TOPページやLP（ランディングページ）は、各専用メニューからご依頼ください↓

【LPコーディング】
https://www.lancers.jp/profile/life-life/plan/118439

【TOPページコーディング】
https://www.lancers.jp/profile/life-life/plan/166397

このようなお悩みはありませんか？
「コーディングを外注したけど、なんかちょっとデザインと違う」
「デザインを忠実に再現してほしい」
「スマホ用デザインを作る時間がない…。でもレスポンシブに対応してほしい」

当方では、これらすべてをクリアしてコーディングいたします。

一番に心掛けているのは、
【デザインを忠実に再現すること】です。
デザインカンプの再現性は、リピートのお客様に高評価をいただいております。

その他にも、以下のような作業を心掛けています。

・メンテナンスしやすいソースコード
・内部SEOを意識したマークアップ
・CSS設計法に基づいたコーディング（BEM、FLOCSS）

デザイナーとしての実務経験もございますので、
PC用デザインのみ（スマホ用デザインがない場合）でも、
見た目の整ったコーディングが可能です。

● 作業者について ----------------------------------------------------

制作会社に6年間勤務し、現在フリーランス活動4年目となります。
デザイン、コーディング両方に対応できるのが強みです。
品質を第一に考え、丁寧な制作を心がけております。

● 対応可能データ ----------------------------------------------------

・PSD、AI、XD、Figmaのいずれか
　確認のため、デザインを書き出したJPEGもしくはPNGデータを送付ください。
　AI形式の場合はリンク画像も添付（もしくは埋め込みで）お願いいたします。

● 動きのある要素について ---------------------------------------------

【料金内で対応可能】
・スライダー、カルーセル
・アコーディオン
・タブメニュー
・ハンバーガーメニュー

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

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

● ブレイクポイント --------------------------------------------------

一箇所が料金内です。（PC・スマホの切り替え）

※特にご指示がなければ、768pxで切り替えます。
※タブレット用など、ブレイクポイントを追加される場合はオプション料金にて承ります。

● 動作確認ブラウザ --------------------------------------------------

・Windows
　Chrome、Microsoft Edge
・Mac
　Chrome、Safari
・iOS バージョン16
　Safari
・Android バージョン14
　Chrome

※いずれも最新版です。

● 納品形式 ---------------------------------------------------------

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

※特にご指示がなければファイル送付での納品となります。

● 納期について -----------------------------------------------------

標準納期は、「デザインデータ受領から」3営業日となります。（ベーシックプランの場合）

※サービス購入からデータをお送りいただくまでの日数は納期に含みません。
※複数ページをご依頼の際は、別途納期をお見積りさせていただきます。

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

webサイトの修正を承ります。

既存のWebサイトで訴求しているサービス内容が変更になった！
価格表の金額やプラン名を変更したい！
表示している画像を新しいものに差し替えたい！

など、必要な時に十分なスキルでコーディング対応が可能で、
これまでご依頼いただいたお客様からも高い評価をいただいております。

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

★ 対応可能デザインデータ★
・figma、Adobe XDなどの各種デザインソフトで作成されたデザインカンプ

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

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

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

★ 納期について★
標準納期は「ご依頼内容の共有をいただいた日から」2営業日となります。（ベーシックプランの場合）

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

サイト所有者さまでも制作者さまでも！細かなカスタマイズから柔軟に対応します！

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

・スクロールしたら画像がふわっと表示されるアニメーションを追加したい
・スマホだけ画面の下にずっと付いてくるボタンを表示したい
・お問合せフォームに郵便番号を入力したら自動で住所の一部が入力されるような機能を追加したい
・お問合せフォームからのスパムメールが多い…スパム対策したいけど、外部サービス連携とかはしたくない…

などなど、ちょっとしたカスタマイズからこだわりのカスタマイズまで柔軟に対応します！
お気軽にご相談ください！

カスタマイズの一例

• スマホだけ画面の下にずっと付いてくるボタンを表示したい
• スクロールに合わせてふわっと表示されるアニメーションを追加したい
• リンクの色を変えたい、カーソルをあわせたときの動きを追加したい
• WordPress・プラグインをアップデートしたらなんか表示が崩れた…修正したい！
• ページを更新したいけどやり方がわからないのでやってほしい
• 表組みの見た目を整えたい。スマホでは1列、PCでは2列にしたい
• Instagramの投稿をホームページにも表示したい・連携したい
• ヘッダーナビゲーションにSNSのリンクを追加したい
• ヘッダーナビゲーションがタブレットでみると文字が折り返して変になるので調整したい
• サイトのSSL対応（https化）をしたい
• 定期的に自動でバックアップが作成されるようにしたい
• ブロックで選択できるスタイルを追加したい
• オリジナルのブロック（Gutenbergブロック）を作成したい
• アクセス解析（Google Analytics）を設定したい

発注〜対応〜納品の流れ

• まずはお気軽にご相談ください
• カスタマイズしたい内容やお悩みと合わせて、サイトのURLやカスタマイズ・修正実施対象ページのURLの共有をお願いします。
• 依頼内容を伺った後、お見積り・プランの確認・相談をさせていただきます
• WordPressサイトの管理画面やFTP情報など必要情報の共有をお願いいます。
• カスタマイズ実施
• 反映・動作確認・必要に応じて調整
• 納品完了

注意事項

• WordPressテーマによってはカスタマイズ対応ができない場合があります。その場合、プラグインを作成して対応など代替手段があるかなど合わせてご提案致します。
• PHPのカスタマイズが必要な場合、基本はスタンダードプランからの対応になりますが、ベーシックプランでも対応できる場合があります。お気軽にご相談ください
• PHPのカスタマイズが必要な場合、FTP接続情報の共有をお願いします。
• Gutenbergオリジナルブロックの開発はスタンダードプラン以上での対応となります。基本料金は1ブロック20,000円となります。内容によってはベーシックプランでも対応できる場合があります。お気軽にご相談ください

デザインに忠実なコーディングで、あなただけのWebサイトの実現をお手伝いします

\ このようなお悩みはありませんか？/
　Webサイトのデザインはあるけど、コーディングしてくれる人が見つからない。
　LPやサイトの修正をしたいけど、どこに頼めばいいかわからない。

【サービス内容】

• HTML・CSS(Sass)を用いた静的コーディング
• レスポンシブ対応 (PC・スマホ)
• JavaScriptを用いたアニメーション(ハンバーガーメニュー・スライダーなど)
• 基本のSEO対策(metaタグ設置等)
• ファビコン設定
• OGP設定
• テスト環境構築

　上記はベーシックプランに含まれている内容です。（すべて基本料金内で対応）
　その他ご要望があればお気軽にお問い合わせください！

【料金】

• ベーシック：HTML/CSSでの静的コーディング
  　　　　　　スムーススクロール、ハンバーガーメニューは基本料金に含まれます

• スタンダード：ベーシックプラン ＋ アニメーション1機能追加
  　　　　　　ベーシックに含まれていないアニメーションを1機能追加したプランです

• プレミアム：ベーシックプラン ＋ アニメーション2機能追加
  　　　　　　ベーシックに含まれていないアニメーションを2機能追加したプランです

アニメーションを2機能以上追加ご希望の場合はオプション選択より追加いただけます。

【納期】

• LP/TOPページ 平均14日〜20日ほど
  　※上記は目安となり、対応ページ数や内容の複雑さにより変動いたします。
  　※納品可能日はお見積り時にお伝えいたしますので、お急ぎなどのご希望があればご依頼時にご相談ください。

【制作の流れ】
　1.まずはお問合せからご要望をお聞かせください
　2. ヒアリング　
　　実装内容の確認、デザインデータのお預かり
　3.お見積もり　
　　仕様を確定し、納品可能日と合わせてお伝えいたします
　4. 同意・ご購入
　5. 作業開始　
　　デザインデータに基づきコーディングいたします
　6. ご確認・修正
　　テスト環境でご確認、修正対応
　7. 納品
　　ZIPファイルでのお渡し、もしくはFTPツールを用いたサーバーアップロードでの納品となります

【ご用意いただくもの】

• デザインデータ
  　※基本Figmaデータでのご提供をお願いしております。Figma以外のデザインカンプの場合は別途お時間をいただきます。
• 使用する画像素材やテキスト
• サイトタイトルや説明文
• アニメーションの参考サイトURL
• FTP情報(サーバーアップ納品をご希望の場合)

LP（ランディングページ・一枚ものページ）のコーディングを承ります。
外注先をお探しの制作会社さま、フリーランスのWebデザイナーさまにご利用いただいております。

※LPではないWebサイトのコーディングは、各専用メニューからご依頼ください↓

【TOPページコーディング】
https://www.lancers.jp/profile/life-life/plan/166397

【下層ページコーディング】
https://www.lancers.jp/profile/life-life/plan/167452

このようなお悩みはありませんか？
「コーディングを外注したけど、なんかちょっとデザインと違う」
「デザインを忠実に再現してほしい」
「スマホ用デザインを作る時間がない…。でもレスポンシブに対応してほしい」

当方では、これらすべてをクリアしてコーディングいたします。

一番に心掛けているのは、
【デザインを忠実に再現すること】です。
デザインカンプの再現性は、リピートのお客様に高評価をいただいております。

その他にも、以下のような作業を心掛けています。

・メンテナンスしやすいソースコード
・内部SEOを意識したマークアップ
・CSS設計法に基づいたコーディング（BEM、FLOCSS）

デザイナーとしての実務経験もございますので、
PC用デザインのみ（スマホ用デザインがない場合）でも、
見た目の整ったコーディングが可能です。

● 作業者について ----------------------------------------------------

制作会社に6年間勤務し、現在フリーランス活動4年目となります。
デザイン、コーディング両方に対応できるのが強みです。
品質を第一に考え、丁寧な制作を心がけております。

● 対応可能データ ----------------------------------------------------

・PSD、AI、XD、Figmaのいずれか
　確認のため、デザインを書き出したJPEGもしくはPNGデータを送付ください。
　AI形式の場合はリンク画像も添付（もしくは埋め込みで）お願いいたします。

● 動きのある要素について ---------------------------------------------

【料金内で対応可能】
・スライダー、カルーセル
・アコーディオン
・タブメニュー
・ハンバーガーメニュー

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

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

● ブレイクポイント --------------------------------------------------

一箇所が料金内です。（PC・スマホの切り替え）

※特にご指示がなければ、768pxで切り替えます。
※タブレット用など、ブレイクポイントを追加される場合はオプション料金にて承ります。

● 動作確認ブラウザ --------------------------------------------------

・Windows
　Chrome、Microsoft Edge
・Mac
　Chrome、Safari
・iOS バージョン16
　Safari
・Android バージョン14
　Chrome

※いずれも最新版です。

● 納品形式 ---------------------------------------------------------

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

● 納期について -----------------------------------------------------

標準納期は「デザインデータ受領から」5営業日となります。（ベーシックプランの場合）

※サービス購入からデータをお送りいただくまでの日数は納期に含みません。

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

ハイクオリティなHTML/CSSコーディングで、御社のWebサイトを魅力的に、そして使いやすくしませんか？最新技術を駆使し、細部までこだわった丁寧な作業で、お客様のビジネスを加速させます。

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

WebサイトのUI/UX改善、レスポンシブ対応、SEO対策、表示速度の改善、既存サイトのメンテナンス。

発注の流れ

お問い合わせ
メッセージにて、Webサイトの目的、ターゲット層、デザインイメージ、必要なページ数などをお知らせください。参考となるWebサイトがあれば、URLをお伝えください。

企画提案・お見積り
お客様からいただいた情報をもとに、最適なコーディングプランをご提案します。概算のお見積もり、納期も合わせてお伝えします。

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

コーディング作業
お客様からデザインデータ（PSD、Sketch、XDなど）をお預かりし、コーディング作業を開始します。必要に応じて、お客様と連絡を取りながら進めます。

ご確認・修正
テスト環境にて、お客様にWebサイトをご確認いただきます。修正点があれば、ご指摘ください。

納品・お支払い
修正が完了しましたら、納品となります。残りの金額をお支払いいただきます。

対応範囲・価格

基本コーディングプラン：5万円〜
基本的なHTML/CSSコーディングを行います。TOPページ、会社概要ページ、お問い合わせページなど、5ページまで対応可能です。レスポンシブ対応も含まれます。

標準コーディングプラン：10万円〜
基本コーディングに加え、JavaScriptによる簡単な動的表現、アニメーションの実装、フォームの最適化などを行います。SEO対策として、メタデータの最適化、構造化データの実装も行います。

プレミアムコーディングプラン：20万円〜
標準コーディングに加え、Webサイト全体のUI/UX改善提案、高度なアニメーション、複雑なフォームの実装、多言語対応、CMSとの連携などを行います。パフォーマンス改善として、画像の最適化、コードの圧縮、キャッシュの活用なども行います。

納期

案件の規模と内容によりますが、通常1週間〜4週間で納品いたします。

制作の流れ

設計
お客様からいただいた情報、デザインデータをもとに、Webサイト全体の設計を行います。ページ構成、必要なファイル、コーディング規約などを決定します。

コーディング
設計をもとに、HTML/CSSコーディングを行います。最新のフレームワークを使用し、レスポンシブでスケーラブルなWebサイトを構築します。JavaScriptによる動的表現、アニメーションの実装も行います。

テスト
コーディングが完了しましたら、Webサイトの動作確認を行います。様々なブラウザ、デバイスで正しく表示されるか確認します。表示速度の改善、SEO対策も行います。

修正
テスト環境にて、お客様にWebサイトをご確認いただきます。修正点があれば、ご指摘ください。

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

サービス内容

お客様のデザインデータ（PSD、Sketch、XDなど）をもとに、WebサイトをHTML/CSSでコーディングいたします。PCサイト、スマートフォンサイト、レスポンシブサイトなど、様々なWebサイトに対応可能です。最新のフレームワークを使用し、SEO対策、表示速度の改善も行います。

Webサイトのコーディングでお困りではありませんか？
デザインはあるけど、コーディングする人がいない。
コーディングを依頼したいけど、どこに頼めばいいかわからない。
そんなお悩みを解決します！
6年のエンジニア経験を活かし、お客様のデザインデータを元に、高品質なWebサイトを制作いたします。
最新の技術を駆使し、SEO対策、表示速度の改善も行います。
ぜひ一度、ご相談ください。

◼︎高品質なコーディングで、お客様のWebサイトをさらに魅力的に！集客・売上アップに貢献します。

◼︎ このようなお悩みはありませんか？
Webサイトの品質向上、集客力アップ、サイトの保守・運用コスト削減。

◼︎ 発注の流れ

・お問い合わせ
メッセージにて、ご依頼内容の詳細（ページ数、デザインの有無、希望納期など）をお知らせください。

・お見積もり・ご提案
いただいた情報を元に、お見積もりとスケジュールをご提示いたします。ご不明な点はお気軽にご質問ください。

・ご契約・お支払い
お見積もり内容にご納得いただけましたら、ご契約となります。着手金として半額をお支払いいただきます。

・制作・ご確認
テスト環境にて制作を進め、進捗状況を随時ご報告いたします。お客様にご確認いただきながら、修正・調整を行います。

・納品・お支払い
最終確認後、納品となります。残りの半額をお支払いいただき、本番環境へのアップロードを行います。

◼︎ 対応範囲・価格

既存サイトの修正・改修：10,000円〜
既存WebサイトのHTML/CSS修正、デザイン調整、レスポンシブ対応など、小規模な改修作業を承ります。

LP（ランディングページ）コーディング：30,000円〜
デザインデータ（Figma、XDなど）を元に、LP（ランディングページ）のコーディングを丁寧に行います。レスポンシブ対応込み。

WordPressサイト構築：100,000円〜
WordPressテーマを利用したコーポレートサイト構築。5〜10ページ程度の規模に対応。デザインはお客様支給、またはテンプレート利用。

◼︎ 納期
最短1週間で対応可能

◼︎ 制作の流れ

・要件定義・準備
お客様から提供されたデザインデータや仕様書を基に、コーディングに必要な情報を整理します。

・コーディング
HTML/CSS、JavaScriptなどを用いて、Webサイトの構造を構築していきます。WordPressの場合はテーマの選定・カスタマイズを行います。

・レスポンシブ対応・動作確認
PC、タブレット、スマートフォンなど、様々なデバイスで適切に表示されるように調整します。表示崩れや動作不良がないか確認します。

・修正・調整
お客様にテスト環境でWebサイトをご確認いただき、修正点や改善点があれば対応します。

・納品・公開
最終的なチェックを行い、問題がなければ納品となります。本番環境へのアップロードや、WordPressの設定などもサポートいたします。

◼︎ サービス内容
HTML/CSSとWordPressを使ったホームページ・LP制作を中心に、Webサイトのコーディング、レスポンシブ対応、WordPressサイト構築・カスタマイズ、既存サイトの修正などを承ります。「読みやすく・使いやすく・更新しやすいサイト」を丁寧に作ることを大切にしています。

Webサイトのコーディングでお困りではありませんか？

「デザインはあるけど、コーディングしてくれる人がいない…」
「今のWebサイト、スマホで見ると表示が崩れる…」
「WordPressのサイト、もっと使いやすくしたいけど、どうすれば…」

そんなお悩みを、HTML/CSSとWordPressのプロが解決します！

これまで数々のWebサイト制作・運用に携わってきた経験を活かし、お客様のWebサイトを「読みやすく・使いやすく・更新しやすいサイト」へと生まれ変わらせます。

まずは小さなご相談からでも構いません。お気軽にご相談ください！

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秒程の短いメッセージ動画が再生されます。
よろしければ御覧ください。

デザインと実装、両方の視点からWebサイトの価値を最大化します！

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

デザインの知識がないため、Webサイトの品質に不安がある。実装できる人がいないため、Webサイトが作れない。

発注の流れ

お問い合わせ
まずは、お気軽にご相談ください。お客様のWebサイトに関するお悩みやご要望をお伺いします。

ヒアリング
お客様のWebサイトの目的やターゲットユーザー、デザインのイメージなどを詳しくヒアリングします。

企画・提案
ヒアリング内容をもとに、Webサイトの構成案やデザイン案、お見積もりをご提案します。

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

制作・確認
Webサイトのデザインやコーディングを行い、お客様に確認していただきます。修正があれば、修正対応を行います。

納品・公開
Webサイトの動作確認を行い、問題がなければ納品となります。納品後も、Webサイトの運用に関するサポートをいたします。

対応範囲・価格

Webサイト コーディング代行：20,000円〜
HTML/CSS/JavaScriptでのコーディングを代行します。既存デザインのカンプデータからのコーディングや、デザインがない状態からのWebサイトの作成も可能です。修正は3回まで対応いたします。

Webサイト デザイン制作：50,000円〜
Webサイトのデザインを制作します。お客様のイメージをヒアリングし、ターゲットユーザーに合わせたデザインを提案します。修正は3回まで対応いたします。

WordPress サイト構築：100,000円〜
WordPressの導入からカスタマイズまで、Webサイトの構築をトータルでサポートします。お客様の要望に合わせたテーマの選定や、プラグインの導入、SEO対策なども行います。

納期

要相談

制作の流れ

企画立案
お客様からいただいた情報をもとに、Webサイトの構成案やデザイン案を考えます。

デザイン制作
構成案やデザイン案をもとに、Webサイトのデザインを制作します。

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

テスト・修正
Webサイトをサーバーにアップロードし、動作確認を行います。

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

サービス内容

Webサイト制作、デザイン、コーディング、WordPress構築など、Webサイトに関するあらゆる業務を承ります。お客様のWebサイトの課題を解決し、目標達成をサポートします。

Webサイトのことでお困りではありませんか？
「Webサイトを作りたいけど、何から始めたらいいかわからない…」
「今のWebサイトのデザインが古くて、使いにくい…」
「WebサイトのSEO対策をしたいけど、どうすればいいかわからない…」
そんなお悩みを、Keiskが解決します！

Keiskは、エンジニア視点の実装力とデザインスキルを兼ね備えたフリーランスエンジニアです。
お客様のWebサイトの課題を解決し、目標達成をサポートします。

今回は特別に、Webサイト制作に関するお得なパッケージをご用意しました。
この機会にぜひ、KeiskのWebサイト制作サービスをご利用ください！

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

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

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

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

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

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

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

Webサイトのコーディング承ります

ご閲覧いただきありがとうございます。
デザインカンプを元に、丁寧なコーディングでWebサイトの実装をいたします。

サービス内容

• 静的Webサイトのコーディング

実装の特長

• 検索エンジンや支援技術にも正しく伝わるように、仕様書に沿ったHTMLでコーディングします
• アクセシビリティを意識した実装を心がけています
• どの画面幅でもレイアウトが崩れないレスポンシブ対応
• JavaScriptを使った動作は、簡易的なものは通常料金内で対応させていただきます（メニュー開閉、モーダル表示、ボタンホバー時の動きなど）
• 画像の圧縮・リサイズ・フォーマット変換（webp / avif）
  ※ 拡大すると画質が低下するため、リサイズは想定される表示サイズの3倍以上の画像をご用意いただいた場合のみ行います

対応カンプ形式

• Figma
• Adobe XD
• Adobe Photoshop

対応ブラウザ

• Google Chrome
• Microsoft Edge
• Safari
• Firefox

納期のめやす

• トップページ：5〜7日
• 下層ページ / 1p：2〜3日

内容・稼働状況により前後します。
デザインカンプをいただいた翌日からの日数です。

修正対応

• 納品後3日間は無料で対応させていただきます。
• それ以降の修正や大幅な変更は別途お見積りになります。

個人事業主様・小規模事業主様向けに、目的達成にコミットするWebサイト制作で、あなたのビジネスを加速させます！

ホームページについて、こんなお悩みはないでしょうか？

・ホームページをリニューアルしたいけど予算が少ない
・ホームページはあるけれど、お問い合わせや予約が少ない
・競合他社に比べてネット経由の集客が弱い
・若い世代のお客様にリーチできていない
・ネット集客に時間をかけられない

弊事務所でできること

・高品質・低コスト・短納期でのホームページを制作
・検索で見つけてもらいやすくするSEO対策
・SNSとの連携で若者へのアプローチが可能
・弊事務所の集客サポートでお客様の集客にかける負担軽減
【ポートフォリオサイト】
https://hanamizukidesign.com/

発注の流れ

①お問い合わせ・ヒアリング
Webサイトの目的、ターゲット、ご予算、納期などをお伺いします。
対面またはオンラインでじっくりヒアリング。

②企画提案
ヒアリング内容をもとに、Webサイトの構成案、デザイン案、SEO対策案などを盛り込んだ企画書を作成し、ご提案します。

③お見積もり
企画書にご納得いただけましたら、お見積もりを提示します。
ご予算に合わせて柔軟に対応いたします。

④制作開始
ご契約後、Webサイトの制作を開始します。
進捗状況を随時ご報告し、お客様と密に連携しながら進めていきます。

⑤納品・公開
Webサイト完成後、お客様にご確認いただき、修正点があれば修正します。
最終確認後、納品となります。

⑥保守・運用
Webサイト公開後も、アクセス解析、SEO対策、コンテンツ更新など、Webサイトの成長をサポートします。

対応範囲・価格

Webサイト制作（Basic）：7万円〜
基本的なWebサイト制作。5ページ程度の構成で、シンプルなデザインをご希望の方に。
SEO対策の基礎も含みます。

Webサイト制作（Standard）：12万円〜
標準的なWebサイト制作。10ページ程度の構成で、デザイン性と機能性を両立。
SEO対策、SNS連携、アクセス解析設定が含まれます。

Webサイト制作（Premium）：25万円〜
プレミアムなWebサイト制作。
20ページ以上の構成で、デザイン、機能、SEO対策、SNS連携、アクセス解析、コンテンツマーケティング戦略までトータルサポート。

納期

要件定義から公開まで1ヶ月〜2ヶ月程度（規模によります）

制作の流れ

①要件定義・設計
ヒアリング内容をもとに、Webサイトの構成、デザイン、機能などを具体的に設計、デモサイトをご確認いただきます。

②WordPress実装
WordPressを使い、WebサイトをCMS化します。
ローコードで、お客様も簡単に更新できるサイトをスピーディーに作成します。
お客様自身で簡単に更新できるWebサイトを構築します。

④公開・テスト
Webサイトをサーバーにアップロードし、公開します。公開後も、動作確認、セキュリティ対策など、万全な体制でサポートします。

サービス内容

東京都世田谷区を拠点に、Webサイト制作、Webデザイン、HTML・CSSコーディング、WordPress実装、SEO対策、SNS運用、アクセス解析など、Webサイトに関するあらゆるサービスを提供しています。集客や採用といった目的から逆算した設計、制作して終わりにしないサイト制作が強みです。

Webサイトのことでお困りではありませんか？
「Webサイトを作ったけど、全然集客できない…」
「デザインが古くて、お客様に悪い印象を与えていないか心配…」
「Webサイトの更新方法が分からなくて、情報が古いまま…」
そんな悩みを抱えている方は、ぜひご相談ください！

お客様のビジネスを成功に導くために、集客・採用に強いWebサイトを制作します。
SEOコラム記事執筆のサポートも可能です。
Webサイト制作だけでなく、Webサイト公開後のアクセス分析やSEO対策、SNS運用もサポート可能です。
まずはお気軽にご相談ください。お客様のWebサイトに関するお悩みを解決します！

▼こんな方へおすすめ
・LPやコーポレートサイトを丁寧にコーディングしてほしい
・WordPressのテーマ編集や機能追加を依頼したい
・デザインを忠実に再現して、使いやすく軽量なサイトを作りたい
・長く安心して任せられる制作者を探している

ベーシックプラン
▼ご提供内容
デザインカンプ（Figma／XD／Photoshopなど）をもとに、
HTML／CSS（SCSS対応）＋JavaScriptでレスポンシブ対応のLPを1ページコーディングします。
FLOCSS設計をベースに、保守性・再利用性を意識した構造で実装いたします。

▼ご購入後の流れ
① デザインデータ・素材のご共有
② コーディング開始（進捗共有あり）
③ 納品前チェック
④ 修正対応（1回まで）
⑤ 納品（HTML・CSS・JS・画像一式）

▼制作可能なジャンル
企業LP／商品・サービス紹介／イベントページ／カフェ・店舗サイトなど

▼納期
7日以内（要件確定後）

スタンダードプラン
▼ご提供内容
既存のWordPressサイトに対し、以下のような修正・改善・機能追加を行います。

・デザイン調整やレイアウト修正
・プラグイン設定／フォーム改善（Contact Form 7対応）
・ACF（Advanced Custom Fields）によるカスタムフィールド設定
・functions.phpでの小規模な機能追加
・SEO設定やGA（Google Analytics）設置など

▼ご購入後の流れ
① 現状サイトURL・修正内容の共有
② 内容確認・見積もり調整
③ 修正対応・確認
④ テスト後に納品

▼納期
10日程度（作業量に応じて調整可能）

プレミアムプラン
▼ご提供内容
HTML／CSS／JavaScript／PHPを用いて、
完全オリジナルテーマでWordPressサイトを構築いたします。
固定ページ・投稿・カスタム投稿・カスタムタクソノミーの設計、
ACFによるカスタムフィールド実装、Contact Form 7設置、
functions.phpでのテーマ機能拡張（サムネイル設定、エディタCSS、JS読み込み最適化など）に対応します。
レスポンシブ対応・SEO内部対策・サイト公開まで一貫してサポート可能です。
Gulpによる開発環境を使用し、作業効率と品質を両立しています。

▼ご購入後の流れ
① デザインデータ・構成案の共有
② WordPress環境の準備（サーバー・ドメイン設定も相談可）
③ コーディング・WordPress化
④ 動作確認・修正
⑤ 納品（本番反映サポート含む）

▼納期
30日程度（構成内容により前後あり）

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

デザインの正確な再現性とメンテナンス性に配慮した
コーディングが強みです。

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

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

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

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

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

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

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

\コーディングはお任せください/

ご覧いただきありがとうございます。
デザインカンプから高品質で静的サイトのコーディング、WordPressオリジナルテーマ構築を承ります。
親切丁寧に対応いたします。
まずはお気軽にご相談ください。

☆制作実績
URL: https://www.takucode322.online/products/

☆対応内容
・レスポンシブコーディング
・JavaScriptを使用しての動きの実装
(ハンバーガーメニュー、アコーディオン、モーダル、タブ切り替え、スムーススクロール)
・アニメーションの実装
・WordPressオリジナルテーマの実装
・サーバーへのアップロード

☆制作について
１ページから承ります。
下層ページ１ページだけ等も対応可能です。

☆価格
・静的サイト
TOPページ 15000円
下層ページ 5000円

・WordPress
TOPページ 20000円
下層ページ 7500円

☆価格に含まれる物
・Figma / XD / PhotoShopカンプからのコーディング
・レスポンシブ
・JavaScriptを使用しての動きの実装
(ハンバーガーメニュー、アコーディオン、モーダル、タブ切り替え、スムーススクロール)
・画像圧縮(WebP)
・サーバーへのアップロード(必要であれば)

※追加で対応可能な物
・アニメーションの実装
・CSS/JavaScriptのバンドル化
・画像のハッシュ化

☆納期
１ページで5日～となります。
ボリュームや実装内容により異なります。
またお急ぎ等ありましたら、ご相談の上柔軟に対応いたします。

☆スケジュール
①ご相談、お見積り
②デザインデータを確認
③コーディング
④テストサーバーでご確認いただきます(テストサーバーはこちらで用意いたします)
⑤修正あれば対応
⑥納品

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

「時間がない…」そんなお悩みを最短当日から解決。
デザインカンプからのコーディングを、スピーディかつ丁寧に仕上げます。

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

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

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

■ バックエンド開発

• PHP/WordPress
• Shopify実装

■ 開発環境

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

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

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

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

【制作フロー】

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

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

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

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

JavaScript(React, jQuery, Ajax,)、GASで関数作成、コーディングが必要な方の作業を代行します。
もちろん実装の相談でも構いません。

個人情報の関係でお見せすることはできませんが
WEBアプリ開発にも多数携わっております。

ご興味ございましたら是非一度ご相談下さい。

特別料金でコーディングさせていただきます！
★あなたの想いを形に！心を込めたコーディングで、Webサイトの魅力を最大限に引き出します★

このようなお悩みを抱えの方はぜひ一度ご相談ください。
コーダーのリソースが足りずお困りの制作会社様
案件ごとにコーダーをアサインしたい制作会社様
コーディングを外注したいWebディレクターやコーダー様
コーディングをサポートしてくれるコーダーをお探しのWebデザイナー様

事前相談はいつでも無料で承ります。気軽にお問い合わせください。

サポート内容
コーディング全般
WordPress対応
メタタグ設定、OGP設定
・レスポンシブ対応

発注の流れ

1.プランを選択し、「まずは相談（無料）」ボタンをクリック
メッセージにて、業務内容やご要望、納期などをすり合わせします。
2.デザイン、メタタグ内容、OGP画像を提出していただきます。
3.デザインに沿ったコーディングをいたします。
4.こちらのテストサーバーにて表示確認をさせていただきます。
5.表示確認ができましたら、ファイルにて納品させていただきます。

対応範囲・価格

TOPページ コーディング：20,000円
TOPページのデザインに合わせて、美しいコーディングを施します。4セクションまで対応。

セクション追加：5,000円／セクション
TOPページに追加でセクションを増やしたい場合に。

下層ページ コーディング：10,000円／ページ
会社概要やサービス紹介など、下層ページのコーディングを承ります。

WordPress化：20,000円
コーディングしたWebサイトをWordPressで構築し、お客様自身で簡単に更新できるようにします。

納期

案件の内容により異なりますが、通常1週間～1ヶ月

制作の流れ

事前準備
お客様からいただいた情報をもとに、コーディングの準備を行います。

コーディング
HTML、CSS、JavaScriptを用いて、Webサイトを丁寧にコーディングいたします。

ご確認・修正
コーディングしたWebサイトをご確認いただき、修正点があればご指摘ください。

納品・アフターフォロー
最終確認後、納品となります。納品後も、軽微な修正は対応いたします。

サービス内容

HTML/CSS/JavaScriptを使用したWebサイトのコーディングを承ります。BEMやSassを用いた保守性の高いコーディング、レスポンシブ対応、WordPressのオリジナルテーマ開発も可能です。お客様の想いを形にするWebサイトを制作いたします。

Webサイトの見た目を変えたいけど、どこから手をつければいいかわからない…そんなお悩みはありませんか？HTML、CSS、JavaScriptのプロが、あなたのWebサイトを美しく、使いやすく生まれ変わらせます！丁寧なヒアリングで、あなたの想いを形にします。まずはお気軽にご相談ください。

ご覧いただきありがとうございます。
Webコーダーの teppei と申します。
デザイナー様・制作会社様の「コーディングに関するお悩み」を、丁寧な実装と安心感のある対応でサポートいたします。

【こんな方におすすめ】
・コーディングを外注したい制作会社様
・コーディングが苦手なデザイナー様
・進行・コミュニケーションも安心して任せたい方

【対応内容】
・HTML／CSSで静的コーディング
・レスポンシブ対応（PC・タブレット・スマホ）
・ホバーモーション（一部JavaScript対応）
・確認後の修正対応（軽微な修正は無制限）
・サーバーへのアップロード（ご希望の場合）

【対応ツール】
Figma／Photoshop／XD

【対応の流れ】
1.ご依頼・ご相談
2.お見積り・スケジュール調整
3.ご契約
4.デザインデータご提供
5.コーディング作業
6.テスト環境または本番サーバーへアップロード
7.ご確認・修正対応
8.納品・完了（必要な場合は本番サーバーへアップロード）

【特徴】
・デザイン意図を大切にした再現性の高い実装
・進捗連絡・確認のこまめなやり取り
・納品後1週間のアフターフォロー付き
・GSAPなどを活用した上品なアニメーションも対応可

CSSの修正をお願いしたいけれど、scssが使用されていてうまいかない...
このようなお悩みはありませんか？
FL designはscssの使用歴が5年ほどですので、ぜひ作業のご依頼をいただけますと幸いです！

はじめまして！
数あるサービスの中からご覧いただきありがとうございます。
株式会社ARCHIPELAGOです。

「デザイン通り、ズレなく再現したい」
そんなご要望に応える、コーディング特化型のサービスをご提供しています。

【 こんな方にぴったりです 】
・デザインカンプはあるけれど、コーディングのリソースが足りない制作会社さま・企業さま
・LPやWebサイト案件を受けたけど、コーディングに自信がないデザイナーさま
・HTML/CSSの基本はできるけど、アニメーションやWordPress化が苦手な方
・日々の業務で手一杯なコーダーさまのサポートとして

【 制作の流れ 】
① ヒアリング・お見積り
ご希望の機能・納品形式・スケジュール感など丁寧にご確認させていただきます。

② デザインデータのご共有（PSD／AI／XD／Figmaに対応）
静的HTMLまたはWordPress（オリジナルテーマ）での実装が可能です。

③ トップページの実装 → ご確認
④ 下層ページの実装 → 2〜3ページごとに進捗共有
⑤ テストサーバーにて全体確認 → 修正対応
⑥ 最終納品（zip形式 または サーバーへアップロード）
※サーバー納品の場合はFTP情報をご共有ください。

【 料金目安 】
トップページ（レスポンシブ対応）：20,000円〜
※複雑なアニメーション・機能については別途お見積りいたします。

【 対応環境 】
PC：Chrome・Safari・Firefox・Edge（※Firefox・Edgeは擬似環境）
スマホ：主要ブラウザすべて対応

ご相談・お見積りは無料です。
「少し話を聞いてみたい」という方も、お気軽にご連絡ください！

Web業界実務20年超のクリエイターがHTMLコーディングを行います。

コーディングの手伝いを探している方や、パートナーをお探しの業者様等への
コーディング代行サービスを提供しております。

■ 基本サービス【4月・5月・6月迄の特価対応中】
▶デザインデータ 10,000px 15,000円
▶デザインデータ 20,000px 30,000円

■ サービスに含まれるもの
・HTML／CSS コーディング
・レスポンシブ対応込（ブレークポイント2、基本的なカラムダウン）
・簡易JavaScript込（タブ切り替え、アコーディオン開閉 等）
・簡易アニメーション込（スクロール時の上下左右スライドイン）

■ オプション（別途御見積）
・デザイン高さ＋2500pxにつき：4,000円
・Adpbe stock 画像使用5点以内：10,000円

■ 制作の流れ
① 「見積り・カスタマイズを相談する」よりご相談
② デザインデータ（ai/XD/Figma 等）お預かり
③ 御見積の提示
④ ご発注
⑤ コーディング作業
⑥ ご確認と修正・調整
⑦ 納品

■ 納品スケジュール
稼働状況により作業開始日および納品日は変動しますが、
完全フリーな稼働状況とした場合、以下が目安となります。
・デザインデータ換算で、最低でも6000px／1日ペースで制作
・トータル作業日数の＋1日を確認・調整期間

例えば24000pxのデザイン・コーディング案件の場合、
作業日に24000/6000で4日、確認・調整期間に+1日とし、
合計5日が最短納品日となります。
※確認一発OK等の場合は確認調整期間の圧縮は可能です。

■ 納品方法
・トークルームにてzipファイルによる納品

購入にあたってのお願い
まずは「見積り・カスタマイズの相談」にてお気軽にご相談ください。

●ご要望に合わせてお見積りをいたしますので、完成したデザインデータを事前にご用意ください。対応するデザインデータは Illustorator AI、XD、Figma のテキストデータや画像素材データがそのまま取り出せる状態であることを条件とします。

●購入後の状態が事前情報と異なる場合や想定していた仕様と異なり作業内容が変わる場合はご相談の上追加料金をお願いする場合があります。
●作業完了報告後のこちらの不備以外の修正や変更は回数や内容により追加料金を頂きます。
●サービス開始後５日間以上お返事頂けない場合納品完了とさせて頂く場合がございますので、連絡が取れない事情がある場合は事前にお知らせください。
●サービス開始後はキャンセルできません。
3,000 円

ホームページの更新でお困りではありませんか？

✔ 依頼した業者がいなくなり、修正できない…
✔ 契約は面倒だけど、ちょっとした変更はしたい…
✔ WordPressで作ったけれど、更新の仕方がわからない…

そんなお悩みを解決します！
軽微な修正でもお見積りいたしますので、お気軽にご相談ください。
これまで手掛けたホームページ更新事例は多数ございますので、安心してお任せください。

✅ 対応可能な作業例：

• 新着情報の更新
• ページ内容の修正、部分削除
• レイアウト調整（崩れたデザインの修正、余白調整など）
• PC、スマホでの文字サイズ、並び変更
• ブログの更新情報をサイトに反映（アメブロなど）
• 文章・画像（バナー）変更、差し替え
• Youtube動画やGoogleマップの埋め込み
• ページリンクの設定
• コンテンツやページの追加
• HTML、CSS、JavaScriptの修正
• 内部SEO対策のチェック

ご不明な点は、お気軽にお問い合わせください！
ご発注お待ちしております。

Figmaデザインを高品質なHTML/CSSへ！あなたのWebサイトを魅力的に生まれ変わらせます。

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

• Webサイトのデザインはあるが、コーディングするリソースがない
• デザインの意図を正確に反映したコーディングを求めている
• レスポンシブ対応で、スマホでも見やすいサイトにしたい
• WordPressで簡単に更新できるサイトにしたい

発注の流れ

お問い合わせ・ヒアリング
メッセージにて、Figmaのデザインデータ、Webサイトの目的、ご希望の納期などをお知らせください。詳細な要件をヒアリングいたします。

プラン提案・お見積もり
ヒアリング内容に基づき、最適なコーディングプランをご提案します。お見積もり、納期、作業範囲をご確認ください。

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

テスト・修正
コーディングが完了しましたら、テスト環境にてご確認いただきます。修正点があれば、お気軽にお申し付けください。

納品・公開
最終確認後、納品となります。納品データをお渡しし、必要に応じてサーバーへのアップロードをサポートいたします。

対応範囲・価格

Basicコーディングプラン：30,000円〜
Figmaのデザインカンプを元に、HTML/CSSで忠実にコーディングします。レスポンシブ対応で、スマホやタブレットでも美しく表示されます。

Standard動的Webサイトプラン：50,000円〜
Basicプランに加え、JavaScript（jQuery）による動きのある表現を追加します。Webサイトにインタラクティブな要素を加え、ユーザーエンゲージメントを高めます。

Premium WordPress構築プラン：150,000円〜
Standardプランに加え、WordPressの導入、テーマ開発、カスタマイズを行います。お客様自身で簡単にコンテンツを更新・管理できる、運用しやすいWebサイトを構築します。

納期

要相談

制作の流れ

デザイン分析・設計
Figmaのデザインデータを分析し、コーディングに必要な要素を洗い出します。Webサイトの構造、コンテンツ、必要な機能などを整理します。

コーディング
HTML/CSS/JavaScript（jQuery）を用いて、Webサイトをコーディングします。デザインの意図を忠実に再現し、高品質なコーディングを行います。

テスト・品質チェック
レスポンシブ対応、ブラウザチェック、動作確認など、各種テストを行います。Webサイトの品質を確保します。

お客様確認・修正
お客様にテスト環境をご確認いただき、フィードバックをいただきます。修正点があれば、迅速に対応いたします。

納品
最終確認後、納品となります。納品データをZIPファイルでまとめてお渡しします。

サービス内容

Figmaデザインカンプからの高品質なHTML/CSSコーディング、レスポンシブ対応、WordPress構築を提供します。お客様のWebサイトを、デザイン通りに、使いやすく、運用しやすい形で実現します。

Webサイトのデザインはあるけど、コーディングでお困りではありませんか？
Figmaで作成されたデザインカンプを、忠実に、そして美しくHTML/CSSコーディングいたします。
レスポンシブ対応はもちろん、WordPressでの構築にも対応。
お客様のWebサイトを、デザインの意図通りに、そして誰が見ても使いやすい形に仕上げます。
コーディングでお困りの際は、ぜひお気軽にご相談ください！

レスポンシブ対応で見やすく、保守しやすいWebページを制作いたします

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

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

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

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

※本業の合間に対応しているため、通常は平日夜・週末の稼働となりますが、
　週末の案件につきましては可能な限り納期より前倒しで納品できるよう努めております。

丁寧なヒアリングを心がけ、ご希望に沿った成果物を納品いたします。お気軽にご相談ください。

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

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

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

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

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

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

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

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

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

SEO対策可能！高品質で早いレスポンシブコーディング

はじめまして！　南と申します。
Web制作のフリーランスとして活動しております。
数ある中からご覧いただきありがとうございます。

初めての方にも安心していただけるよう、お客様に寄り添います。
費用・納期のご相談も承りますので、お気軽にお問い合わせください。

＿＿＿＿＿

対応範囲・価格

❶シンプルデザインプラン　10,000円
下層ページ　5,000円/1p
※軽いアニメーションはこちらのプランでも対応可能です。

❷アニメーションありプラン　15,000円
下層ページ　8,000円/1p

❸こだわりデザインプラン　20,000円
下層ページ　10,000円/1p

⚫︎WordPress構築　20,000円

＿＿＿＿＿

発注の流れ

❶デザインデータ共有
デザインデータや指示書をご提示いただきます。
データ形式については、XDまたはFigmaが望ましいですが、Adobe Illustratorや Photoshop その他も対応可能です。
また、Googleフォント以外のフォントを使用している場合は、ウェブサイト上で使用可能なフォントファイル・または埋め込みコードをご提示ください。

❷お見積もり
デザインに基づき、最終お見積もりを提示します。
料金や納期にご納得いただければ、契約となります。

❸制作開始
コーディング作業を開始します。

➍修正対応
進捗状況を適宜ご報告し、必要に応じて何度でも修正を行います。
※コーディング着手後の大幅なデザイン変更は追加費用が発生する場合がございます。

❺納品・公開
最終的な納品物を納品し、必要に応じて公開作業をサポートします。

＿＿＿＿＿

納期

要相談（内容により異なりますが、迅速な対応を心がけています）

費用調整のご相談も承ります。
まずはお気軽にお問い合わせください！

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

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

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

■サービスの内容

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

■料金

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

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

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

■納品方法

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

■納期

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

■修正について

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

■デザインデータ

Figma、Photoshop、XD など

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

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

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

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

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

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

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

コーディングが苦手なあなたに代わって、ポートフォリオもアニメーションも “カタチ” にします。

こちらはポートフォリオ専用のコーディングサービスです。

実案件でのコーディングが必要な方はこちらをご覧ください。
https://www.lancers.jp/menu/detail/1245805

Webデザイナー様のお悩み、すべてお任せください！

こんな方におすすめです

• 「これ実装できるかな…」そんな不安で、デザインの自由度を制限してしまう
• 営業に使える本格的なポートフォリを作りたい
• ポートフォリオを早く完成させて営業を開始したい

HTML／CSS／JavaScriptによるアニメーションも、レスポンシブ対応も、細部まで再現いたします。
コーディングがストレスになっていた時間を、あなたの“得意”に集中できる時間に変えましょう！

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

✅ デザインに忠実なコーディング（PC／スマホ／タブレット対応）
✅ スクロールアニメーションやマウスオーバーなどの動きの実装
✅ HTML／CSS／JavaScriptによる軽量・最適化された構成
✅ WordPressによるオリジナルテーマ作成
✅ サーバー/ドメイン設定のサポート
✅ 公開まで一括対応

料金

• 1ページサイト：33,000円~
• 複数ページのHPコーディング(５ページ以内）：60,000円~
• 複数ページサイトのコーディング（５ページから10ページ以内）: 120,000円~

今だけの特別キャンペーン！

通常、1ページサイトの制作は 6万円 いただいておりますが、
実績掲載を目的としたモニターキャンペーンのため、
先着5名様限定で、上記料金（追加費用なし）にてご提供いたします。

* 自分の制作実績に掲載させていただくことが条件になりますので、ご了承ください。
制作実績に載せてほしくない方は事前にお知らせください。
お問い合わせがあった時点で、掲載可と判断させていただきます。

制作の流れ

1. お問い合わせ
2. お見積もり・ご契約（仮払いで契約完了）
3. デザインデータご提供（Figma／XD／Illustratorなど対応）
4. コーディング
5. ご確認・修正（何度でも対応可能）
6. 納品（zip形式またはサーバーアップロード）

安心のサポート体制

• コミュニケーションは丁寧でスピーディ
• 納品後の微調整やフォローも可能
• 他の開発者が見てもわかりやすいコード設計
• 実務経験豊富なコーダーが対応

まずは、お気軽にご相談ください！
「これってお願いできる？」「まずは見積もりだけでも…」
どんなご相談でも大歓迎です！あなたの「デザインの魅力」をしっかり形にするお手伝いをいたします。

WordPress・SEOに強いWebコーダーのらぐちです。
Web制作会社やフリーランスのクリエイターとして50件以上の案件に携わってきました。
リソース不足に悩む、Web制作会社様やデザイナー様に代わってデザインに忠実なコーディングを代行いたします。
パソコン・スマートフォン・タブレットにおける表示に完全対応！
豊富な実績を持つフリーランスが親切・丁寧にお仕事いたします。

★このような方におすすめのサービスです

• デザインデータはあるけどコーディングができない
• コーディング作業のための時間が足りない
• ちょっとしたアニメーションが必要だけど自分では難しい

★サービスの内容

• HTML・CSSの静的コーディング
• JavaScriptを使った動的な表現
• WordPressのテーマ開発（クラシックテーマ）
• WordPressへの機能追加（※別途お見積りいたします）
  ※どのような案件も1ページから承ります！

★制作の流れ

1. ヒアリング（お見積り）※お気軽にご相談ください
   ご依頼の内容を伺います。
   コーディングするWebサイトの内容や目的、ページ数、スケジュール、ドメイン、サーバーなどの情報をお聞かせください。
   アニメーションなど動きが必要な場合は、簡単なイメージだけでも共有していただけると幸いです。
   （参考URLの提示などでも構いません）

2. 契約（仮払い）
   ヒアリングを受けてお役に立てそうであれば、仮払いにてご契約いたします。

3. お客様からデザインデータの受け取り（Figma・Photoshopに対応）
   お客様からデザインデータをいただきます。
   対応しているアプリはFigmaとPhotoshopです。
   デザインデータのほかにコーディングルールがございましたら、合わせてご提供ください。
   WordPressの場合は、差し支えなければ管理画面のIDとPass情報もいただけるとありがたいです。

4. コーディング実装・動作確認
   コーディングを開始します。
   WordPressの場合は、管理画面の構築やテーマファイルのアップロードまで対応いたします。

5. お客様によるご確認
   納品の前にお客様によるご確認をお願いいたします。
   動作確認用のプレビュー環境をこちらで準備することも可能です。

6. 納品（zipファイル、サーバーへのアップロードなど柔軟に対応いたします）
   ご確認の結果、問題なければ納品とさせていただきます。

★無料対応

• 画像変換と圧縮（JPG・GIF・PNG ⇒ WebP）
• 基本的なSEO（titleタグ、description、OGP、構造化データなど）
• WordPressやコーディングに関する簡単な相談対応

★WordPress案件について

WordPressのページとして制作する案件については、

• 管理画面のログインID、パスワード
• FTPのホスト名、ID、パスワード
• レンタルサーバーのログイン画面のIDとパスワード

などの情報が必要となる場合があります。
※都度ご相談いたします。

★所有資格

• 認定SEOコンサルタント
• ウェブ解析士
• HTML5プロフェッショナル認定試験レベル2

===

迷ったら、とりあえずメッセージ下さい！
お見積り・技術的に可能かどうかなど、ご返信差し上げます。

メッセージを送ったからといって、必ず依頼しなくてはならない、なんてことはないです。ご安心ください。

3年の実務経験を活かし、Webサイトの課題を解決します！

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

Webサイトのレスポンシブ化、UI改善、デザインの再現、保守運用など、Webサイトに関する様々な課題に対応します。

発注の流れ

お問い合わせ
メッセージでご相談ください。Webサイトの課題やご要望をお伺いします。

企画提案
課題やご要望を元に、最適な解決策をご提案します。お見積もりも提示いたします。

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

ご確認・修正
制作したWebサイトをご確認いただきます。修正点があればお気軽にお申し付けください。

納品・サポート
最終確認後、納品となります。納品後もサポートいたします。

対応範囲・価格

レスポンシブ対応：3万円〜
HTML/CSSコーディングによるレスポンシブ対応を行います。スマホやタブレットなど、様々なデバイスで最適に表示されるように調整します。

UI実装：5万円〜
JavaScript・jQueryによる動きのあるUI実装を行います。サイトに動きをつけることで、ユーザーの興味を引きつけます。

デザイン再現：10万円〜
Figma/PSDなどのデザインデータから、WebサイトやLPを正確に再現します。デザイン通りの高品質なサイトを制作します。

保守運用：月額1万円〜
Webサイトの保守運用を代行します。定期的なバックアップやセキュリティ対策、コンテンツ更新などを行います。

納期

案件により異なります。お気軽にご相談ください。

制作の流れ

ヒアリング
お客様の課題やご要望を丁寧にヒアリングします。Webサイトの目的やターゲット層などを明確にします。

企画・設計
ヒアリング内容を元に、Webサイトの構成やデザインを検討します。ワイヤーフレームやデザインカンプを作成します。

コーディング
設計に基づいて、HTML/CSS/JavaScriptなどを使ってWebサイトを構築します。レスポンシブ対応やUI実装も行います。

テスト
構築したWebサイトをテスト環境で確認します。動作確認や表示確認を行い、不具合を修正します。

公開・運用
Webサイトを本番環境に公開します。公開後もWebサイトの保守運用を行います。

サービス内容

Webサイトに関する様々な課題を解決します。HTML/CSSコーディング、JavaScript・jQueryによるUI実装、デザインデータからの正確な再現、Webサイトの保守運用など、幅広く対応可能です。

Webサイトの課題、YUKIが解決します！
現役エンジニアとして3年の実務経験を持つYUKIが、あなたのWebサイトの課題を解決します。レスポンシブ対応、UI改善、デザイン再現、保守運用まで、幅広く対応可能。
「Webサイトをもっと良くしたいけど、何から始めたらいいか分からない…」
そんなお悩みをお持ちではありませんか？
YUKIは、未経験からエンジニアに転職した経験を持つため、初心者の方にも寄り添った丁寧なサポートが可能です。
まずは、お気軽にご相談ください。YUKIがあなたのWebサイトを成功に導きます！

WordPressの小さな問題を解決！表示崩れ、テキスト修正、レイアウト調整など、あなたのWebサイトをスピーディーに改善します！

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

Webサイトの表示崩れ、修正に時間がかかる、専門知識がない

発注の流れ

お問い合わせ
メッセージにて、修正したい内容やURLをお知らせください。可能であれば、スクリーンショットや具体的な指示があるとスムーズです。

お見積もり
内容を確認し、対応可能かどうか、納期、お見積もりをご連絡いたします。

ご契約
お見積もりと納期にご納得いただけましたら、仮払いをお願いいたします。

作業開始
仮払い確認後、作業を開始いたします。修正内容によっては、何度か確認のご連絡をさせていただく場合があります。

納品・完了
修正完了後、ご確認いただき、問題がなければ納品完了となります。

対応範囲・価格

テキスト・画像修正：3,000円〜
テキストの修正、画像の差し替え、リンクの変更など、簡単な修正を承ります。

表示崩れ修正：5,000円〜
テーマやプラグインのアップデートによる表示崩れ、レイアウトの微調整などを承ります。

機能追加：10,000円〜
お問い合わせフォームの設置、バナーの追加、簡単な機能追加などを承ります。

納期

内容により異なりますが、小規模な修正は数時間〜数日

制作の流れ

ヒアリング・現状把握
お客様から修正内容の詳細な情報を受け取り、サイトの現状を把握します。

計画立案
修正内容に応じて、最適な修正方法を検討し、具体的な作業手順を決定します。

コーディング・修正作業
計画に基づき、HTML、CSS、PHPなどのコードを修正します。必要に応じて、画像の加工や調整も行います。

動作確認・テスト
修正後のサイトをテスト環境で確認し、動作に問題がないか、表示が崩れていないかなどをチェックします。

お客様確認・修正
お客様に修正後のサイトをご確認いただき、フィードバックをいただきます。必要に応じて、再度修正作業を行います。

納品・完了
最終確認後、修正内容を本番環境に反映し、納品完了となります。

サービス内容

WordPressサイトの「ちょっと直したい」を解決します！表示崩れ、テキスト差し替え、レイアウト調整など、小規模な修正をスピーディーに対応いたします。

WordPressサイトのちょっとした修正、どこに頼めばいいか迷っていませんか？

「このテキスト、一言だけ変えたいのに…」「バナーを1つ追加したいだけなのに…」
そんなお悩みを、Web制作のプロがスピーディーに解決します！

HTML/CSSコーディングからWordPressのカスタマイズまで、幅広く対応可能。

まずはお気軽にご相談ください。内容を拝見し、最適な方法をご提案いたします。

業務内容

この度は当社のサービスをご覧いただきありがとうございます。
当社は、中小企業様向けに会社案内サイト制作を承っております。
WordPressを使わない静的サイト（HTML＋CSS＋JavaScript）で構築することで、高速表示・セキュリティ強化・安定運用を実現します。
WordPress、ペライチ、 Wix、 Jimdo等のCMSからHTMLサイトへの移行にも対応しています。

更新頻度が少ない事業サイトや、会社概要・サービス紹介を中心としたコーポレートサイトに最適です。
お客様の事業の信頼性を高め、訪問者に安心感を与えるサイトを丁寧に制作いたします。

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

• 「ホームページを作りたいが、WordPressは不要だと思う」
• 「頻繁に更新はしないので、シンプルで安心できる会社案内サイトが欲しい」
• 「セキュリティ面で不安があり、静的サイトにしたい」
• 「外注に頼まず自分で更新は難しいから、丸投げで任せたい」
• 「信頼性を重視し、会社のイメージアップにつながるサイトにしたい」
• WordPress、ペライチ、 Wix、 Jimdoをやめたい

このようなお悩みをお持ちの中小企業様に、最適なサービスをご提供します。

サービスの特徴

1. 高速表示で離脱率を低減
静的サイトは不要な機能を省き、シンプルな構造で構築されるため表示速度が速く、検索エンジンからの評価向上や訪問者の離脱防止につながります。

2. セキュリティに強い
WordPressのように管理画面やデータベースを持たないため、攻撃対象が少なく不正アクセスのリスクを大幅に低減します。
安心して長期的に運用できます。

3. 信頼性あるデザイン
中小企業様のブランドイメージに合わせたシンプルかつ上質なデザインを心がけています。
業種やターゲットに応じて配色やレイアウトをご提案し、会社の信頼感を高めます。

4. 丸投げOKの体制
原稿作成や写真準備が難しい場合も、フリー素材の提案や文章整備のお手伝いを行います。
依頼者様は必要最低限の情報をいただくだけで大丈夫です。

5. スマートフォン・タブレット対応
標準でレスポンシブデザインを採用。
どのデバイスでも快適に閲覧できる会社案内サイトを提供します。

サービスに含まれる内容

• スマートフォン・タブレット対応（レスポンシブ）
• HTML＋CSS＋JavaScriptによる静的サイト構築
• 会社概要・サービス紹介・お問い合わせページなど必要ページ制作
• 基本的な内部SEO対策（meta設定／見出し構造／軽量化）
• Googleアナリティクス／サーチコンソールの初期設定（希望者のみ）
• 簡易お問い合わせフォームの設置（スタンダード以上）

制作の流れ

1.事前ヒアリング
目的・ターゲット・必要ページなどをお伺いします。

2.デザイン制作
企業イメージに合ったレイアウトをご提案します。

3.コーディング
HTML＋CSS＋JavaScriptでサイトを構築。軽量で安定した環境を提供します。

4.テストアップ
スマホ・タブレット・PCでの動作確認を行います。

5.修正・調整
ご要望に応じてデザインや文章の微調整を行います。

6.本公開（納品）
サーバーにアップロードし、公開いたします。

※必要に応じてZoomでの打ち合わせも可能です。

当社について

当社はWEB制作・デザイン業務を中心に、業界20年・制作実績500サイト超の経験を活かして活動しています。
デザイン性と機能性を両立させた制作を得意とし、中小企業様の事業成長を支えるパートナーとして丁寧に対応いたします。

• デザインはあるけど、LPのコーディングだけお願いしたい

• 自分で作ったHTMLを修正してもらいたい

• できるだけシンプルな構成で、スマホ対応されたLPが欲しい

• 問い合わせフォームはGoogleフォームなどで済ませたい

• 小規模でまずは低予算でLPを作りたい

あなたの課題に、こんな解決を提供します
本パッケージでは、HTML・CSS・JavaScriptを使ったランディングページ（LP）の制作・修正を行います。
PHPを使わず、Googleフォームや外部サービスのフォームを活用することで、簡単かつ安心な構成でページを構築いたします。

• デザインデータ（Figma / Canva / PDF / 画像）をもとにした1ページLPのコーディング
• スマホ対応（レスポンシブ対応）
• スクロールアニメーション、簡単なJS演出の追加（スタンダード以上）
• Googleフォームの埋め込み or リンクボタン設置
• SEOの基本的な構造（metaタグ・alt属性など）の設定
• 他者が作成したコードの一部修正対応（オプション）
• コーディング後の簡単なカスタマイズ・微調整（オプション）

【進め方】

1. ご相談・ヒアリング（チャットにて対応）
2. デザインや要件のご共有
3. 初期コーディング作業（仮納品）
4. 確認・修正対応
5. 納品（ZIPファイル or GitHub共有 など）

【納品物】
初心者の方にもわかりやすく、丁寧にやりとりいたします
FigmaやCanvaなど、デザインツールにも対応可能

【注意事項】
PHPやサーバーサイド処理は対応しておりません
WordPress化やサーバー設定は対象外ですが、別途ご相談可能です
連絡先や外部サイトURLの記載はLancersの規約に従い控えております

【対応可能な業務範囲】

・HTML/CSS（Sass）コーディング
・JavaScript（jQuery）を用いたアニメーション実装
・お問い合わせフォーム設置
・その他スポット修正

【標準的なお見積り】

・トップページ：10,000円~ (5セクションまで)
・セクション追加：5,000円 / 1セクション
・下層ページ：5,000円~ / 1ページ
・静的LP：10,000円 / 10,000pxまで
（以降10,000px毎に5,000円）
・お問い合わせフォーム：5,000円
・スポット修正：ご相談ください

【納品までの流れ】

1.お見積もり/ご購入
２.デザインデータ等お預かり
３.コーディング作業開始
４. 当方のテスト環境にてご確認・修正
５.最終確認・納品（サーバーアップロードまたはzipファイルの送付）

【納期】

応相談。
7日を基本となりますが、内容により前後いたしますのでまずはご相談ください

「無料テーマ（CocoonやLightning）でサイト作ったけどもっと自分好みにしたい！」
「CSSを少し触ればできそうだけど、よくわからない…」

そんな方のために、WordPress無料テーマのカスタマイズ代行を承ります！

● できること
・Cocoon / Lightning など無料テーマのデザイン調整
・CSSによるレイアウト変更（余白調整、カラー変更など）
・ヘッダー、フッターのカスタマイズ
・ボタンやリンクのデザイン変更
・表示崩れや細かなデザイン不具合の修正
・そのほか「こうしたい！」という要望に応じた柔軟なカスタマイズ

● こんな方におすすめ
・無料テーマを使っているけど、もっと自分らしいデザインにしたい
・ちょっとしたカスタマイズ方法がわからず困っている
・制作会社に頼むほどではないけど、デザインを調整したい
・CocoonやLightningを使っていて、CSSを活かしたカスタマイズをお願いしたい

「こんなこと頼んで大丈夫かな？」というレベルでもOK！まずはお気軽にご相談ください！

◆予算について

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

◆納期について

記載の納期はあくまで目安です。
短納期を心掛けていますが、チェックバックなどで若干前後する可能性がございます事、予めご了承ください。

◆納品までの流れ

①ヒアリング
・カンプデザイン、動的制御（アニメーションやスライドなど）の有無の確認。
↓
②ご契約
・お見積り、納期をご提示させていただきます。
ご納得いただけた場合、ご購入をお願いいたします。
↓
③デザインデータおよびコーディングに必要な各情報（metaタグ周り、OGPなど）の納品
ご購入後デザインデータ（XD、figmaなど）の納品をお願いいたします。
※Adobe、ＧoogleフォントなどWEBフォントのみで制作されているデザインデータは問題ございませんが、特殊なフォントを使用されている場合はアウトライン化のデータを合わせて納品ください。
↓
④制作・確認・修正
・気になる点がある場合、可能な限り修正対応いたします。
※軽微な修正は修正回数に関わらず追加費用はございません。
※テストアップが必要でしたら、テスト環境はご用意可能です。
↓
⑤納品
・Zip形式で納品いたします。
※納品方法は指定がございましたら、お知らせください。
※原則、公開環境にアップロード（HTML、CSS、javaScript、イメージ）するファイルのみお渡しいたします。

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

デザインデータから高品質なWebサイトを迅速に構築します！レスポンシブ対応でスマホも安心。あなたのビジネスをWebで成功に導きます。

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

企業のWebサイトをリニューアルしたいが、デザインデータはあるもののコーディングできる人がいない。スマホ対応も必須。

発注の流れ

お問い合わせ
メッセージにて、Webサイトの目的、デザインデータ、希望納期などをお知らせください。

お打ち合わせ
デザインデータを確認し、Webサイトの構成、機能、SEO対策などについてご提案します。

お見積もり・ご契約
お見積もりをご確認いただき、ご納得いただけましたらご契約となります。

制作・納品
コーディング、テスト、修正を行い、Webサイトを納品します。

対応範囲・価格

基本のWebサイト構築：5万円〜
HTML/CSSによるレスポンシブWebサイト構築（5ページまで）。デザインデータからのコーディング、スマホ対応、SEO対策。

WordPressテーマ化：10万円〜
WordPressテーマ化（オリジナルテーマ）。基本のWebサイト構築に加え、WordPressによるCMS導入、ブログ機能追加。

STUDIO制作：8万円〜
STUDIOを用いたWebサイト制作。STUDIOによるWebサイト制作、アニメーションやインタラクションの実装。

納期

最短1週間で納品

制作の流れ

要件定義・設計
お客様から提供されたデザインデータと要件を詳細に分析し、Webサイトの構造を設計します。

コーディング
HTML, CSS, JavaScriptを用いて、Webサイトのコーディングを行います。レスポンシブ対応も行います。

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

納品・公開
Webサイトを納品します。必要に応じて、サーバーへのアップロード作業も行います。

サービス内容

デザインデータから高品質なWebサイトを迅速に構築します。レスポンシブ対応でスマホも安心。WordPressテーマ化やSTUDIO制作も対応可能です。

Webサイトのデザインはあるけど、コーディングできる人がいなくて困っていませんか？スマホ対応もしたいけど、どうすればいいかわからない？そんなあなたのために、私がWebサイトを制作します！FigmaやXDのデザインデータを正確に再現し、レスポンシブ対応でスマホでも快適に閲覧できるWebサイトを制作します。WordPressテーマ化やSTUDIO制作も対応可能です。お気軽にご相談ください。

迅速かつ丁寧な対応で、お客様のWebサイトを最適化します！

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

Webサイトの表示速度が遅い、スマホ対応ができていない、サイトの修正を依頼したいがどこに頼めばいいかわからない

発注の流れ

お問い合わせ
メッセージにて、ご希望の修正内容、ページURL、参考サイトなどをお知らせください。具体的なイメージがない場合でも、お気軽にご相談ください。

お見積もり
いただいた内容を元に、お見積もりと納期をご連絡いたします。料金や作業内容について、ご不明な点があればお気軽にご質問ください。

制作開始
お見積もり内容にご同意いただけましたら、作業を開始いたします。途中経過も随時ご報告いたしますので、ご安心ください。

納品・修正
修正完了後、お客様にご確認いただきます。修正点があれば、お気軽にお申し付けください。納得いただけるまで修正対応いたします。

対応範囲・価格

Webサイト修正：5,000円〜
HTML/CSSの修正、テキスト変更、画像差し替えなど、小規模な修正を承ります。

レスポンシブ対応：30,000円〜
既存Webサイトのレスポンシブ対応を行います。スマホ、タブレットなど、あらゆるデバイスで快適に表示されるように調整します。

LP制作：50,000円〜
ランディングページ（LP）を制作します。デザイン、コーディング、レスポンシブ対応まで一貫して対応いたします。

納期

内容によって異なりますが、通常1週間〜2週間で対応可能です。

制作の流れ

企画・構成
お客様からいただいた情報をもとに、Webサイトの構成やデザインを検討します。必要に応じて、参考サイトやイメージなどを共有していただきます。

コーディング
決定した構成とデザインに基づいて、HTML、CSS、JavaScriptなどを使用してコーディングを行います。レスポンシブ対応も行います。

テスト
コーディングしたWebサイトをテスト環境で確認し、動作確認や表示崩れがないかなどをチェックします。

修正
テストの結果に基づいて、Webサイトの修正を行います。お客様からのフィードバックも反映し、より良いWebサイトに仕上げます。

サービス内容

Webサイトのコーディング、修正、レスポンシブ対応を承ります。お客様のWebサイトを、より使いやすく、魅力的なものにするお手伝いをさせていただきます。HTML/CSS/JavaScript/PHPのスキルを活かし、迅速かつ丁寧に対応いたします。

Webサイトのちょっとした修正、スマホ対応、LP制作でお困りではありませんか？

「Webサイトの表示が崩れてるけど、どこに頼めばいいかわからない…」「スマホで見たときに見づらいから直したい…」そんなお悩みを、デイトラWeb制作コースで基礎を学んだフリーランスの私が解決します！

HTML/CSS/JavaScriptの知識を活かし、迅速かつ丁寧にWebサイトを修正・改善。あなたのWebサイトを、より使いやすく、魅力的なものに変身させます。まずは、お気軽にご相談ください！

あなたの想いをカタチに！デザインカンプからフルスクラッチ、WordPressまで、心を込めてコーディングいたします。

発注の流れ

お問い合わせ
メッセージにて、ご希望のWebサイトのイメージや目的、予算、納期などをお気軽にご相談ください。参考となる資料などがあれば、共有していただけるとスムーズです。

お見積もり・ご契約
ヒアリング内容に基づき、お見積もりを提示します。ご納得いただけましたら、正式にご契約となります。

コーディング作業
ご契約後、コーディング作業を開始します。進捗状況を随時ご報告し、お客様と連携しながら進めていきます。

ご確認・修正
完成したWebサイトをご確認いただき、修正点があればご遠慮なくお申し付けください。迅速に対応いたします。

納品・アフターサポート
最終確認後、納品となります。納品後も、保守・運用に関するご相談を承ります。

対応範囲・価格

デザインカンプからのコーディング：3万円〜
デザインカンプを忠実に再現。細部までこだわった美しいコーディングをします。ピクセルパーフェクトな仕上がりをお約束します。

HTMLからのWordPress化：5万円〜
既存のHTMLをWordPress化。ブログ機能の追加やSEO対策、更新しやすいサイト構造を実現します。お客様自身で簡単に更新できるようになります。

アニメーションの追加：1万円〜
動きのあるWebサイトで、ユーザーの興味を惹きつけます。スクロールアニメーションなど、様々な表現が可能です。

細かな修正：5,000円〜
表示崩れや誤字脱字など、細かな修正も丁寧に対応します。迅速な対応で、お客様のビジネスをサポートします。

納期

案件内容により異なります。お気軽にご相談ください。

制作の流れ

Webサイト設計
お客様から提供されたデザインカンプや資料を基に、Webサイトの構造を設計します。SEO対策も考慮した設計を行います。

コーディング
設計に基づき、HTML、CSS、JavaScriptなどのコードを記述します。FLOCSSやBEMなどの設計ルールを活用し、保守性・拡張性の高いコードを書きます。

テスト・修正
作成したWebサイトを様々なデバイスでテストし、表示崩れがないか、動作に問題がないかなどを確認します。必要に応じて修正を行います。

お客様確認
お客様にWebサイトをご確認いただき、フィードバックをいただきます。修正点があれば、迅速に対応します。

納品
最終確認後、Webサイトを納品します。必要に応じて、サーバーへのアップロードやWordPressのインストールなども代行します。

サービス内容

デザインカンプからのコーディング、HTMLからのWordPress化、アニメーション実装、LP/HP作成、WordPressサイト作成、SEO対策など、Webコーディングに関するお仕事を幅広く承ります。制作会社クオリティを、個人ならではの価格でご提供いたします。

私は、制作会社クオリティのコーディングを、個人ならではの価格でご提供しています。
デザインカンプからのコーディング、HTMLからのWordPress化、アニメーションの追加など、コーディングに関するお仕事はなんでもお任せください！

まずは、お気軽にご相談ください。あなたのWebサイトを、もっと魅力的にするお手伝いをさせていただきます。