CSSの依頼・発注・代行

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

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

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

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

宜しくお願い致します。

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で翌日など）可能です！お急ぎの場合はお知らせください。

◾️金額について

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

ご覧いただきありがとうございます。
Webコーダーのヒダカと申します。

本サービスでは、デザインを忠実に再現した静的サイト（LP・企業サイトなど）のコーディングを承っております。
スマホ・タブレット・PCすべてで快適に閲覧できるよう、丁寧に実装いたします。

■ サービス内容
・HTML / CSS / JavaScript による静的コーディング
・PC / スマホ / タブレット対応のレスポンシブ最適化
・JavaScript（jQuery）を用いたアニメーション実装
（例：ハンバーガーメニュー、スライダー、フェードインなど）
・既存サイトの調整・修正

■ 料金目安（レスポンシブ対応込み）
・LPコーディング：15,000円〜
・トップページ：15,000円〜
・下層ページ：5,000円〜（1ページあたり）
・アニメーション実装：2,000円〜
※作業内容・ボリュームによりお見積りいたします。
まずはお気軽にご相談ください。

■ 納品までの流れ
・「見積り・カスタマイズを相談する」より内容をご連絡ください
・デザインデータのお預かり
・コーディング作業
・ご確認・修正
・最終確認後、納品

■ 納品方法
・Zipファイルでの納品
・ご指定のサーバーへのアップロードも可能

丁寧なコミュニケーションと責任ある対応を心がけております。
「軽微な修正」であれば 当日対応 も可能です。

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

ご用意いただいたデザインをもとに作業をしますので事前にデザイン案を準備していただく必要があります
既存のホームページの改修についても同様ですが部分的にどこをどうするかの指示書を用意していただく必要があります

PHP について、現状のバージョンを維持しますのでバージョンアップが必要な場合は別途費用を頂戴します
CSS について、 CSS nesting を前提にしており SCSS、SASS、は使用しません
JS について、 vanilla JS を前提にしていますので jQuery は使用しません
wordpress は使用せず何かしらの PHP フレームワークを使用します。

• 受注目的、もしくはレーティング操作を目的で営業をかけてくるランサーがいます。パッケージ販売の本来の意図と異なるため接触があった時点でパッケージの最低額のプランを請求しますのでご了承ください。

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

========

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

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

などなど

========

【　制作の流れ　】

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

◯無料セキュリティ対策（WordPressの場合）
・SiteGuard
・Google reCAPTCHA v3
========

【　料金　】

トップページ(レスポンシブ・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サイトをご確認いただき、問題がなければ納品・公開となります。

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

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

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

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

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

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

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

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

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

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

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

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

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

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

◾️提供内容

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

jQuery/JavaScriptの実装

CSSアニメーション

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

◾️基本料金内

jQuery/JavaScriptの実装

レスポンシブ対応

SEO対策

テスト環境
修正対応

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

◾️納期

トップページ：2～4日

下層ページ：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)
過去の実績やデザインのテイストをご確認いただけます。

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

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

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

✅ 作業内容（一例）

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

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

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

✅ 対応条件

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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営業日となります。（ベーシックプランの場合）

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

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

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

◆サービス内容

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

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

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

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

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

◆制作の流れ

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

◆納品方法

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

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

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

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

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

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

■ バックエンド開発

• PHP/WordPress
• Shopify実装

■ 開発環境

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

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

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

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

【制作フロー】

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

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

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

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

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営業日となります。（ベーシックプランの場合）

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

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

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

【制作の流れ】

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

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

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

【制作会社様・Webデザイナー様へ】

「デザインにはこだわりたいが、JavaScript/jQueryの実装で手が止まってしまう…」
「納期間近なのに、スマホでメニューが動かないバグが取れない…」
「クライアントからリッチな動きを求められたが、実装スキルが足りない…」

そんな「フロントエンドの技術的な課題」を、制作会社で10年・事業会社で2年の経験を持つベテランエンジニアが解決します。

【こんなご依頼に対応します】

リッチなアニメーション実装

• オープニングのローディング演出
• スクロールに連動したパララックス・要素の出現アニメーション
• SVGを使用したラインドローイングアニメーション

機能的なUIの実装

• 複雑な絞り込み機能付きの検索
• スライダー（Swiper/Slick）の高度なカスタマイズ
• モーダルウィンドウ、アコーディオン、メガメニュー

WordPress関連

• Contact Form 7 のカスタマイズ・バリデーション追加
• 既存テーマとjQueryの競合解決

プラン内容

💎 ベーシックプラン：10,000円（税抜）
【スポット実装・レスキュー】高難易度アニメーション1点 or 複雑なバグ修正
「ここの動きだけ、どうしても実装できない！」というプロ向けのプランです。

• 複雑なオープニングアニメーションの実装
• GSAPなどを使用したリッチなスクロール演出 1点
• WordPressプラグインとjQueryの競合解消などの重度なトラブルシューティング

納期: 2〜3日

💎 スタンダードプラン：30,000円（税抜）
【LP・1ページ丸ごと】アニメーション実装一式（動きの付け足し）
デザインとHTMLコーディングはできているが、「動き」だけプロに任せたいWebデザイナー様向け。

• LP1ページ分の全アニメーション実装（スライダー、フェードイン、スムーススクロール、SPメニュー等）
• マイクロインタラクション（ボタンのホバー効果など）の調整
• スマホ実機での挙動確認・調整

納期: 5〜7日

💎 プレミアムプラン：50,000円〜（税抜）
【高機能実装】WordPress組み込みや複雑な診断・計算コンテンツ等
単なる表示のアニメーションを超えた、機能要件を含むJavaScript開発。

• 「条件分岐のあるフォーム」や「見積もりシミュレーション」の実装
• 外部APIとの連携（Google Maps APIやInstagram埋め込みのカスタマイズ等）
• WordPressの検索機能のAjax化など

納期: 10日〜

私の強み

1. 「制作会社の品質」を知っています ナショナルクライアント（大手食品・電機メーカー等）の案件経験が豊富です。ただ動くだけでなく、「クロスブラウザ対応」「納品後の更新のしやすさ（保守性）」を考慮した、事故のないコードを納品します。
2. 「更新作業」まで考慮した設計 納品後、クライアント様や他のエンジニアが修正する際に困らないよう、可読性の高いコードと設計を心がけています。
3. 緊急対応も可能 「明日までに直さないといけない」といった緊急のトラブルも、スケジュール次第で即日対応いたします（まずはご相談ください）。

発注の流れ

ヒアリング・要件定義・お見積もり
ヒアリング内容をもとに、最適なプランをご提案します。お見積もりもこの段階で提示します。

ご契約
ご提案内容とお見積もりにご納得いただけたら、契約を締結し、制作を開始します。

動作確認・修正
実装後、お客様に動作確認をしていただきます。修正点があれば、遠慮なくお申し付けください。

納品・アフターサポート
最終確認後、納品となります。納品後も、簡単な修正やご質問には対応いたします。

古いホームページをスマホ対応に！ 費用を抑えて、集客チャンスを最大化します！

既存PC向けホームページをURLはそのままにレスポンシブ化（画面の大きさに合わせて表示を最適化）。

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

スマホからのアクセスが増えているのに、ホームページがスマホ対応できていない。
スマホ対応したいが、リニューアル費用が高い。
PCサイトのデザインは気に入っているので、その雰囲気を損なわずにスマホ対応したい。

無料お見積もりの段階でおおよその仕上がりをテストページを作成してご提案します

お問い合わせの際に、ホームページのURLをお知らせください。
ホームページを拝見し、サンプルとして「仕上がり予定図」をご提示します。
それを確認してから発注するかどうかをご判断ください。

サンプル提示後の営業はいたしませんので、『思っていたのと違うな』ということであれば、そのままスルーしていただいてかまいません。
お気軽にどうぞ。

ページ数ではなくCSSファィルの容量で料金計算するから安くて明朗

ご自身でのお見積もりも可能です。
そのホームページに関わるすべてのPC表示用CSSファイルを選り出してください。
次にファイル容量を合計してください。

ファイル容量の合計が10KB（キロバイト）以内、なおかつ文字数のトータルが5,000文字以内 = 12,000円（最低ライン）。
ファイル容量の合計が20KB以内、なおかつ文字数のトータルが10,000文字以内 = 20,000円。
ファイル容量の合計が30KB以内、なおかつ文字数のトータルが15,000文字以内 = 28,000円。

基本料金4,000円＋10KB毎に8,000円という計算方法です。
見積もり時の計算が合っているかどうか（妥当な価格であるかどうか）を、第三者にも客観的に検証してもらえます。

この際、ページ数は関係ありません。
極端なケースですが、ページ数100ページであったとしてもCSSファイルの総容量が10KB以内かつ5,000文字以内であれば料金は12,000円となります。

ごく一般的な10ページ程度のホームページであれば10KB以内に収まっていることが多いです。

お問い合わせいただければこちらで計算いたします。

納期

最短4日間

制作の流れ

• コーディング
  お客様のPCサイトを基本に、トレンドを取り入れながらスマホやタブレットに最適なレイアウトを考えます。
  そこからお客様のご要望をお聞きして調整を行います。
  PCサイトに無い機能や、スマホページの時だけ追加したい画像がある場合はご相談ください（たとえばスマホ時にハンバーガーメニューを導入したいなど）。

• 対応画面
  PCとスマートフォンだけではなく、中間の大きさのタブレットにも最適化されます。
  一番小さい端末はiPhone SE（第2・3世代）を想定しています。

• 納品
  スマホ最適化されたホームページをZIPファイルで納品いたします。

レンタルサーバへの転送・設置も代行して欲しいという場合は、

• サーバ名
• アカウント名（ユーザー名）
• ログインパスワード

の情報が3つとも必要です。

設置代行は無料です。

サービス内容

PCサイトのデザインはそのままに、スマホに最適化するサービスです。低コストでスマホ対応を実現し、集客アップに貢献します。

ホームページをお持ちの卸売・小売業、飲食店、士業の皆様、スマホ対応はお済みですか？
スマホからのアクセスが増加している今、スマホ対応は必須です。
しかし、ホームページのリニューアルには高額な費用がかかります。
そこで、私がご提供するのが、既存のPCサイトのデザインをそのままに、低コストでスマホ対応を実現するサービスです。
最小限の工事で、スマホユーザーを取り込み、集客アップに貢献します。
まずは、お気軽にご相談ください。

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

Web制作を初めて学ぶ方や、独学での勉強で限界を感じている方へ
HTML / CSS / JS（jQuery）の学習を元教員がサポートいたします。

【学習内容】
・HTML / CSS の学習
・デザインから HTML / CSS コーディング
・レスポンシブ対応
・JS（jQuery）の学習

【学習難易度】
・初学者〜中級者

【学習形式】
・ビデオチャット機能を使用し、画面共有しながら学習します

【学習対応時間】
・平日：11:00 ～ 16:00 , 20:30 ～ 23:30
・土日祝：13:00 ～ 16:00 , 20:30 ～ 23:30

【学習開始までの流れ】
１. サービスのご購入
２. ヒアリング日程調整
３. ヒアリング実施と VSCode のインストール
４. 学習日程調整
５. 学習開始

【キャンセル料（リスケジュールを含む）について】
・学習日の36時間内にご連絡いただいた場合、キャンセル料（代金の100％）が発生します

【注意事項】
・学校の課題や仕事などは対応できません
・実際に手を動かしながらコーディングしますので、PCをご用意下さい
・顔出しは不要ですので、ビデオチャット開始後にカメラオフにして下さい
・学習日当日10分以上遅刻した場合キャンセル扱いとなります

まずは見積もりかDMでお気軽にお問い合わせください。

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

【サービス内容】
・HTML/CSSコーディング
・JavaScript（jQuery）を使ったアニメーション
・レスポンシブ対応

【オプション料金】
・追加1,000pxごと：+2,000円
・修正回数超過：1回 +2,000円
・PC/SPどちらかのみのデザイン支給：+5,000円〜
・JavaScript追加（内容により）：+2,000円〜（ホバー、フェードイン、ハンバーガーメニューは無料です。ご希望の場合はご依頼時にお申し付けください）

【納品方法】
・Zipファイルでの納品
・ご指定のサーバーへのアップロードも可能（FTP情報を共有ください）

丁寧なコミュニケーションと責任ある対応を心がけております。
まずはお気軽にご相談ください。

Shopifyのテーマで発生する「表示崩れ」「レイアウトの乱れ」「ちょっとした動作不良」などを、CSS/JavaScript/Liquidを用いて原因を切り分け、最短距離で修正します。
とりあえず直したい、でもどこが原因か分からない、アプリ導入後に崩れた、スマホだけ崩れる、特定ブラウザだけおかしい、という“よくある詰まり”に強いです。

▼こんな方へおすすめ

Shopifyのテーマで以下のような困りごとがある方
・PC/スマホで表示が崩れる、余白や文字サイズがおかしい
・ボタンが押せない/リンク範囲がズレる
・ヘッダー/メニュー/フッターが崩れた
・商品ページ/コレクションの並び・見た目を整えたい
・アプリ導入やテーマ更新後にレイアウトが崩れた
・ちょっとしたJS挙動（開閉、タブ、スライダー等）を直したい

▼ご提供内容（対応範囲）

・CSSの調整（余白、フォント、位置、レスポンシブ対応、崩れ修正）
・JavaScriptの軽微修正（クリック動作、簡易UI挙動の調整・不具合修正）
・Liquidの軽微修正（表示条件、文言、簡単な出し分け、マークアップ調整）
・原因調査（どのファイル/どの要素が原因か切り分け）
・修正後の簡易動作確認（PC/スマホの基本確認）

▼納品物

・Shopifyテーマへの修正反映
・変更点の共有（どこを直したか/今後触るときの注意点を簡潔に）

▼ご購入後の流れ

1. ヒアリング（症状の確認：いつから/どの画面/どの端末で発生か）
2. 調査・原因切り分け（テーマ/アプリ/カスタムコード等）
3. 修正案の提示→実装
4. 反映・確認→納品（修正点の共有）

▼購入時にご用意いただきたい情報（あるほど早いです）

・対象ストアURL（公開ページ）
・崩れているページURLと、崩れ箇所のスクショ（PC/スマホ）
・発生条件（iPhone/Android、Chrome/Safari等、再現手順）
・テーマ名、アプリ導入/更新の有無（分かる範囲でOK）
※管理画面への権限付与が必要な場合は、ランサーズの規約に沿ってご案内します。

▼非対応（別途相談）

・大規模な新規機能開発、アプリ開発、複雑な外部連携
・デザイン一式の作成（素材制作/ロゴ制作等）
・数値改善の保証（速度スコアや売上などは環境要因で変動します）
ただし「軽微修正として切り出せる形」に分解しての対応は可能です。

▼料金プランの目安

・ベーシック：軽微修正1件
・スタンダード：軽微修正3件＋原因切り分け
・プレミアム：緊急対応＋修正5件＋影響確認
追加修正や特急対応、検証環境での作業などはオプションをご利用ください。

まずは「これ直せますか？」の相談からで大丈夫です。
お気軽にご相談ください！

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サイトの保守・運用をサポートします。

対応範囲・価格

HTML/CSSコーディング：5万円〜
シンプルなHTML/CSSコーディング。
既存デザインからの変換や、簡単な修正に対応します。
小規模なLPやバナー制作にも最適です。

WordPressサイト構築：15万円〜
WordPressサイトの基本構築。
テーマ選定、プラグイン導入、コンテンツ設定など、Webサイトの立ち上げに必要な作業を代行します。
ブログサイトや中小企業サイトに最適です。

デザインデータからのWebサイト構築：30万円〜
デザインデータ（PSD/XD/Figma）を元に、高品質なHTML/CSS/JavaScriptでWebサイトを構築します。
レスポンシブ対応、アニメーション実装、SEO対策も可能です。
企業のWebサイトやECサイトに最適です。

WebサイトUI/UX改善：50万円〜
既存のWebサイトのデザインを分析し、UI/UXを改善します。
ABテスト、ヒートマップ分析、ユーザビリティテストなどを実施し、コンバージョン率向上を目指します。
ECサイトや会員制サイトに最適です。

AIを活用したWebシステム開発：100万円〜
AI技術を活用したWebシステムの開発。
ChatGPT連携、データ分析、自動レポート生成など、お客様のビジネス課題を解決するAIソリューションを提供します。

納期

要件定義後、最短2週間でプロトタイプを納品

制作の流れ

デザインデータ解析
お客様からご提供いただいたデザインデータ（PSD/XD/Figmaなど）を解析し、Webサイトの構造を設計します。

コーディング
HTML、CSS、JavaScriptなどの言語を用いて、Webサイトをコーディングします。
レスポンシブ対応、アニメーション実装、SEO対策も行います。

テスト・修正
Webサイトの動作確認、表示確認、セキュリティチェックなどを行います。
お客様にテストサイトをご確認いただき、フィードバックを反映します。

納品・公開
Webサイトをサーバーにアップロードし、公開します。
公開後も、Webサイトの保守・運用をサポートします。

サービス内容

デザインデータを、高品質なHTML/WordPressサイトに変換します。日本とインドネシアのハイブリッド開発体制で、迅速かつ丁寧に制作します。AI技術も活用し、お客様のビジネスを加速させるWebシステムを提供します。

Webサイトのデザインはあるけど、コーディングができない...そんなお悩み、ありませんか？

弊社は、日本とインドネシアのハイブリッド開発体制で、お客様のデザインデータを高品質なHTML/WordPressサイトに変換します。

「技術力 × ビジネス理解 × スピード」を軸に、お客様の事業成長を支援する開発パートナーとして活動しています。

AI技術も活用し、お客様のビジネスを加速させるWebシステムを提供します。

まずはお気軽にご相談ください。お客様のプロジェクトに最適な体制とプランをご提案させていただきます。

HTML/CSSのコーディングに加えて、Webサイトにより魅力的なアニメーションをつけたい方におすすめです。

ご提供内容

• HTML/CSSコーディング
• JavaScript(jQuery)を用いたハンバーガーメニュー・スムーススクロール・スライダーなどの快適なサイト構築
• JavaScript(jQuery/GSAP)を用いたWebアニメーション
• レスポンシブ対応コーディング（標準対応）
• 0からのWordPress構築（プレミアム料金）

そのほか、「これできますか？」などのご希望はお気軽にお申し付けください！

料金

料金はプラン料金欄やオプション欄をご覧ください。
デザインやご要望によって費用が前後いたしますので、まずはお気軽にお問い合わせください。
お見積書を作成いたします。

修正回数

無制限です。ただし、内容によっては納期をご相談させていただく場合があるかもしれません。
ご満足いただけるWebサイトを作れるよう、尽力いたします。

制作の流れ

1. まずはお問い合わせください。
2. デザインデータをご提供いただき、簡単なヒアリングをさせていただきます。
3. デザインとヒアリング内容に基づき、お見積書をご提出。
4. お見積内容にご了承いただけましたら、ご契約となります。
5. コーディング
6. ご確認・修正対応
7. 最終確認・納品

納品方法

• zipファイル送付
• サーバーへのアップロード

静的コーディングのみの場合はzipファイル送付も可能です。
基本的にはサーバーへのアップロード対応とさせていただきます。

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

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

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

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

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

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

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

◆はじめに

Webデザインデータを元に、HTML/CSS/JavaScriptによるコーディングを行います。
再現性と保守性を重視し、実運用を想定した実装を心掛けています。

◆予算について

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

◆納期について

記載の納期はあくまで目安です。
できる限り短納期での対応を心掛けておりますが、チェックバックの状況により前後する可能性がございます。
あらかじめご了承ください。

◆納品までの流れ

① ヒアリング

• カンプデザインの有無
• 動的制御（アニメーション・スライドなど）の有無
• ご要望・注意点の確認

　↓

②ご契約

• お見積り・納期をご提示いたします
  内容にご納得いただけましたら、ご購入をお願いいたします

　↓

③デザインデータ・必要情報のご共有
ご購入後、以下のデータ・情報をご共有ください。

• デザインデータ（Figma / XD など）
• metaタグ、OGPなどの各種情報
  ※ Adobe Fonts / Google Fonts などの Webフォント使用デザインは問題ありません
  ※ 特殊フォントを使用されている場合は、アウトライン化したデータも併せてご用意ください

　↓

④制作・確認・修正

• 制作後、ご確認いただきます
• 気になる点があれば、可能な限り修正対応いたします
  ※ 文言修正・余白調整などの軽微な修正は回数制限なく対応
  ※ テストアップが必要な場合、テスト環境のご用意も可能です

　↓

⑤納品

• Zip形式で納品いたします
  ※ 納品方法に指定がある場合は事前にお知らせください
  ※ 原則として、公開環境にアップロードする
  　HTML / CSS / JavaScript / 画像ファイルのみのお渡しとなります

◆さいごに

ご不明点やご相談がございましたら、些細なことでもお気軽にご連絡ください。

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 / JavaScriptでコーディングします（レスポンシブ対応）。

◎デザインに忠実
◎シンプルで読みやすいHTML構造
◎修正・微調整も丁寧に対応
を心がけています。

■対応内容
・HTML/CSSコーディング
・レスポンシブ対応（PC／スマホ／タブレット）
・軽微なJavaScript（例：ハンバーガー、アコーディオン、スムーススクロール等）
・画像の圧縮・最適化（webp対応可）
・metaタグ設定（title、description、OGP、favicon等）

■プランの目安（ページ数）
・ベーシック：1ページ
・スタンダード：5ページ
・プレミアム：10ページ
※LP/下層ページなど、静的ページを想定しています。

■進め方

1. ヒアリング（デザインデータ/素材/仕様/希望納期）
2. コーディング（再現度・可読性・保守性を意識）
3. 確認・微調整（各プランの回数内）
4. 納品（HTML/CSS/必要に応じてJS、フォルダ構成整理）

■納品形式
・HTML / CSS / JS（必要に応じて）
・フォルダ構成を整理して納品します

■対応できない/注意事項
・大規模アニメーションやアプリ級の実装は別途ご相談
・デザイン制作/文章作成は原則含みません（素材支給前提）
・連絡はプラットフォーム上で行います

◼︎高品質なコーディングで、お客様の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サイトを「読みやすく・使いやすく・更新しやすいサイト」へと生まれ変わらせます。

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

★プランの内容

・オリジナルがいいけど何をしたらいいか分からない
・起業するので名刺代わりのホームページが欲しい
・綺麗で整ったデザインのホームページを考えている

デザインにこだわり、オリジナルのWebサイトがほしい方におすすめです。

====================================

★サービス内容

●文章について
基本的にはお客さまにご用意いただいております。
ボリュームが足りない場合などは、資料や他社サイトを参考に、こちらで文章を作成させていただきます。

●素材写真
使いたい写真などがあればご提供ください。
写真が無い、もしくはプロの目から使わない方がいいと判断した場合は、こちらでご用意いたします。

●ロゴ
ロゴがまだ無い場合も大丈夫です。
シンプルなデザインでしたら、無料でお作りいたします。

●ページデザイン
テンプレートは使用せず、ヒアリング内容をもとに、
ご希望に沿った完全オリジナルのデザインで仕上げます。

●コーディング（HTML）
検索エンジンにやさしい、基本的なSEO対策を取り入れた形でコーディングいたします。
※検索結果での上位表示を保証するものではありません

●修正は納得いくまで何度でも
納品までの期間中であれば、何度でも修正対応OKです。
お気軽にご相談ください。

●サーバー・ドメイン取得もおまかせ
オプションにて、面倒なサーバーやドメインのお手伝いいたします。

●アップロード対応
完成したホームページは、こちらでサーバーへアップロードいたします。
そのまま公開までスムーズに進められます。

●アフターサポートも安心
納品後のご質問やちょっとしたご相談は、メールにていつでも無料で対応いたします。
※メールのみ

■その他含まれる内容（ご希望の方）
・スマホ対応（レスポンシブデザイン）
・Googleマップの設置
・お問い合わせフォームの作成 なども標準対応しています。

文章や素材の準備からデザイン、制作、公開まで、すべておまかせください！
「ホームページは初めてで不安…」という方も、安心してスタートできるようしっかりサポートいたします。

====================================

★プラン内容

◆ベーシックプラン
トップページのみのシンプルなプランです。

会社案内やサービス紹介など、簡潔な情報発信におすすめ。
※お問い合わせフォーム付き（トップページ下部に設置 ※ご希望の方）

◆スタンダードプラン
トップページ＋下層ページ3ページまで制作します。

情報をしっかり掲載したい方におすすめの内容です。

＜ページ構成の例＞
・トップページ
・サービス案内
・会社概要
・お問い合わせページ

または、

・トップページ
・スタッフ紹介
・料金案内
・ご予約ページ(お問い合わせ)

なども対応可能です。

◆プレミアムプラン
トップページ＋下層ページ5ページまで制作。

より充実した構成で、本格的なサイトに仕上げたい方に最適です。

★すべてのプランに含まれる内容
・不足分の文章・写真の補助作成
・シンプルなロゴ制作（ロゴが無い場合）
・完全オリジナルのデザイン
・HTMLコーディング（基本的なSEO対応）
・修正は納得いくまで無制限
・サーバーへのアップロード
・スマホ対応（レスポンシブ）
・Googleマップの設置
・お問い合わせフォーム設置
・納品後のアフターサポート（メール対応・無料）

====================================

★オプション対応（ご希望に応じて追加可能）
・下層ページの追加
・サーバー取得サポート
・ドメイン取得サポート
・縦長のLP（ランディングページ）制作

====================================

★お申込み後の流れ

1. 事前のヒアリング、お打ち合わせ
2. 仮払い、データ類のご用意
3. デザインカンプ（仕上がり見本兼ご提案書）の制作
4. 完成したデザインのご確認、修正対応（回数無制限）
5. デザインにOKを頂けましたら、コーディング（htmlページの制作）へ移行
   　完成したページをご確認、修正対応
6. サーバーへアップロード、完了

ホームページが完成してからのご不安も、いつでもお気軽にご連絡下さい。

====================================

★ご相談・お見積り

ホームページ制作をご検討されている方は、お気軽にご相談下さい。

こんな方におすすめ

・古いデザインのまま放置しているサイトを直したい
・スマホで見ると崩れるページを直したい
・文字が小さい／読みにくいサイトを改善したい
・業者に頼むほどではないが、自分では直せない

【 提供内容 】
※新規サイト制作・大規模リニューアルは対象外です。
・HTML/CSSの修正
・スマホ対応（レスポンシブ化）
・文字サイズ・余白・行間の調整
・レイアウト崩れの修正
・フォーム表示の調整
・軽いデザインの今風調整

【 納品物 】
・修正済みHTML/CSSファイル
・または修正箇所のコード一式
・事前／事後の比較画像（ご希望があれば）

【 ご購入後の流れ 】
サイトURL、またはHTML/CSSデータを送付
↓
修正したい内容をヒアリング
↓
作業開始
↓
仮納品 → 確認
↓
微調整後、正式納品

【 対応できるサイト例 】
・個人サイト
・小規模企業サイト
・ブログ
・LP
・ポートフォリオ
・古い静的HTMLサイト

【 料金・オプション 】
・基本プラン：指定ページの修正
・ページ追加、フォーム修正、特急対応などはオプション対応

【 納期目安 】
・基本：3〜5日
・特急対応：最短1〜2日（オプション）

●自己紹介
はじめまして。プロフィールをご覧いただきありがとうございます。
日本で約10年間、Webデザイナー・コーダーとして企業サイト制作に携わってきました。
実務で培った経験を活かし、丁寧で分かりやすいコーディングを心がけています。

●サービス内容
ご用意いただいたデザインカンプをもとに、
HTML／CSS／JavaScriptによるWebサイトのコーディングを行います。
SEOを意識し企業サイトやサービスサイトなど実務で使いやすいコードを納品します。
ページ全体だけでなく、サイトの一部分のみのコーディングにも対応可能です。
まずはお気軽にご相談ください。

●オプション
レスポンシブWebデザイン対応（PC／タブレット／スマートフォン）
JavaScript／jQuery／Bootstrapを使用した動きのある実装に対応

ご不明点や不安な点があれば、購入前でもお気軽にご相談ください。

時代を彩るレトロデザインで、あなたのホームページを個性的に！

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

集客力アップ、ブランドイメージの差別化、ターゲット層への訴求

発注の流れ

お問い合わせ
メッセージにてご要望やイメージをお聞かせください。参考になるサイトなどがあれば教えてください。

ヒアリング
具体的なページ構成やデザイン、納期について打ち合わせします。ビデオ通話も可能です。

お見積もり・ご契約
お見積もりと制作スケジュールをご提示します。ご納得いただければ契約となります。

デザイン確認・修正
デザイン案をご確認いただき、修正点があればお申し付けください。必要に応じて何度でも修正します。

コーディング
HTML/CSSコーディングを行い、動作確認を行います。スマホでの表示も確認します。

納品・公開
完成したホームページをサーバーにアップロードします。公開後のサポートも行います。

対応範囲・価格

基本のレトロホームページ制作：5万円〜
基本HTML/CSSコーディング、スマホ対応、トップページデザイン

ちょっと豪華なレトロホームページ制作：8万円〜
ロゴデザイン、ページ追加、簡単なJavaScriptアニメーション

全部おまかせ！プレミアムレトロホームページ制作：15万円〜
デザインフルオーダー、動画編集、サーバー設定、SEO対策

納期

契約から1〜3週間

制作の流れ

コンセプト設計
お客様の要望を丁寧にヒアリングし、レトロなデザインコンセプトを決定します。

デザイン
全体のレイアウトや配色、フォントなどを決定し、デザイン案を作成します。

コーディング・実装
HTML/CSSでコーディングし、JavaScriptで動きをつけます。

動作確認・修正
スマホでの表示や動作確認を行い、修正します。

納品
お客様に最終確認をしていただき、納品となります。

サービス内容

HTML/CSSと少しのJavaScriptで、どこか懐かしいレトロなホームページを制作します。スマホ対応はもちろん、ロゴデザインや動画編集も承ります。あなたの個性を光らせる、世界に一つだけのホームページを作りませんか？

「なんか懐かしい…」レトロなホームページで、他とは違う個性を演出してみませんか？

今のホームページ、なんだか没個性でつまらない…
もっと自分らしさを出したいけど、どうすればいいかわからない…
そんなお悩み、山田屋が解決します！

レトロデザインは、古き良き時代の温かみと、現代的なスタイリッシュさを兼ね備えています。
どこか懐かしい雰囲気で、訪れる人の心をつかみ、記憶に残るホームページを作りませんか？

・他とは違う、個性的なホームページが欲しい
・レトロな雰囲気が好き
・スマホでも見やすいホームページが欲しい

そんなあなたに、山田屋がレトロホームページ制作をお届けします！

ご興味のある方は、ぜひお気軽にご相談ください。

WordPress（SWELLテーマ）を用いて、運営しやすく売上につながるサイトを制作します。
初心者の方から上級者の方まで、安心してご依頼いただけます◎

こんなお悩みをお持ちではありませんか？

・「ちゃんとした人に頼みたい」けど、コストはなるべく抑えたい
・今のホームページを、もっとわかりやすく・見やすく整えたい
・公開後も、自分で更新や運営をしていけるようにしたい
・原稿や写真がまだ揃っていないので、一緒に考えながら形にしたい
・せっかく作るなら、集客や売上アップにつなげたい

初めての方にもわかりやすく、ひとつひとつ進めていきます。
専門的な知識がなくても、安心してお任せください。

デモサイトもご用意しておりますので、まずはご覧ください。
https://keiloom.com/

■基本サービス内容
・トップページ＋3-5ページ（下層ページ） ※追加＋5,000円/1ページ
・オリジナルデザイン
・スマホ対応
・セキュリティ対策
・SEO対策（簡易的な）
・納品後1ヶ月のサポート
※LP制作も可能です。

■納品までの流れ
①まずはご購入前に「見積り・カスタマイズの相談」よりお問い合わせ下さい。
↓
②ご希望をヒアリングした上でお見積りさせていただきます。
↓
③ご購入
↓
④掲載する画像や文章、ロゴ、SNS情報などをご提供いただきます。
↓
⑤制作開始
↓
⑥確認 / 修正（2回まで）
↓
⑦納品（クローズ）

■注意事項
・サービス購入後のキャンセルは受け付けておりません。
・SWELLテーマ設定機能の範囲内での制作とさせていただきます。
そのため、ご希望のレイアウトに添えない場合がございますので予めご了承ください。
・お客様からの連絡が7日以上途絶えた場合には終了し、正式な納品とさせていただきます。 その場合の返金はいたしかねますので予めご了承ください。
・実績として掲載させていただく場合がございます。ご協力お願いいたします。 実績掲載不可の場合はお申し出ください。
購入にあたってのお願い
■お客様でご準備していただくもの
①レンタルサーバー ②ドメイン ③掲載する文章、画像 ⑤参考イメージサイト
※保守管理を弊社へご依頼いただく場合は、①②はこちらでご用意します。
※画像を用意できない場合でも、フリー素材での提案が可能ですのでご安心ください。

WordPressを使用しますので、ホームページ運営初心者の方でも操作しやすく、納品後もご自身でカスタマイズ、更新が可能です。
ご不明な点がある場合はお気軽にご相談ください。 どうぞよろしくお願いいたします。

※制作実績は、当方のポートフォリオとして活用させていただきます。非公開をご希望でしたらお声がけください。

ご覧いただきありがとうございます。
デザインデータを元に、コーディング代行いたします！

◎こんな方へおすすめです◎
・デザインはあるけれど、実装する人手が足りない方
・制作が詰まっていて、急ぎで形にしたい方（状況により優先対応可）
・スマホ〜PCまでしっかり綺麗に整えたい方
・公開後の更新や修正を想定して、扱いやすい形で納品してほしい方
・やり取りが丁寧で、進行が分かりやすい相手に任せたい方

◎ご提供できること◎
・HTML、CSSでの静的コーディング
・レスポンシブ対応
・Javascript（jQuery）でのアニメーションの実装
・WordPress実装
・お問い合わせフォーム実装
・既存ページの修正
など

◎購入後の流れ◎
①ヒアリング
　デザイン確認後、対応範囲や納品形式などのすり合わせを行います。
②制作開始
③確認・修正
　修正は３回まで無料で行います。
④納品（データ一式／必要事項の共有）

◎料金目安◎
LP（1ページ）：20,000円〜
アニメーション追加：5000円〜

※ご依頼内容に合わせて金額が変動しますので、目安としてご覧ください。
内容に合わせてお見積もりしますので、お気軽にご相談ください。

◎納期について◎
例）
LP（1ページ）：正式に着手後、3日
TOP +下層数ページ：正式に着手後、7日〜10日

ページ数・内容によって納期は変動しますが、お急ぎ案件の場合も
できる限りお応えできるよう努めますので、まずはご相談ください。

◎お約束すること◎
・分かりやすく、丁寧なコミュニケーション
　安心して任せていただけるように、真摯に取り組みます。
・見やすく、運用しやすい納品
　更新や修正がしやすいよう、構成やファイルを整理してお渡しします。
・仕上がりの品質確認
　スマホ〜PCまで各ブラウザで表示を確認します。
・納期を意識した進行

なるべく迅速なレスポンス＆作業ができるよう心がけております。
内容に合わせて柔軟に対応しますので、ぜひお気軽にお問い合わせください。

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

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

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

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

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

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

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

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

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

ご覧いただきありがとうございます。
Webコーダーのヒダカと申します。

本サービスでは、デザインを忠実に再現した静的サイト（LP・企業サイトなど）のコーディングを承っております。
スマホ・タブレット・PCすべてで快適に閲覧できるよう、丁寧に実装いたします。

さらに、本サービスは「当日から作業開始できる即対応プラン」 となっており、
急ぎの案件にもスピーディーに対応可能です。
※業務終了後にご連絡頂いた場合には、翌日からの作業となります。

■ サービス内容
・HTML / CSS / JavaScript による静的コーディング
・PC / スマホ / タブレット対応のレスポンシブ最適化
・JavaScript（jQuery）を用いたアニメーション実装
（例：ハンバーガーメニュー、スライダー、フェードインなど）
・既存サイトの調整・修正

■ 料金目安（レスポンシブ対応込み）
・LPコーディング：15,000円〜
・トップページ：15,000円〜
・下層ページ：5,000円〜（1ページあたり）
・アニメーション実装：2,000円〜
※作業内容・ボリュームによりお見積りいたします。
まずはお気軽にご相談ください。

■ 納品までの流れ
・「見積り・カスタマイズを相談する」より内容をご連絡ください
・デザインデータのお預かり
・コーディング作業
・ご確認・修正
・最終確認後、納品

■ 納品方法
・Zipファイルでの納品
・ご指定のサーバーへのアップロードも可能

丁寧なコミュニケーションと責任ある対応を心がけております。
「軽微な修正」であれば 当日対応 も可能です。

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

御社の煩雑な事務作業から、クリエイティブなWeb制作までを幅広くサポートいたします！

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

事務作業の効率化、Webサイトの改善

HTML/CSSコーディング、PHP(Laravel)によるWebシステム開発、事務作業代行などの幅広い業務を承ります。

発注の流れ

お問い合わせ
お気軽にご相談ください。業務内容やご要望を詳しくお伺いいたします。
↓
企画提案・お見積り
ヒアリング内容に基づき、最適なプランとお見積もりをご提案いたします。
↓
ご契約
ご提案内容にご納得いただけましたら、ご契約となります。
↓
業務開始
計画に沿って業務を進めてまいります。
必要であれば進捗状況は随時ご報告いたします。
↓
納品・完了
完了報告後、成果物をご確認いただきます。
必要に応じて修正も承り、完了しましたら納品いたします。

対応範囲・価格

事務作業代行：2,000円/時間〜
データ入力、書類作成、顧客対応など、様々な事務作業を代行します。
時間とコストを削減し、本業に集中できる環境を整えます。

Web制作サポート：要相談
HTML/CSSコーディング、Webサイトのデザイン修正、LP作成など、Web制作に関する業務を承ります。御社のWeb戦略を強力にバックアップします。

英語対応サポート：プラス1,000円/時間〜
海外顧客とのメール対応、英文資料の作成などの英語を使った業務を代行します。
スムーズな海外取引をサポートします。（文書の翻訳は現在受け付けておりません）

※価格と納品日に関しましては、業務内容や希望納期日などを考慮し、お互いが納得のいくご契約ができればと考えておりますので、ぜひ一度ご相談ください

制作の流れ

ヒアリング
お客様の課題やご要望を丁寧にヒアリングし、最適な解決策を検討します。
↓
計画立案
ヒアリング内容に基づき、具体的な計画を立て、スケジュールを作成します。
↓
業務遂行
計画に沿って、着実に業務を進めてまいります。進捗状況は随時ご報告いたします。
↓
品質チェック・修正
成果物をご確認いただき、必要に応じて修正を行います。
↓
納品
最終的な成果物をお客様に納品いたします。

最後に

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

「Webの知識がないから、ホームページの修正も一苦労…」「煩雑な事務作業の処理に苦労している…」そんなお悩み、ぜひご相談ください！

商社での貿易事務経験とWeb開発の知識を活かし、事務作業からWeb制作、英語対応まであなたのビジネスを幅広くサポートします！
もちろん事務作業、web制作の単体でのご注文もお受けしております！

時間とコストを削減し、あなたのビジネスを加速させます。まずはお気軽にご相談ください！

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

データ入力から記事作成まで、あなたのビジネスをサポートします！

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

時間がない、人手が足りない、文章を書くのが苦手、ウェブサイトを更新する時間がない。

発注の流れ

お問い合わせ
メッセージにて、ご依頼内容の詳細をお聞かせください。納期やご予算など、ご希望をお伺いします。

企画提案・お見積り
お伺いした内容を元に、最適なプランをご提案します。お見積もりも合わせてご提示いたします。

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

制作開始
制作を開始し、進捗状況を随時ご報告いたします。修正や変更のご希望があれば、お気軽にお申し付けください。

納品・完了
完成した成果物をご確認いただき、問題がなければ納品となります。残金のお支払いをお願いいたします。

対応範囲・価格

データ入力代行：3,000円～
基本的なデータ入力作業を迅速に代行します。

SEO対策ブログ記事作成：5,000円～
SEO対策を施した魅力的なブログ記事を作成します。

HTML/CSSコーディング代行：8,000円～
HTML/CSSコーディングで、Webサイトを美しく仕上げます。

納期

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

制作の流れ

企画立案
お客様からいただいた情報をもとに、記事の構成案やデザイン案を作成します。

制作
構成案やデザイン案にご納得いただけたら、制作を開始します。

中間報告
制作途中で、お客様に中間報告を行います。修正点や変更点があれば、お気軽にお申し付けください。

最終確認
完成した成果物をお客様にご確認いただきます。問題がなければ納品となります。

納品後サポート
納品後も、修正や変更のご要望があれば、お気軽にご連絡ください。

サービス内容

データ入力、記事作成、HTML/CSSコーディングなど、幅広い業務を迅速かつ丁寧に対応いたします。お客様のビジネスをサポートします。

「忙しくて手が回らない…」「ウェブサイトを充実させたいけど、どうすれば…」そんなお悩みを抱えていませんか？

フリーランスの私が、あなたのビジネスを全力でサポートします！データ入力から記事作成、HTML/CSSコーディングまで、幅広い業務に対応可能。即日対応も可能ですので、お気軽にご相談ください。

あなたのビジネスをさらに加速させるために、ぜひ一度お声がけください！

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

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

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

弊事務所でできること

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

発注の流れ

①お問い合わせ・ヒアリング
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サイトに関するお悩みを解決します！

ハイクオリティな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サイトの品質に不安がある。実装できる人がいないため、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サイト制作サービスをご利用ください！

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

こんな制作会社さま・企業さまへ！
・コーディングのリソースが足りない制作会社さま・企業さま
・日々の業務で手一杯なコーダーさまのサポートとして
・LPやWebサイト案件を受けたけど、コーディングに自信がないデザイナーさま

静的なコーディングや、WordPressを用いたサイト構築も対応可能です。
既存ページ改修、下層ページ１枚などもお受けいたします。

ご相談やお見積もりは無料にて対応いたします。お気軽にご連絡ください。

●サービスの紹介と特徴
▔▔▔▔▔▔▔▔▔▔▔▔
・柔軟かつレスポンスの速いコミュニケーションで、お互い気持ちの良い制作進行に貢献いたします。
・チェックシートを用いて品質を担保
・SEO内部対策を意識したコーディング
・簡易的なアニメーションは無料で対応

●ご予算について
▔▔▔▔▔▔▔▔▔▔▔▔
掲載の金額は目安の費用となります。
ページ数・デザイン内容に応じて詳細な見積りを提出いたします。

●価格表
▔▔▔▔▔▔▔▔▔▔▔▔
【静的コーディング】
・FV（ファーストビュー）＋5セクション ： 12,000円～
通常セクション追加（1セクション毎）　∔3,000円～

【WordPress】
・WordPressサイト構築：50,000円～
（インストール、初期設定、基本的なブログ機能実装を含む）
※内訳の一例
トップページ新規作成：20,000円～ / 1ページ
下層ページ新規作成：10,000円～ / 1ページ
既存ページ修正：10,000円～ / 1ページ

・カスタム投稿・カスタムフィールド追加：5,000円～
(ACF利用を想定)

【その他】
問い合わせフォーム設置：5,000円～
アニメーション　仕様に応じて別途お見積り

【無料オプション】
・基本的なアニメーション　※ハンバーガーメニュー、簡単なボタンホバー等
・レスポンシブ対応（PC/SP）標準対応
・WordPressプラグイン追加

●納品の流れ
▔▔▔▔▔▔▔▔▔▔▔▔
①お問い合わせ・ご相談
　まずは、お気軽にご相談ください。デザインカンプやご要望の詳細をお伺いします。

②お見積もり
　デザインカンプやご要望を基に、お見積もりを作成いたします。納期や費用について、詳細にご説明します。

③ご契約・制作開始
　お見積もり内容にご納得いただけましたら、ご契約となります。制作スケジュールや納期を確認し、着手いたします。

④テストサーバーにて全体確認 → 修正対応　
　コーディングが完了後、テストサーバーにてお客様にもご確認していただきます。
　修正点があれば、丁寧に対応いたします。

⑤納品・アフターサポート
　最終確認後、納品となります。納品後も、ご不明な点があればお気軽にご質問ください。

丁寧なリサーチに基づき、プログラミングの知識を分かりやすく伝えます

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

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

技術的な記事作成、コンテンツ不足、専門知識の不足、読者の理解度向上

発注の流れ

1.お問い合わせ
メッセージにて、記事のテーマ、ターゲット読者、希望する内容やキーワード、納期などをお知らせください。参考資料があれば共有をお願いいたします。

2.企画提案・お見積り
いただいた情報をもとに、記事の構成案や執筆プラン、お見積もりをご提案いたします。

3.ご契約・制作開始
内容にご納得いただけましたら、正式にご契約となります。

4.執筆
構成案に基づいて記事を執筆します。適宜、進捗状況をご報告し、フィードバックをいただきます。

5.納品・検収
完成した記事をご確認いただき、修正点があれば対応いたします。

6.完了
記事内容にご満足いただけましたら、納品完了となります。WordPressへの入稿も承ります。

対応範囲

●HTML/CSS入門記事作成
基本的なHTML/CSS記事の作成。簡単なコード解説や導入部分に最適です。

●JavaScript/jQuery記事作成
JavaScript/jQueryを使用した動的なWebページに関する記事作成。アニメーションやインタラクティブなコンテンツに。

●HTML/CSS/JavaScript/jQueryおまとめプラン
HTML/CSS/JavaScript/jQueryの記事作成をまとめて承ります。

納期・価格

記事の規模や内容により異なります。まずはご相談ください。

制作の流れ

1.企画立案
記事のテーマやキーワード、ターゲット読者、目的などをヒアリングし、記事の方向性を決定します。

2.リサーチ
SEO対策キーワードの選定、参考資料の収集など、記事の信頼性を高めるためのリサーチを行います。

3.構成作成
読者の興味を引きつけ、理解を深めるための構成を考えます。見出し、小見出し、導入文、本文、まとめなど、記事全体の流れを設計します。

4.執筆
構成案に基づいて、記事を執筆します。専門用語はわかりやすく解説し、読者が飽きないように事例や具体例を交えます。

5.校正・編集
誤字脱字、文法、表現のチェックを行い、記事の品質を高めます。必要に応じて、SEO対策キーワードの調整や修正を行います。

6.納品・入稿
WordPressへの入稿、画像の選定・挿入など、Webサイトへの掲載準備を行います。

サービス内容

HTML、CSS、JavaScriptなどのプログラミング言語に関する記事を作成し、あなたのWebサイトのコンテンツを充実させます。初心者にも分かりやすい丁寧な解説を心がけ、読者の理解度向上に貢献します。

プログラミングに関する記事作成でお困りではありませんか？

「Webサイトで技術情報を発信したいけど、専門知識がなくて書けない…」「記事を書いても読者にうまく伝わらない…」そんなお悩みを抱えていませんか？

私にお任せいただければ、丁寧なリサーチに基づいた、分かりやすいプログラミング記事を制作いたします。

あなたのWebサイトのコンテンツを充実させ、読者の理解度を深めるお手伝いをいたします。まずはお気軽にご相談ください。

Web制作会社で働く現役Webエンジニアの私が、コーディング代行を致します。
既存サイトの不具合などの小さなご依頼から、対応可能です！

「サービス詳細」
いただいたデザインカンプ(Figma/XD/Photoshop/イラレ)から、Webサイトコーディングをします。
SEO対策に有利な、コーディングを致します。
・HTML/CSSコーディング
・Wordpressサイト開発
・JavaScript,JQueryを使ったアニメーション実装
・Vue.jsを使ったモダンフロントエンド開発
・レスポンシブ対応
・お問い合わせフォーム実装(追加料金)
・既存サイトの不具合対応

「ちゃんと進捗管理ができて、連絡ができるエンジニアです。」
私は、「進捗管理」ができるエンジニアです。
ですので、エンジニアによくある、「進捗状況が把握しづらい。」と言ったことは、私の場合ございません。
進捗管理シートを使用し、コーディングを進めます。ですので、進捗状況がわからないと言ったことは起こらないと思います。
また、内部SEO対策を考え、コーディングを致します。

「私の強み」
・内部SEOを意識しコーディング
・進捗確認 / 修正指示がしやすい。
・Wordpressサイトを作成する際は、セキュリティ対策を致します。
・サイト表示速度改善のため、画像圧縮を行います。
・常時SSL化とアクセスデータ見ることができるGoogleアナリティクスの設置を行います。

「私の実績」
実績
・ホームページの制作(住宅業・ホテル宿泊業・美容クリニック・介護/デイサービス・福祉・保育園・歯医者・鍼灸院等)
・LP(大手企業のサービスLP・オンラインスクール・美容クリニック等)
・採用サイト(年間数本制作しております)
・Wordpress
・長野県の企業のサイト制作をすることが多いです
などなど

「アフターフォロー」
・追加修正が3回目まで無料

「大まかな流れ」
①内容のヒアリング、お見積もり
ヒアリングにて、画像やデザインデータを確認させていただきます。
②ご契約
③コーディング
④ご納品
レンタルサーバーにアップロード or ファイル納品を想定しております。

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

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

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

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

カスタマイズの一例

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

発注〜対応〜納品の流れ

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

注意事項

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

業務内容

この度は当社のサービスをご覧いただきありがとうございます。
当社は、中小企業様向けに会社案内サイト制作を承っております。
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サイト超の経験を活かして活動しています。
デザイン性と機能性を両立させた制作を得意とし、中小企業様の事業成長を支えるパートナーとして丁寧に対応いたします。

はじめまして。
ご覧いただきありがとうございます！

当サービスでは、
FigmaやXDなどのデザインを元に、HTML/CSS/JavaScriptでのコーディングから、
WordPressのオリジナルテーマ制作・WordPress化・カスタマイズまで対応いたします。

PC/スマホ対応のレスポンシブ設計や、JavaScriptによる軽快なアニメーションの実装など、
使いやすく見た目も美しいWebサイトをお作りします。

対応可能な業務

HTML / CSS / JavaScript コーディング

JavaScriptによるUIアニメーション（スライダー・スクロール演出 など）

レスポンシブ対応（スマホ・タブレット）

WordPress オリジナルテーマ制作（1からのWP化）

既存テーマのカスタマイズ（デザイン反映や機能追加）

固定ページや投稿テンプレートの作成

カスタム投稿・カスタムフィールド対応（ACFなど）

※SEO対策（構造化データやメタ設定の最適化など）は対応しておりません。

対応可能なデザイン形式

・Figma

・Adobe XD

・Photoshop

納期の目安

LP（静的）コーディング：7〜10営業日

WPテーマ化：14〜30営業日（内容により変動）

アニメーション実装追加：+1〜3日

WPカスタマイズのみ：5〜7日（内容次第）

ご依頼の流れ

【ヒアリング・相談】ご要望やデザインの共有

【見積もり提示】金額・納期をご案内

【正式発注】ご同意後に着手

【制作・途中確認】進捗を共有しつつ対応

【納品・修正】修正があれば対応

【完了報告】

注意点

サーバー・ドメイン設定代行は別途料金がかかります（ご相談ください）

SEOの内部対策は行っておりません

高度なプラグイン開発や複雑なPHPロジックの開発は要相談です

【★初回10%OFF★実績100件以上！制作歴11年のデザイナー兼コーダーがコーディングします】

「デザイン通りにコーディングしてほしい」
「スマホデザインはないけど、スマホ対応にしてほしい」
「作った後も更新や修正などの保守をお願いしたい」

中小企業様、店舗様、こんなお悩みありませんか？？
はじめての方でも大丈夫。そのお悩み、解決いたします！

PCデザイン、スマホデザインのどちらかしかない方も大歓迎です！

もしお見積もり金額が予算を超える場合はお気軽にご相談ください。

■対応可能データ
・Adobe Photoshop
・Adobe Illustrator
・Adobe XD

■制作内容の詳細
・静的コーディング（WordPressをご希望の方はご相談ください）
・レスポンシブ対応
・Sassを使用したコードのメンテナンス（scss記法）
└※scssファイルは納品いたしませんのでご了承ください
・更新者が運用しやすいCSS設計（REMM）
・内部SEOを意識したマークアップ
・スマホ（またはPC）デザインがない場合、コーディングベースで作成
・画像サイズ圧縮
・webp化
・ファビコン作成
・OGP画像作成
・Webクリップアイコン作成