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

HTML/CSSコーディング代行サービス

🎯 サービス概要

15年以上のIT実務経験とAdobe製品20年の使用実績を活かし、デザインファイルから高品質なWebサイトを制作いたします。医療・金融機関での基幹システム構築経験により、企業レベルの品質とセキュリティを重視したコーディングを提供します。

💪 私の強み・差別化ポイント

✅ 業界特化の実績

• 医療機関: 県立総合病院で8年間のIT全般・システム管理
• 金融機関: 基幹システム構築・保険会社ルーター設定実績
• 公共機関: 自治体システム基盤更改プロジェクト参加

✅ デザイン解釈力

• Adobe製品熟練: Photoshop・Illustrator 20年以上の使用経験
• 多様な形式対応: Adobe XD・Figma・PSD・AI・Sketch対応可能
• 仕様書なしOK: デザインファイルから要件を的確に読み取り

✅ 技術の幅広さ

• フロントエンド: HTML5・CSS3・JavaScript・jQuery
• バックエンド理解: PHP・MySQL・LAMP構成経験
• 現在学習中: React・TypeScript・AWS

🛠 対応可能な業務

基本サービス

• レスポンシブコーディング: PC・タブレット・スマートフォン完全対応
• クロスブラウザ対応: Chrome・Firefox・Safari・Edge動作検証
• SEO基本設定: title・meta・alt属性・構造化マークアップ
• アクセシビリティ配慮: WCAG準拠の基本的な配慮事項

JavaScript実装

• アニメーション: CSS3・jQuery・GSAP使用
• インタラクション: ハンバーガーメニュー・スライダー・タブ切り替え
• フォーム機能: バリデーション・送信処理・エラーハンドリング
• 外部API連携: GoogleMaps・SNS埋め込み・お問い合わせフォーム

品質管理・最適化

• コード品質: BEM記法・モジュール化・コメント充実
• パフォーマンス: 画像最適化・CSS/JS圧縮・キャッシュ設定
• セキュリティ: XSS・CSRF対策・セキュリティヘッダー設定

📋 制作フロー

1. 要件確認（1-2営業日）

• デザインファイル・仕様の詳細確認
• ブラウザ対応範囲・機能要件のすり合わせ
• スケジュール・納期の最終調整

2. 環境構築・設計（2-3営業日）

• ディレクトリ構造設計
• CSS設計・命名規則策定
• レスポンシブブレークポイント設計

3. コーディング実装（プランに応じて）

• HTML構造実装
• CSS・レスポンシブ対応
• JavaScript機能実装

4. 検証・最適化（3営業日）

• 各ブラウザでの表示確認
• レスポンシブ動作検証
• パフォーマンス・アクセシビリティチェック

5. 納品・サポート

• ファイル一式のzip納品
• 簡易的な更新手順書提供
• アフターサポート（プランに応じて）

🎯 得意な案件・業界

医療・ヘルスケア

• 病院・クリニックサイト
• 医療機器メーカー
• ヘルステック企業

金融・保険

• 銀行・信用金庫
• 保険会社・代理店
• フィンテック企業

公共・教育

• 自治体・公的機関
• 学校・教育機関
• NPO・社会福祉法人

IT・製造業

• システム開発会社
• SaaS・ITサービス企業
• 製造業・建設業

🚀 こんな方におすすめ

• デザインはあるが、コーディングリソースがない
• 品質重視で、長期運用を見据えたサイトを作りたい
• 医療・金融など、セキュリティが重要な業界
• 仕様書作成から相談したい
• レスポンシブ対応で悩んでいる

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

些細なことでも構いません。要件定義から運用まで、Webサイト制作に関するお悩みを何でもご相談ください。15年の実務経験を活かし、最適なソリューションを提案させていただきます。

HTML/CSSコーディング代行

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

デザインカンプを完璧に再現し、動的なWebサイトを迅速に構築。WordPressのオリジナルテーマ開発もお任せください。

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

デザインカンプを忠実に再現できるコーダーが見つからない。Webサイトの動きが少なく、ユーザーのエンゲージメントが低い。WordPressのテーマが古く、セキュリティが心配。

発注の流れ

ヒアリング
お客様のデザインカンプ、Webサイトの目的、ご要望などを詳しくお伺いします。

企画提案
ヒアリング内容に基づき、最適なコーディングプラン、アニメーション、WordPressテーマをご提案します。

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

制作開始
コーディング、アニメーション実装、WordPressテーマ開発を開始します。進捗状況を随時ご報告いたします。

最終確認
完成したWebサイトをご確認いただき、修正点があれば修正します。

納品・公開
Webサイトを納品し、公開をサポートします。

対応範囲・価格

HTML/CSSコーディング：30,000円～
デザインカンプを基に、HTML/CSS/JavaScriptでWebサイトをコーディングします。レスポンシブ対応で、PC、スマホ、タブレットなど、あらゆるデバイスで美しい表示を実現します。
jQueryを使用して、Webサイトに動きのあるアニメーションを追加します。スクロールエフェクト、フェードイン、スライダーなど、ユーザーの目を引く効果的なアニメーションを実装します。

WordPressオリジナルテーマ開発：120,000円～
WordPressのオリジナルテーマを開発します。カスタムフィールド、カスタムタクソノミー、検索機能など、お客様のニーズに合わせた柔軟なテーマを作成します。SEO対策、セキュリティ対策も万全です。

納期

14日～30日

制作の流れ

要件定義
お客様からデザインカンプ、Webサイトの目的、ご要望などをいただき、詳細な仕様を決定します。

コーディング・アニメーション実装
仕様に基づき、HTML/CSS/JavaScriptでコーディング、jQueryでアニメーションを実装します。

WordPressテーマ開発
WordPressのオリジナルテーマを開発します。カスタムフィールド、カスタムタクソノミー、検索機能など、お客様のニーズに合わせた柔軟なテーマを作成します。

テスト
作成したWebサイトをテスト環境で確認します。PC、スマホ、タブレットなど、あらゆるデバイスで正しく表示されるか、アニメーションが正常に動作するかなどを確認します。

お客様確認
お客様にテスト環境でWebサイトをご確認いただき、フィードバックをいただきます。

修正
お客様からのフィードバックに基づき、修正を行います。

納品・公開
完成したWebサイトを納品し、公開をサポートします。

サービス内容

デザインカンプを忠実に再現し、JavaScript/jQueryで動きのあるWebサイトを構築。WordPressのオリジナルテーマ開発も可能です。IT業界の企業様向けに、高品質なWebサイト制作・改善をサポートします。

私は、デザインカンプの正確な再現を得意としており、JavaScript/jQueryで動きのあるWebサイトを構築できます。また、WordPressのオリジナルテーマ開発も可能です。

デザインの意図を損なわずに、ユーザーエンゲージメントの高いWebサイトを迅速に構築します。

どうぞお気軽にご相談くださいませ！

文章変更による、Webサイトの更新、画像の差し替え、
簡単なトリミングなどを行います。
コンテンツ追加も対応できます。
また、サイトのレイアウト修正もコーディングで対応できる範囲で対応いたします。

PSD,AI,XDのデザインカンプがあれば、こちらの料金表にてコーディングいたします。
もちろん画像貼り付けでなく、テキストにできる部分はテキストにてコーディングいたします。
簡易なアニメーション（スクロールフェードインなど）は込みで行います。

提供する業務内容

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

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

◆ HTML/CSSコーディング

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

◆ WordPress組み込み

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

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

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

◆ 納品形式・その他対応

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

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

• Figma
• Adobe XD
• Photoshop（PSD）

ご注意・お願い事項

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

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

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

ご提供頂いたデザインカンプ（XDまたはFigma）からコーディングを行い、ZIPファイルにて納品いたします。
指定があれば柔軟に対応いたします。

＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝

【デザインデータについて】
・XDまたはFigma
・PC版のみのデザインしかない、という場合はこちらでスマホ用のデザインを想定してのコーディングが可能です。
（スマホにしたときにこだわりたいレイアウトの部分があれば事前にお知らせください）

＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝

【対応内容について】
《料金内で対応可能》ーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー
・HTML/CSS(SCSS)/JavaScript or Vue.jsコーディング
・JavaScript or Vue.jsによる動き
　[・スライダー,カルーセル(Swiper)・アコーディオン・ハンバーガーメニュー・TOPへ戻るボタン・モーダル・フェードイン・ローディング・アニメーション(簡易な動き)・パララックス(Rellax.js)]
　※3,4箇所程度を無料で対応いたします。
・レスポンシブ対応
　・ブレイクポイント一箇所が料金内です。（スマホ・PC）
　　※特にご指示がなければ、モバイルファーストで768pxで切り替えます。
・クロスブラウザ対応（Chrome, Safari, Firefox, Edge, への対応)　※いずれも最新版
　　※IEへの対応は行っておりません。
・内部SEOを意識してコーディングを行っております。
・W3Cに準拠したコーディング
・ご指定がない場合、2022年10月頃 @import が廃止予定なので、@use、@forwardを使用するので　DartSass を使用します。
・CSS設計法(FLOCSS)に基づいたコーディング
　※コーディングルールがある場合は事前にお知らせください
・ご要望があればBootstrapの使用
・アフターフォロー（納品後2週間以内）
　※変更、訂正は3回ほど無料対応させていただきます。
　※納品後、こちらのミスでデザインとは異なる部分がありましたら無料修正させていただきます。
・その他ご要望があれば柔軟に対応いたします。お気軽にお問い合わせください。

《基本料金に含まれないもの》ーーーーーーーーーーーーーーーーーーーーーーーーーーー
・複雑なアニメーション
・スクロールアニメーション
・Canvaにて簡単なロゴ、バナー作成も可能です。
・お問合せフォーム機能の実装は応相談

＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝

【納品】
ZIPファイルにて納品いたします。指定があれば柔軟に対応いたします。
デザインデータをお預かりした翌日より、１０日程度で納品が可能です。
稼働状況やページ内容により変動いたしますのでご相談ください。

＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝

ご不明な点がございましたら、お気軽にメッセージにてお問い合わせください。
※お問い合わせは24時間受け付けております。

【出来ること】
・HTML/css/jQueryを使ったコーティング
・WordPressの導入、構築、改修
・独自チェックリストを用いた報連相
・内部SEO対策
　⇒metaデータの設定
　⇒favicon・apple-touch-icon・ogpの設定
　⇒URL正規化
　⇒構造化データのマークアップ
・レスポンシブ対応（スマホ用データ無くても可）
・独自チェックリストを用いた報連相

【作業内容詳細】
・静的コーティング（1ページ～）
・レスポンシブ対応
・スライダー、スクロール、アコーディオン、
　ハンバーガーメニューなどの実装
・お問い合わせフォームの実装
・WordPressの導入、構築、改修
・独自チェックリストを用いた報連相

【デザインデータ】
・Photoshop
・illustrator
・XD
・Figma

【デザインデータに関する注意事項】
・有料フォントを使用されている場合、
　読み込みタグをご共有くださいませ。
・カラー設定はRGB、サイズ設定は
　pxなどWebデザインに最適化して
　いただきますようお願いします。
・切り出しのできない画像を　
　設置されている場合、お客様の方で
　画像のご用意をお願いします。

【about】
【心がけていること】
・デザインを正確に
・レスポンシブにも対応
・迅速丁寧な作業

【実績】
・ワインに関するECサイトの運営（BASE）
・フリーランスとしてWebサイト制作の活動を開始
・現在、2社と業務提携をして活動中です。

【仕事に対する姿勢】
・丁寧なコミュニケーション
・迅速なレスポンス
・定期的な進捗の報告
・納期厳守

【ご購入の流れ】
依頼内容を下記の【注文時のお願い】に沿って
詳しくお聞かせください。
⇓
納品日の目安と追加で有料オプションが
必要な場合、ご案内いたします。
⇓
お見積もりなど問題なければ、
ご発注を お願いいたします。
⇓
最終的な納品日をお伝えし、サイト構築開始。
⇓
コーディング完了後、ご確認をいただき
無料で修正対応致します。（軽度なものに限る）
最終チェック完了後、データ納品となります。

【注文時のお願い】
この度は、当サービスにご興味を
お持ちくださり誠にありがとうございます。
以下の項目についてご記載いただきますよう
お願いいたします。
・ご希望納期（大体で大丈夫です。）
・デザインデータ
（お見積もりの段階では画像でも結構です。）
・ご予算
・アニメーション実装の有無
（動きのイメージもご提示ください。）
・WordPress対応の有無
・納品方法（データ送付、サーバーアップなど）
・実績掲載の可否

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

【注意事項】
・サーバー、ドメインはお客様でご用意ください。
・納品はデータのお渡しとなります。
・別途消費税がかかります。
・制作させていただいたwebサイトは
　実績としてポートフォリオに掲載させて
　いただく場合がございます。
　掲載不可の場合は予めお知らせくださいませ。
・ご依頼後のデザイン変更は別途追加費用を
　いただく場合がございます。
　予めご了承くださいませ。
（文章の一部など軽度なものに関しては不要です。）

本サービスをご覧頂きありがとうございます。

・リソースを増やして、事業拡大を検討している
・簡単なコーディングを外注化して、自分にしかできないことに力を入れたい
・コーデイングも含めた案件を獲得したい

ーサービス内容ー
・HTML/CSS/Javascript(jQuery)を用いたコーデイング
・レスポンシブ対応（PC、タブレット、スマホ対応）
・WordPress構築
・お問い合わせフォーム

ー制作の流れー
1、ヒアリング&お見積り
2、お客様からデザインのご提供
3、コーディング＆テスト
4、ご確認・修正
5、最終確認・納品

丁寧で迅速なコーディングを行います。
ご相談・お見積もりのみでも大丈夫ですので、まずはお気軽にご相談ください。

SEO会社様と10年以上お付き合いさせて頂いている、フリーエンジニアです。
SEOを意識したコーディング、スピーディな納品を強みとしています。

Photoshop、illustorator、Fireworks、XD、figma等のデータを頂ければ、コーディングデータ一式を納品します。

【概要】

■静的コーディングのみ(HTML、CSS)
※jsやphpを使用する場合、別途見積り対応です。
ハンバーガーメニューやスライダー、アコーディオン等簡易なのものは複雑なデザイン・動作の指定のない場合に限り料金内で作業させて頂きます。

【以下のような場合も別途対応可能です】

■PC又はスマホ単独ページの場合
レスポンシブ対応が必要ない場合は金額を下げさせて頂きますので別途ご相談ください。

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

■WordPress等のCMSの組み込み納品やカスタマイズ修正について
CMSの組み込みやカスタマイズ修正に関しても対応可能ですのでは別途ご相談ください。

パッケージ出品をご覧いただきありがとうございます！
Webディレクター・デザイナーのHipotamusと申します。
迅速なコミュニケーションを心がけております。
まずはお気軽にご相談ください。

パッケージ内容について

■ベーシック
【静的下層ページ】 HTML/CSS 静的コーディング

■スタンダード
【静的トップページ／LP】 HTML/CSS 静的コーディング

■プレミアム
【静的 トップページ+下層2ページ】 HTML/CSS静的コーディング

各プラン料金に含まれるもの

・ 静的コーディング
・レスポンシブ対応
・スライダー、スワイパー、アコーディオン、ハンバーガーメニューなど、基本的なアニメーション実装

対象ブラウザについて

■パソコン（Mac）
Chrome、Safari 各最新版

■スマートフォン（iOS）
Chrome、Safari 各最新版

納品までの流れ

①ご相談／お見積もりの提出
構成などのすり合わせをさせていただき、お見積りをご提示させていただきます。
お見積りに問題がございませんでしたら、仮払いをお願いいたします。

②デザインカンプや素材等のご提供
デザインデータをご提供お願いいたします。
Photoshop、Figmaが対応可能です。
※その他形式についてはご相談ください。

③制作開始

④テストアップ
こちらでご用意するテスト環境にて、表示・動作の確認をお願いいいたします
修正は原則2回までとさせていただきます。
※こちらの不備によるものは別途となります。

⑥最終確認後に納品
Zipの形で納品、もしくはお客様のサーバーにアップさせていただきます。

WordPress（ワードプレス）で作成されているホームページの各種修正を承ります。
10年以上のWordPressでの開発経験をもとに、無駄のない工数で作業させていただきます。

こんな悩みはないでしょうか
・前任者からサイト管理を任せられたが、引き継ぎがしっかりしていなくて更新できない
・社内リソースが足りずに改修作業が行えない
・委託していた制作業者と連絡が取れなくなった
など
・すぐに改修しなければならないのに作業できない、そんなときにご利用ください。　
　
こんなことができます
【ベーシックの改修内容例】
ページを追加したい、ページの一部分を直したい
サイドやフッターにバナーを表示したい
トップに表示される画像を変更したい
この部分にこういう要素を追加したい
ナビゲーションにページを追加したい
Googleアナリティクスのタグを設置したい
広告用のタグを設置したい
など

【スタンダードの改修内容例】
トップページを更新しやすくしたい
一覧ページの見せ方を変更したい（見せる要素の変更、フィルタ項目の変更）
スマホ表示の際の見せ方を変更したい
表示スピードを改善したい
など

【プレミアムの改修内容例】
投稿とは別の一覧でブログを入力できるようにしたい
会員制のサイトにしたい
サイト全体に関わる表示や構造変更
など

まずはご相談ください！
プランごとの作業時間目安
ベーシックプラン：3時間程度
スタンダードプラン：6時間程度
プレミアムプラン：9時間程度

ご発注から納品までの流れ

1. ご相談
   各プランの作業内容を目安に、プランを選択してご依頼内容をご連絡ください。
   ※作業時間がわからない場合はメッセージでご連絡をお願い致します。
   ※お使いのテーマやプラグインの状況によっては、同じ作業内容でも作業時間に違いがでる場合がございますので、ご了承ください。
   内容を確認の上、納期と見積金額をご提示します。

2. ご発注・仮払い
   納期と見積金額に納得していただきましたら、ご発注と仮払いをお願いします。
   ログイン情報をお預かりいたしますのでご準備をお願い致します。

3. 作業開始
   不明点などありましたら随時メッセージ連絡を取りながら進めます。
   指定納期での作業し完了報告を致します。

4. 検証・お支払い
   作業内容がよろしければ完了報告を受領ください。

イベント会場でのグラフィックレコーディングを行なっています。
オンラインの場合は-2000円です。

《自己紹介》
プロフィールをご覧いただきありがとうございます、はぎ　と申します。
フリーランスとして、ホームページ・ランディングページの制作を行なっております。

《提供可能なこと》

【HTML・CSS・JavaScript（jQuery）のコーディング、WordPressでのサイト制作】

　ホームページ、ランディングページのデザインデータからのコーディングを行ないます。
　また、修正のみのコーディングやページ内の一部のコーディングにも対応します。

【デザインデータをお持ちでない場合での、ホームページ制作】

　中小企業・個人店のお客様でデザインデータをお持ちでないお客様でも、
　通常の製作期間よりは長くなってしまいますが参考サイトをご提示いただければ
　サイト制作のご相談に対応いたします。

　またサイト制作に使用される画像やイラストが無い場合でも各種素材を準備していますので
　お気軽にご相談ください。

【料金内で対応可能な動きのある要素】

　・スライダー（複数枚の画像を次々と切り替えて表示するもの）
　・ハンバーガーメニュー
　・ページトップへ戻るボタン

【オプション料金で対応可能なもの】

　・アコーディオン（項目をクリックしたりタップしたりすることで、隠れている詳細画面を表示させるもの）
　・タブメニュー（Webページを移動することなく指定範囲の表示内容を切り替えられるもの）
　・ローダー（ページOPEN時のロゴなどを表示させるもの）
　・お問い合わせフォーム
　・スクロール時に要素がふわっと動くなどのアニメーション
　・スクロール時に背景画像に影響させるアニメーション
　
　その他、実装に工数が多く掛かるものや1ページの長さが5000pxを超えるものについては
別途お見積もりをさせて頂きます。

《お約束事》

・お客様への分かりやすく丁寧なサポートを心掛けて作業を進めていきますので、ホームページ制作のご依頼が初めての方でもご安心ください。

・作業は迅速に、途中経過も確認できる形で進めていきます。

最後までご覧いただきありがとうございます、
ご依頼いただいた際は『お客様への分かりやすく丁寧なサポート』『作業の途中経過の報告』を
心掛けてお客様の求める以上の作品を納品いたします。

気になることがありましたら、お気軽にご連絡くださいませ。
よろしくお願いいたします、以上となります。

ご閲覧頂きありがとうございます
満席対応中でも制作のご相談はお受けしておりますのでお気軽にお問い合わせください

HTML/CSSでホームページ、ランディングページのコーディング作業を代行致します！

こんなお悩みはございませんか？

▼お悩み
・忙しくてコーディング作業ができない
・デザインはあるけど、コーディングができない
・時間と手間を掛けたくない
・依頼すると高そうだな…
→全て私にお任せください！！！

▼解決策
・コーディング作業の代行を致します
・デザインから忠実に再現致します
・丸投げOK！
・ご予算に合わせて安価に対応！

▼作業内容
・ HTML/CSSを用いた静的コーディング作業
（1ページ〜 複数ページまで制作致します）
・レスポンシブ対応
・CSSアニメーション
・JavaScript（jQuery）を用いたアニメーション実装（ハンバーガーメニュー、スライダー、スクロールアニメーション、アコーディオンなどお気軽にご相談ください）
・お問い合わせフォームの実装
・WordPress化（カスタム投稿・カスタムフィールドなどのカスタマイズまで幅広く対応します）

▼料金表
トップページのコーディング：10,000〜
下層ページのコーディング：8,000〜
LPコーディング：15,000〜
WordPress化：10,000〜
レスポンシブ込みの価格になります

まずは是非一度ご相談くださいませ

▼制作の流れ
1, ヒアリング&お見積り
2, お客様からデザインのご提供
3, コーディング&テスト
4, ご確認 、修正
5, 最終確認 、納品

※納品方法は希望がなければZipファイルを送付致しますが、サーバー納品にも対応可能ですので、ご希望の際はご連絡くださいませ。

▼制作例

・ホームページ
https://zukimaru.conohawing.com/ishii-kadan/

・ランディングページ
https://zukimaru.conohawing.com/your-coding/

・WordPress
https://zukimaru-log.com/engress/

※不具合等ございましたら、納品後であっても何度でも無料で修正対応をさせて頂きます

ご不明点等ございましたら、お気軽にお問い合わせください

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

・コーディングを継続で外注できるパートナーが欲しい
・急ぎでコーディングを手伝ってほしい
・デザインはできるけどコーディングはできない

WEB制作会社様やデザイナー様で、このようなお悩みのある方はいらっしゃいませんか？
それらのお悩みを解決させていただきます！
今までWEB制作会社様やデザイナー様からの受注実績が多数ございますので、まずはお気軽にご相談いただければと思います。

▼基本の作業内容

・コーポレートサイトコーディング
・LPコーディング
・WordPressコーディング
・サーバーへのアップロード
・納品後のアフターフォロー（納品後2週間以内）

▼別途お見積りが必要な作業内容

・アニメーションの実装（実装内容によっては無料）：7,000円〜
・JavaScriptを用いた動的な処理（API処理など）：7,000円〜
・SP版デザインがない場合のレスポンシブコーディング：10,000円〜

▼制作の流れ

①ヒアリング
デザイン、実装機能を確認いたします。
↓
②コーディング
↓
③ご確認・修正
テスト環境にアップの上、ご確認をお願いいたします。
修正点がございましたらお申し付けください。
↓
④納品
本番環境のサーバーに制作物のファイルをアップし、納品完了です。

出品ページをご覧いただきありがとうございます！

業界歴10年のフロントエンジニアが、HTML・CSSのコーディングを行います。
静的なコーディングだけでなく、WordPressを用いたサイト構築も対応可能です。

既存ページの一部から、下層ページ1Pだけでも承ります！

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

■価格表
▔▔▔▔▔▔▔▔▔▔▔▔
【コーディング】
・トップページ：30,000円～ / 1ページ
・下層ページ：10,000円～ / 1ページ

【WordPress】
・WordPress構築：50,000円～
(インストール・初期設定・デフォルトブログ機能含む)

・カスタム投稿追加：20,000円～
(Smart Custom Fields または、Advanced Custom Fieldsを利用)

【その他】
問い合わせフォーム設置：10,000円～
アニメーション / JavaScript・jQueryの実装：10,000円～

<無料オプション>
・レスポンシブ対応
・スライダー機能（slick、bxSlider等の一般的なもの）
・WordPressプラグイン追加

■ご予算について
▔▔▔▔▔▔▔▔▔▔▔▔
記載の金額はあくまで、下限の単価となります。
ページ数、デザイン内容に応じて単価は変動いたします。

■納品までの流れ
▔▔▔▔▔▔▔▔▔▔▔▔
１）ご依頼内容の詳細をお聞かせください
↓
２）依頼内容の確認や検証を経て「見積り」いたします。
納品日の目安も合わせてお伝えいたします。
↓
３）ご納得いただけましたら、ご発注をお願いします
↓
４）FTPにて「対応」かファイルでの「提出」をおこないます。
↓
５）成果物を提出し確認後「納品」となります。

ご不明点がありましたら、お気軽にご連絡くださいませ。
原則24時間以内にご返信いたします。

■注意事項
▔▔▔▔▔▔▔▔▔▔▔▔
「見積もり・カスタマイズ相談」の際は必ず、FIXデザインをご準備ください。
FIXデザインのご準備がまだの方は、まずメッセージにてご連絡ください。

■最後に
▔▔▔▔▔▔▔▔▔▔▔▔
同じレイアウトページや、コンテンツ量の少ないページ等、
ご依頼内容や、ご予算に合わせて柔軟に対応させて頂きます。
まずは、お気軽にご連絡ください！
購入にあたってのお願い
■見積もりには下記の情報が、必須となります。
・デザインデータまたは、事前にデザインの確認できるもの
対応可能形式：jpg等の画像データ・PSD・AI・XD
※AIデータの際は、バージョンCS6のアウトラインデータでお願い致します。

■以下をご準備頂くとスムーズに進みます。
・ご依頼内容
・コーディングページ数
・希望納期
・ご予算
・WordPressの有無
・FTP情報
・WordPressログイン情報

※以下の内容をご了承の上、ご購入ください。
・構築開始前には、必ずカンプのデザインデータをご用意ください。
・サイト構築開始後の仕様やデザインの変更、は別途費用となります。
・納品後の仕様や処理の変更、追加は対応できません。（別途費用にて対応可）

何処に依頼すれば良いかと迷われたら、是非一度ご相談下さい。
しっかりと対応していきます。

よろしくお願いします。

数あるパッケージの中からご覧いただきありがとうございます。

食べることが大好きなコーダー、田中と申します。
　

▶︎サービス内容　

・HTML・CSSコーディング
・jQuery/JavaScriptを用いたアニメーション実装
・WordPress構築
・お問い合わせフォーム実装

▶︎基本料金内

・jQuery/JavaScriptを用いたアニメーション実装
・レスポンシブ対応
・品質確認
・長期メンテナンスしやすいCSS設計（BEM記法）

▶︎制作の流れ

①ヒアリング
チャットやビデオ通話によるご相談・スケジュール確認させていただき、お見積もりいたします。
②契約
問題がなければご購入をお願いいたします。
③制作・確認
制作物のご確認をお願いいたします。
修正点ございましたら可能な限りご対応させていただきます。
④納品
問題なければ、制作物をzipファイルにて納品させていただきます。

ご用意いただくもの

・デザインデータのご用意(XD、Photoshop、Illustrator、Figma)
・FTP情報(レンタルサーバーへのアップロード納品ご希望の場合共有お願いいたします。)

▶︎注意事項

①作業開始後のデザイン変更は工数が発生するため、追加料金をいただく場合がございます。
②ブレイクポイントは基本的に768pxで設定します。＊ご要望あればご相談ください。
③品質確認(対応ブラウザ)
PC：Chrome、Safari、Edge、Firefox
スマホ：Chrome、Safari
実機確認：Mac、iPhone、Android

XD、Figma等のデザインデータからHTMLコーディングを行い、WordPressのオリジナルテーマを制作します。

内容

1. WordPressのインストール・設定
2. プラグインの選定・インストール・設定
3. オリジナルテーマファイルの制作
4. カスタム投稿・カスタムタクソノミーの設定
5. 可能な範囲での機能の実装・カスタマイズ

【サービス概要】
デザインカンプからのコーディングを行います。
ご希望に応じて、静的HTMLまたはWordPress（完全オリジナルテーマ）で対応可能です。
企業担当者様や制作会社様からのご依頼にも多数対応しており、忠実な再現と丁寧な仕上がりを心がけております。

【こんな方におすすめ】
自社サイトをリニューアル・更新したいが、社内にコーダーがいない
デザインはあるので、コーディングだけ外注したい
LPやシプルな企業サイトを短期間で公開したい
制作会社・ディレクター様の外注先としても対応可能

【選べる3つのパッケージ】
① 静的HTMLランディングページ（LP）コーディング
価格：25,000円〜
・LPデザインをHTML/CSSで忠実に再現
・レスポンシブ対応（スマホ対応込み）
・ホバーやスライドなどの基本アニメーション
・画像の軽量化対応
※WordPress管理なしのシンプルな構成

② 静的HTML企業サイト（トップ＋下層2P）
価格：34,000円〜
・トップページ（8,000pxまで）＋下層ページ2ページ
・HTML/CSSベースで構築（軽量・管理不要）
・スマホ対応／基本アニメーション込み
・ページ構成例：事業紹介／会社概要／お問い合わせ案内など

③ WordPress企業サイト（トップ＋下層2P）
価格：78,000円〜（初期費用含む）
・完全オリジナルテーマでWP構築
・トップページ＋下層2ページをWordPressで実装
・更新しやすい管理画面設計（ACF利用）
・カスタム投稿・テンプレート作成・パンくず対応など含む
・初期費用（環境整備・テーマ構築）：10,000円込み
・動作確認・プラグイン導入・運用に合わせた構造設計

【追加オプション料金】
● 下層ページ追加（8,000pxまで）
静的HTML：7,000円／1ページ
WordPress構築：14,000円／1ページ
※ページ長が8,000pxを超える場合、1,000pxごとに＋1,000円（静的）／＋2,000円（WP）

● アニメーション追加
ホバーアニメーション：無料
基本的なJS/JQueryアニメーション（fade／slideなどスクロール連動）：1箇所 3,000円〜
複雑な動き（GSAP等を用いたもの）：内容に応じて別途お見積もり

● 問い合わせフォーム
5,000円〜12,000円程度（要相談）

※デザインデータにスマホ用のデザインがない場合はよしなにコーディングいたします。
　（その場合は合計金額の30％が追加となります。）
※デザインとの相違による修正回数については無制限です。
（デザイン変更については、別途料金が発生する場合がございます。）

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

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

♦︎納期について♦︎
着手から３日〜3週間程度
※ページ数・仕様・ご希望納期により調整いたします。

♦︎納品について♦︎
zipファイル、サーバへのアップロードなど納品方法はご相談

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

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

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

【提供内容】

まずはお客さまのご要望をしっかりヒアリングさせていただき、ご要望に沿った対応をいたします。

★ Basic
４ページまとめて￥10,000（ページ単価￥2,500）

★ Standard
８ページまとめて￥18,000（ページ単価￥2,250）

★ Premium
12ページまとめて￥24,000（ページ単価￥2,000）

★ 12ページを超えるご依頼の場合
12ページ以降は
￥2,000／１ページ でのご提供です。

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

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

【納期】

納期はあくまで目安です。ご依頼状況にあわせて変動する場合があります。まずはご相談ください。

納品前のチェックシートの活用と、GoogleChromeの拡張機能である「ピクセルパーフェクト」を使用して、あなたのデザインを忠実に、正確にコーディングいたします！

まずはお見積りをお願いいたします。

☆こんな方におすすめです☆
・コーディングの手が足りていないディレクター様
・コーディングの苦手なデザイナー様

◇サービス内容について
・HTML/CSSを用いた静的コーディング
・レスポンシブ対応
・必要に応じたアニメーション実装（ライダー、スクロールアニメーション、アコーディオン、ハンバーガーメニューetc）
※サービスは”コーディングのみ”となっております。
※WordPress化は別途ご相談ください
※下層ページは有料オプションよりご注文ください
※ページ数が足りない場合はお手数ですが、有料オプションを組み合わせてご注文ください
対応できるものとして、Web作成、HP（ホームページ）、LP（ランディングページ）、ポートフォリオなどです。

◇料金
・トップページ：9,000円/P~
・下層ページ：6,000円/P~
・LP：18,000円~

◇サービスの流れについて
①ヒアリング
└デザインの確認、担当範囲確認、納期確認、修正回数の確認、必要データの確認
②お見積り
③作業開始
④確認・修正
└テスト環境→Mac、Windows（GoogleChrome、Firefox、Safari、edge）
⑤最終確認
⑥納品確定
ご不明・ご心配な点はご相談ください！
こちらで確認を行い、内容の確認をお客様にしていただきます。

◇納期
最短5日
お見積り時にヒアリングさせていただきます

ご相談やお見積りのみでも結構です！
その他、疑問点がございましたらどのようなことでもお気軽にご相談ください。

業務内容
本パッケージはWebサイトのコーディング、WordPress構築・カスタマイズのサービスです。

▼こんな方におすすめ
・デザインのみ依頼したい方
・コーダー不足で外注先を探している方
など

Webデザイナー様や制作会社からも受注実績があります。
サービス運営者様、会社経営者様、個人などでも可能ですのでまずはお気軽にご相談ください。

▼内容
・静的コーディング
・WordPressコーディング（オリジナルテーマ）

▼実績
弊社のクリエイティブチームが参考としているWebサイト集です。
下記URL内のサイトであれば実装可能です🙇‍♀️

▼納品までの流れ
①ヒアリング
②ご契約、仮払い
③制作開始
④確認・修正
⑤納品

つながりと出会いを大切に、ワクワクする毎日を

初めまして、enen 代表 橋口 真幸と申します。
沢山のランサー様の中から、ご覧いただき誠にありがとうございます！

即レス・丁寧なご対応とご提案をさせていただき、
お客様により良いものをご提供いたします。

前職は公務員をしており、
日々の連絡やコミュニケーションをスムーズに進めることを意識しております。
報告・連絡・相談がうまく回らない場所はどこかで不安や不満が溜まっていきます。
そのような不安をさせたくないし、したくありません。
お客様の想いを丁寧にコーディングし、納品まで丁寧にご対応いたします！

◆作業内容
・HTML/CSSを用いた静的コーディング（1ページ〜複数ページ対応可能）
・レスポンシブ対応
・JavaScriptの動的実装（ハンバーガーメニュー、スライダー、アコーディオン、タブ、スクロールなど）
・WordPress化（初期設定やSSL化・SEO対策～カスタム投稿・カスタムフィールドなどのカスタマイズまで）
・XD、Photoshop、Illustrator、Figmaなど各種デザインツールに対応可能です。
・デザインの軽微な修正におきましては３回までとさせていただきます。
・デザインと納品物が異なる部分につきましてはこちらの責任ですので、何度でも修正対応いたします。
※金額はトップページ（最低価格）となっております。

◆制作の流れ

1. ご相談及びお見積り
2. デザインのご提供
3. コーディング
4. ご確認・修正
5. 最終確認・納品
   ※納品方法は基本Zipファイルにて送付致します。
   　ヒアリング時にご依頼があればサーバー納品にも対応可能です。

◆納期
トップページの場合、
3日ほどお時間いただいております（作業量により増減します）。

1サイト（15ページほど）の場合、
静的コーディングは20日ほどお時間いただいております（作業量により増減あり）。

ご希望納期がある場合はお気軽にご相談ください。

◆実績
クリーニング店様のサイト制作
メンズエステ店様のLP制作
エステサロン様のサイト制作
ブログサイトのサイト制作
某電気保安協会様採用ページ制作

お客様との商談、デザインの確認、修正など
デザインが出来上がるまでにたくさんのやり取りがあったことと思います。
その想いをしっかりと形にしてお客様に届けたい。そして笑顔になってもらいたい。

ここからご縁が生まれるのを心より楽しみにしております。

★こんな方におすすめ★
・コーディングだけお任せしたい方
・コーダーのリソースが不足中の方
・繁忙期のみご依頼したい方
・こまめな進捗報告など丁寧なやり取りをご希望の方

★プランについて★
・修正無料です。
（大幅な変更など追加のご要望によるものは別途相談させていただきます）
・（スマホ画面幅）レスポンシブ対応込みです。
・ヘッダー追従、簡易なホバーアニメーション、ハンバーガーメニュー（スマホメニュー）、Q＆Aで使用されるようなアコーディオンメニュー、TOPへ戻るボタンはプランに含みます。デザインのご共有時にご希望お伺いできれば幸いでございます。

★わたしについて★
・平日日中の連絡可能です。
（水曜の午前中や用事の際は連絡が遅れる事もありますが、必ずその日中に返信いたします）
・納期守る、返信は途切れない、とばないなど最低限のことを厳守いたします。
・約一年フリーランスコーダーとして活動し、Wordpress構築やフロントコーディングを担当して参りました。

ご覧いただきありがとうございます！
現在私はWEB制作フリーランスとして主にデザインカンプからのコーディングを行なっておりますとみーと申します。

本サービスはホームページやLPのコーディング代行サービスです。
LPのようなシングルページからコーポレートサイトのような複数ページ、オリジナルのWordPressサイト作成まで幅広く対応しております。

・社内リソースが足りずデザインのコーディングは全てお願いしたい
・デザインはできるがコーディングが苦手で時間がかかる
・ブログ更新があるのでWordPressで構築して欲しい
・デザインの世界観をアニメーションで幅広く表現したい

このような方には特にお役に立てるサービスとなっております。
特にJavaScriptを使用したアニメーションの実装を得意としております。

▪️当サービスの対応可能範囲
・HTML / CSS / JavaScriptを用いたコーディング
・レスポンシブ(スマホ対応)
・WordPress実装
・お問い合わせフォーム実装

▪️納期目安
1ページのみのLPサイトであれば1週間程(初稿の提出)で対応させていただきます。

▪️料金目安
LP : 30,000円 〜
複数ページサイト
Top 20,000円 〜
下層ページ 5,000円 〜
※初回ご依頼のお客様は半額で対応させていただきます。
※ご予算に応じて柔軟に対応させていただきますのでこの限りではございません。

▪️主な制作の流れ
①ヒアリング・お見積り・要件確認
②デザインデータ、画像等のご提示
③コーディング作業開始
④初稿提出・確認いただき修正があれば対応いたします
⑤納品

▪️納品方法
圧縮ファイル(ZIPファイル)納品
サーバーアップロード(FTP情報が必要となります)

どちらでも柔軟に対応させていただきます。

納品後の修正箇所があれば最後まで責任を持って対応させていただきます。
ご相談だけでも問題ございませんので、お気軽にお問い合わせください！

テスト

この度は、数多くのランサーの中から弊社のページをご覧頂きありがとうございます。
HTML/CSSのコーディングを代行させて頂きます。

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

「 デザインはあるけどコーディングする時間がない」
「スピーディーにコーディングしてくれる人を探している」
などコーディングに関する様々なお悩みがあるかと思います。
どんなお悩みをお持ちの方でも、ぜひ一度、弊社にご相談ください！

■自己紹介

私達はTECHCARAVAN合同会社という千葉県にある制作会社です。エンジニア1人とデザイナー1人という少数精鋭で日々、様々な業種のお客様のクリエイティブのご相談に乗っております。

■私たちの強み

丁寧なヒアリング

実際にコーディングするエンジニア・デザイナーが直接ヒアリングいたします。間に営業が挟まらないので密でスピーディーなコミュニケーションが可能です。不安な事は何でも聞いてくださいね。

柔軟なサイト設計

「こんな機能を追加して欲しい」「SNSを連携したい」などお客様のご要望に柔軟にお応えいたします。まずは「こんなことできる？」とご相談ください。

知見を生かしたご提案

弊社はホームページ制作だけでなく小売の店舗も運営しています！集客や店舗運営の知見を活かしたホームページのご提案ができます。ホームページ以外の知見をホームページに活かせるのも弊社の強みです。

少数精鋭が叶える低予算

弊社はエンジニア1人、デザイナー1人の少数精鋭でホームページ制作をしています！少ない人数なので、予算を抑えた対応が可能です！

■ご契約後の流れ

①お客様から弊社にご連絡
ご希望のプランを選択して「まずは相談する（無料）」のボタンからご連絡くださいませ。

②弊社からご連絡
お問い合わせいただいた内容を確認し、弊社からご連絡いたします。
追加の質問や必要に応じてお打ち合わせ（リモート／対面）のご提案をいたします。
※対面でのお打ち合わせはよくある質問をご確認ください

③事前のヒアリング・お見積もりの提示
詳細な希望をヒアリングし、プラン以上の金額になる場合はお見積もり提示いたします。

④契約・仮払い
ご提案内容にご納得頂けましたら、この段階でご契約・仮払いとなります。

⑤お客様からの素材提供・追加のヒアリング
写真やテキストなどの素材をご提供いただきます。
必要に応じてお打ち合わせ（リモート／対面）のご提案をいたします。

⑥制作開始

⑦制作サイトの確認と修正
お客様に制作サイトをご確認いただき、修正が必要な箇所をご指示いただきます。
修正は3回まで無料対応いたします。

⑧納品
最終チェック作業を行ったあと納品。

下記記載の【注文時のお願い】【よくある質問】もぜひご覧ください！

HTML、CSS、JQuery、Wordpressの技術を使ってWeb制作の業務を提供します。

▼こんな方へオススメ
✅ デザイン通りに忠実にコーディングしてほしい方
✅ アニメーションや動きを取り入れたWebページを作りたい方
✅ レスポンシブ対応をしっかり行いたい方

▼サービス内容
デザインデータをもとに、忠実なコーディングを行います。
HTML/CSSのコーディングに加え、JavaScriptやjQueryを使用した動的な実装にも対応可能です。
　✅ 対応可能なコーディング内容
　・HTML/CSS/Sass を使用したレスポンシブ対応のコーディング
　・JavaScript/jQuery を使用した動的な動きの実装
　・アニメーションの追加（フェードイン・スライド・ホバーエフェクトなど）
　・Swiper.js を使ったスライダーの実装
　・ハンバーガーメニューの実装

▼納品形式
コーディング済みの HTML / CSS / JavaScript ファイル一式
必要に応じて、画像やアセットファイルも同梱

▼価格・納期
作業ボリュームによって変動しますのでクライアント様と協議の上確定

▼ご依頼の流れ
1️⃣ ご相談・ヒアリング（デザインデータの確認・要望のヒアリング）
2️⃣ コーディング開始（ご要望に沿った忠実なコーディングを実施）
3️⃣ 納品・修正対応（ご確認いただき、軽微な修正対応）

その他ご不明点などお気軽にご相談ください！
ご希望や仕様に合わせて最適なコーディングを提供いたします！

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

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

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

●納品までの流れ

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

④最終確認・納品

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

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

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

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

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

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

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

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

▼こんな方におすすめ
・コーディング業務を代行したい
・コーディングできる人を探しているデザイナー様、デザイン会社様

▼パッケージ内容
静的コーディング
・デザインカンプからのコーディング
・レスポンシブ対応
・保守しやすいFLOCSSを用いたCSS設計
・修正３回まで無料
・JavaScript（jQuery）を用いた各種アニメーション対応
　- ハンバーガーメニュー
　- スライドショー
　- アコーディオンメニュー

WordPress構築
・オリジナルテーマの作成

▼品質チェック
品質チェックリストを共有します
確認端末：Mac / Windows / iPhone / Android
ブラウザ：Chrome / Edge / Safari

▼対応デザインデータ
Figma / XD / Photoshop / Illustrator

▼納品方法
サーバーへのアップロード / Zipファイルの送付

料金はあくまで目安です。ページ数・内容に応じて変動しますのでご相談ください
ご相談だけでも構いませんのでお気軽にどうぞ！

迅速かつ丁寧な対応で、あなたのWebサイトの課題を解決します！

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

Webサイトの修正に時間がかかる、デザインの微調整を依頼しづらい、コーディングの品質に不安がある。

発注の流れ

お問い合わせ
メッセージにて、修正内容、ページURL、希望納期などをお知らせください。可能であれば、デザインデータや参考サイトをご共有ください。

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

コーディング作業
デザインデータに基づき、コーディング作業を開始いたします。進捗状況を随時ご報告いたします。

納品・検収
完成したHTML/CSSファイルを納品いたします。動作確認後、問題がなければ完了となります。

対応範囲・価格

クイック修正プラン：5,000円～
HTML/CSSの簡単な修正、テキスト変更、画像差し替えなど。1ページ内の軽微な変更に対応します。

スタンダードコーディングプラン：30,000円～
ランディングページのコーディング、既存サイトへのパーツ追加、デザインに合わせたコーディングなど。デザインデータからのコーディングも承ります。

プレミアムフルコーディングプラン：100,000円～
Webサイト全体のフルコーディング、レスポンシブ対応、JavaScriptによる動的な表現の実装など。SEO対策を考慮した高品質なコーディングを提供します。

納期

即日対応可能（デザインデータ提供後）

制作の流れ

設計・準備
お客様からいただいたデザインデータや指示書を基に、Webページの構造を設計します。SEO対策も考慮します。

コーディング
HTML、CSS、JavaScriptを用いて、Webページをコーディングします。クロスブラウザ対応、レスポンシブ対応も行います。

テスト・修正
コーディングしたWebページをテスト環境で確認し、修正点があれば修正します。お客様にも確認していただきます。

納品・完了
最終確認後、Webページを納品します。納品後も、軽微な修正には対応いたします。

サービス内容

HTML/CSSコーディング、Webサイト修正、ランディングページ制作を迅速丁寧に行います。お客様とのコミュニケーションを重視し、ご要望に沿ったWebサイトを制作します。

Webサイトの修正、更新作業でお困りではありませんか？
「どこに頼めばいいかわからない」「ちょっとした修正なのに費用が高い…」
そんなお悩みを解決します！

私は、HTML/CSSコーディングを専門としており、迅速かつ丁寧な対応でお客様のWebサイトの課題を解決します。小さな修正からランディングページの制作まで、幅広く対応可能です。

「修正したい箇所があるけど、自分でやるのは難しい…」
「デザインは出来上がっているけど、コーディングを依頼したい…」

そんな方は、ぜひ一度ご相談ください。
お客様のWebサイトをより良くするために、全力でサポートさせていただきます。

■こんな方へおすすめ
格安でのコーディングを依頼したい方

■ご購入後の流れ
ご購入後、デザインデータや画像素材などをお送りして頂きます。
その後、こちらでコーディングを行い、完成し次第、HTMLやCSSをお渡し致します。

■料金について
パッケージとしては、3ページで10,000円～12,000円で出品をさせて頂いておりますが、
規模によってはお安くさせて頂く場合がございます。

webデザイナー/デザインカンプをお持ちの方へ
デザインソフトに沿って丁寧にデザインいたします
クライアントさんの希望に沿って柔軟に対応いたします。

数あるサービスの中からご覧いただきありがとうございます！
Web制作会社在職のMarzine（マージン）と申します。
本パッケージはコーディング代行のサービスとなっております。

◆サービス内容

・HTML/CSSコーディング

・JavaScript/jQueryによるアニメーション実装

・WordPressオリジナルテーマの作成

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

・レスポンシブ対応（PC/スマホ）

・簡単なアニメーション（ハンバーガーメニュー、フェードイン、スライダー、アコーディオン）

・CSSファイル、JSファイルの圧縮

・テスト確認用サーバーの設置（こちらで用意）

・アフターフォロー（納品後1週間以内）
　※納品後、こちらのミスでデザインとは異なる部分がございましたら無料修正いたします。

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

・スマホ用デザインカンプがない場合のレスポンシブ対応

・複雑なアニメーション（「基本料金に含まれるもの」項目以外のアニメーション）

・タブレット用等の3ヶ所以上のブレイクポイント

・お問い合わせフォームの実装

※上記は内容に応じて別途お見積もりとなります。

◆参考料金

・TOPページ：30,000円～

・下層ページ：15,000円～ / 1ページ

・下層ページ（ポリシー系）：7,500円～ / 1ページ

・WordPressオリジナルテーマ制作：80,000円～

・お問い合わせフォームの設置：15,000円～
　※静的の場合のみ。WordPressでプラグインを使用する場合は無料。

◆納期

稼働状況やページ内容により変動しますのでお見積りの際にお知らせいたします。

◆流れ

①内容の確認・お見積り
　見積もりの相談をいただけましたら、内容の確認をしてお見積りいたします。
↓
②デザインデータお預かり
　お見積りにご納得いただけましたら、psd・XD・Figmaでのデザインデータをお送りください。
↓
③コーディング開始
　トップページのコーディングを開始いたします。
↓
④テストアップ（ご確認・修正）
　修正は基本無料で対応いたしますが、仕様変更等は別途費用となります。
　※トップページ（1P）のみのご確認となります。
　※1Pのみの場合は⑦へ、下層ページがある場合は⑤へ進みます。
↓
⑤下層ページのコーディング開始
　トップページのコーディングに問題がなければ下層ページのコーディングを開始いたします。
↓
⑥下層ページのテストアップ（ご確認・修正）
　ページ数が多い場合は2、3ページ毎にご確認・進捗報告いたします。
↓
⑦納品
　zipファイルにて、当方で用意しているサーバー上からダウンロードしていただきます。
　ご希望の納品方法がございましたらお知らせください。

自社のホームページや個人事業主の方へ
専用のホームページ制作をサーバーアップロードまで完全に代行します！

納期は作成するHPの枚数や作るサイトの工程数によっても変わりますが最低2週間は見ていただきたいです。
プロのWeb制作エンジニアでは無く、実績なしの駆け出しエンジニアですので、料金はかなりお安く提供致します。

初めてなので不慣れな部分もあるかと思いますが、不備な部分を出さないように誠実な対応を心掛けて参りますのでよろしくお願い致します。

コーディングスキルで、あなたのビジネスを加速させます！

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

Webサイトのデザインが古く、モバイル対応もできていない。ブログを始めたいが、技術的な知識がない。

発注の流れ

ヒアリング
お客様のWebサイトに関するお悩みやご要望を、じっくりお伺いします。どんな些細なことでも、お気軽にご相談ください。

プラン提案・お見積もり
ヒアリング内容に基づき、最適なプランをご提案します。お見積もりも、この段階で提示いたします。

ご契約
プランと料金にご納得いただけましたら、ご契約となります。ここから制作がスタートします。

制作・修正
お客様のご要望に応じて、デザインの修正や機能の追加を行います。納得いただけるまで、何度でも修正いたします。

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

対応範囲・価格

Webサイトコーディング：3万円〜
HTML/CSSコーディング：デザインデータから、高品質なWebサイトを制作します。レスポンシブ対応も万全です。

WordPressカスタマイズ：5万円〜
WordPressテーマカスタマイズ：既存のテーマを、お客様のブランドに合わせてカスタマイズします。機能追加も可能です。

LP制作：8万円〜
ランディングページ制作：コンバージョン率の高い、魅力的なLPを制作します。A/Bテストによる改善も可能です。

バナー制作：5千円〜
バナー制作：目を引くバナーを制作し、広告効果を最大化します。修正は3回まで無料です。

納期

契約から1〜3週間

制作の流れ

設計
お客様から提供されたデザインデータや、参考Webサイトなどを参考に、Webサイトの設計を行います。

コーディング
設計に基づき、HTML、CSS、JavaScriptなどの言語を用いて、Webサイトをコーディングします。

テスト
コーディングしたWebサイトを、様々なデバイスでテストし、表示崩れや動作不良がないか確認します。

修正
テストで発見された問題点を修正し、Webサイトの品質を高めます。

納品
修正が完了したWebサイトを、お客様に納品します。

サービス内容

Webサイトのコーディング、WordPressテーマのカスタマイズ、ランディングページの制作、バナー制作など、Web制作に関する幅広いサービスを提供します。

Webサイトのデザインが古くて困っていませんか？スマホ対応もできていない？ブログを始めたいけど、技術的な知識がない？

そんなお悩みを、私が解決します！

HTML、CSS、JavaScript、React、Node.jsなどの技術を駆使し、お客様のビジネスに最適なWebサイトを制作します。デザインからコーディングまで、全てお任せください。

まずは、お気軽にご相談ください。お客様のWebサイトに関するお悩みやご要望を、じっくりお伺いします。どんな些細なことでも、お気軽にご相談ください。

ご連絡、お待ちしております！

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

■こんな方にオススメです
・デザインはできるけどコーディングが苦手
・コーダー不足で外注先を探している制作会社
・コーダーのパートナーを探しているデザイナー

■基本料金に含まれるもの
・HTML／CSSコーディング
・レスポンシブ対応
・アフターフォロー（納品後1週間以内）
→納品後のテキストや画像の差し替えは無料

■基本料金に含まれないもの
・スマホ用デザインカンプがない場合のレスポンシブ対応：10,000円

■納期
日中は本業をしており、空いた時間での作業となります。
その為、平日の1日2時間~3時間、土日の休みにまとまった時間で対応を行います。

稼働目安：1ページあたり約2～3営業日

■納品までの流れ
ヒアリング
　↓
デザインデータお預かり
　↓
コーディング
　↓
テストアップ（ご確認・修正）
　↓
納品（zipファイル送付、またはFTPでレンタルサーバーへアップロード）

■コメント
お客様のご意向に沿ったサイト制作ができるよう、こまめなコミュニケーションを心がけております。
任せてよかったと思えるような働きをさせていただきますので、どうぞよろしくお願いいたします。

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

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

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

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

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

☆料金につきまして☆

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

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

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

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

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

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

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

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

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

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

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

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

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

文化祭など、一時的なイベントのためのホームページ、印象いいものにはしたいが何万もかけられない、、
そんなことはありませんか？

現在は異なる職種にいますが、過去html, css, jsコーディングをしてきたものとして、他とは格安で承りたいと思います。

当然、満足いかなければ何度でも変更要望可能です。どうしても満足いただけなければキャンセル・返金の対応を撮らせていただきます。

ぜひお手軽にホームページを作成してみてはいかがでしょうか？少しでも盛り上げるお手伝いができればと思います！

HPを制作いたします。
またLPも可能となります。

数ある中かからこちらのパッケージ出品をご覧いただき誠にありがとうございます！

個人でコーダーをしております、水田と申します。
丁寧なやりとりとコーディングで、お客様の業務負担を減らします。

まずはお気軽にご連絡ください。

■こんな方におすすめ

• ☆繁忙期でリソースが足りない制作会社様
• ☆デザインはできるけどコーディングは他の方にお願いしたい

■プランに含まれるもの

• レスポンシブ対応
• アニメーション：ハンバーガーメニュー/アコーディオン/スライダー
• お問い合わせフォーム：ベーシックプランはプラス5000円、レギュラー/プレミアムプランは料金内にて承ります。
• 修正無制限無料（大幅なデザイン変更はご相談ください）

■事前にご用意するもの

• デザインデータ（XD/figma/Illustrator/Photoshop）　
• 画像データ（JPG/PNGなど）

■納品までの流れ

①ご相談・お見積もり
　デザインデータと画像データを元にチャットでお打ち合わせを行います。
　その後、お見積り金額を提示させて頂きます。

②仮払い
　ご依頼内容および金額が決まりましたらご契約になりますのでその際に、仮払いをお願いいたします。

③デザインデータをご用意ください
（プラン日数はご提供頂いてからの日数になります）

④制作開始

⑤初稿提出〜修正
（テスト環境の情報をお伝えしますのでそちらでご確認ください）

⑥納品
（ファイル形式を添付し納品、またはサーバーにアップロードいたします）
　※サーバーにアップロードの場合はFTP情報をご準備ください。

■その他

※制作物をポートフォリオに掲載させていただく場合がございます。
掲載不可の場合はお知らせください。

【制作フロー】
①問い合わせ
商材カテゴリー、制作の目的をお知らせ下さい。
お客様でご用意頂くものや納期について
※24時間以内(土日祝を除く)に返信致します。
↓
②資料準備、制作費支払
お打ち合わせ内容にご納得いただければ、
✅文章
✅ロゴや商品写真等の素材
をご準備下さい。
↓
③制作スタート
LP仮完成までの期間は約15営業日です。
↓
④仮完成品のご案内＆修正
↓
⑤残り作業実施（３営業日以内）
修正が完了しデザイン確定後、
バナー制作・測定タグの埋め込み等、
ご要望頂いた作業を行います。
↓
⑥LPデータを納品、制作完了
HTML&CSSファイル形式での納品です。
まずはお気軽にお問合せ下さい。

デザインカンプから高品質なWebサイトを迅速に「「お安く」」コーディング！

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

　デザインはあるけど、コーディングしてくれる人がいない。レスポンシブ対応が難しくて困っている。WebアクセシビリティやSEO対策もしたいけど、どうすればいいかわからない。よく分からない部分や不安な点があって相談しづらい、といった方でも問題ありません！
　是非お気軽にご相談いただき、不安を解消しながら完成させていきましょう。

発注の流れ

1. お問い合わせ

　メッセージにて、コーディングしてほしいWebサイトのページ数やデザインカンプの形式、納期などのご要望をお知らせください。

2.デザイン確認

　デザインカンプ（Figma, XD, PSDなど）をご提供いただき、Webサイトの構成やデザインの詳細について確認します。

3. お見積もり

　デザインカンプの内容とご要望に基づいて、お見積もりと納期をご提示します。金額と納期にご納得いただけましたら、ご契約となります。

4. コーディング

　お支払い確認後、コーディング作業を開始します。進捗状況は随時ご報告いたします。ご要望に応じて修正も可能ですが、内容によってはプラスでお時間をいただく場合がございます。

5. 納品

　完成したWebサイトのコーディングデータをお渡しします。納品後も、軽微な修正であれば無償で対応いたします。

対応範囲・価格

・Webサイト コーディング：1万円〜
　デザインカンプ（Figma, XD, PSDなど）を元に、高品質なHTML/CSSコーディングを行います。

・レスポンシブ対応：３千円〜
　スマホやタブレットでも表示崩れなく動くようレスポンシブ対応を行い、より多くのユーザーに快適な閲覧体験を提供します。

・SEO対策・アクセシビリティ対応：１千円〜
　SEO対策、アクセシビリティ対応など、Webサイトのパフォーマンスを向上させるための作業を行います。
　SEOやアクセシビリティへの配慮は、集客やユーザビリティの向上にも直結します。
　長く使われるサイトになるよう、構造面からサポートさせていただきます。

　具体的には、
・適切なHTMLタグの使用（<main>, <article>, <header>など）

・適切な見出しタグ（<h1>～<h3>など）の構造設計

・alt属性の適切な設定

・titleタグやmeta descriptionの設定

・内部リンクの適切な記述
　などになります。

納期

　　最短７日〜

制作の流れ

1. 設計

　デザインカンプを基に、Webサイト全体の構成を把握し、必要なHTML要素やCSSスタイルを洗い出します。WebアクセシビリティやSEO対策に必要な要素も検討します。

2. コーディング

　設計に基づいて、HTML/CSSコーディングを行います。デザインの再現性を重視し、細部のズレも見逃さず、丁寧にコーディングします。

3. 動作確認

　スマートフォンやタブレットなど、様々なデバイスでWebサイトが正しく表示されるか確認します。必要に応じて、CSSを修正し、レスポンシブ対応を行います。

4. 最終確認

　WebアクセシビリティやSEO対策に必要な要素が正しく実装されているか確認します。必要に応じて、HTML/CSSを修正します。

5. 納品

　完成したWebサイトのコーディングデータを納品します。納品後も、軽微な修正であれば無償で対応いたします。

サービス内容

　デザインカンプからのHTML/CSSコーディング、レスポンシブ対応、Webアクセシビリティ、SEO対策まで、Webサイト制作に必要なコーディング業務をトータルでサポートします。

　Webサイトのコーディングでお困りではありませんか？デザインはあるけどコーディングしてくれる人がいない、レスポンシブ対応が難しくて困っている、WebアクセシビリティやSEO対策もしたいけど、どうすればいいかわからない。そんな悩みを解決します！

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

◎こんな方にオススメです◎
・デザインはあるけどコーディングできない、する時間がない…
・外注しづらい軽微なコード修正 or 下層１ページだけ頼みたい…
・0からコーディング、WordPressオリジナルテーマ化まで実装してもらいたい…

このようなご希望に応えます。
お見積は無料ですので、ぜひお気軽にご相談ください。

【ご提供する業務】
・HTML/CSSを用いた静的コーディング
・jQuery/JavaScriptを用いた動的実装
　└ハンバーガー / ドロワー / ページトップ / モーダル / アコーディオン / タブ / スライダー
・レスポンシブ対応
　└スマホファースト、パーフェクトピクセルを意識してコーディングいたします。
・WordPressを用いたオリジナルテーマ制作、カスタマイズ
　 └カスタム投稿・カスタムタクソノミー・カスタムフィールドなど
・お問い合わせフォームの実装

※無料オプション
・表示速度の高速化のための画像圧縮
・内部SEO対策
・テスト環境の構築

【業務進行において】
・CSS設計（ 予測・再利用・保守・拡張）を意識し、FLOCSSによりコーディングします。
・Gulp、Sass（Scss）を使用します。
・複数ページに及ぶ場合Pug・EJSなども使用します。
・gitでソースコード管理を行いながらコーディングをします。

【制作の流れ】
1　ヒアリング&お見積り（※まずはご相談下さい）
2　お客様からデザインのご提供
3　コーディング＆テスト
4　ご確認・修正
5　最終確認・納品
※納品方法は希望がなければZipファイルを送付致しますが、サーバー納品にも対応可能ですので、ご希望の際はご連絡くださいませ。

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

◎こんな方にオススメです◎
・デザインはあるけどコーディングできない、する時間がない…
・定期的にあるLPのコーディングを任せれる人を探している…

このようなご希望に応えます。
お見積は無料ですので、ぜひお気軽にご相談ください。

【これまでの実績】
・写真展LP（掲載しているもの）
・化粧品LP（掲載しているもの）
その他LPコーディング実績多数
※主に制作会社様とお仕事をしていますので非公開のものが多いです^^;

【ご提供する業務】
・HTML/CSSを用いた静的コーディング
・jQuery/JavaScript（Vanilla.js）を用いた動的実装
・GSAPなどライブラリを用いたアニメーション実装
・レスポンシブ対応
　└スマホファースト、パーフェクトピクセルを意識してコーディングいたします。
・メールフォームの実装

※無料オプション
・表示速度の高速化のための画像圧縮
・テスト環境の構築

【業務進行において】
・CSS設計（ 予測・再利用・保守・拡張）を意識し、FLOCSSによりコーディングします。
・Gulp、Sass（Scss）を使用します
・Gitでソースコード管理を行いながらコーディングをします。

【制作の流れ】
1　ヒアリング&お見積り（※まずはご相談下さい）
2　お客様からデザインのご提供
3　コーディング＆テスト
4　ご確認・修正
5　最終確認・納品
※納品方法は希望がなければZipファイルを送付致しますが、サーバー納品にも対応可能ですので、ご希望の際はご連絡くださいませ。

### その表示不具合、すぐ解決できるかもしれません。
まずはご相談ください。

html/cssの表示不具合については、根が深い問題と、
ちょっとした修正で解決するものがあります。

リモート常駐の案件を担当していたときにPGさんとか他メンバーの業務報告を見てとても感じたのが、
なれてる人なら1時間位で解決できるものを、数時間、数日かけている方が
思っている以上に多いことです。
そのことから、本サービスを始めさせていただきました。

※解決を100%保証はできません。
経験上解決できない問題はほとんどないです。
しかしながら、表面上の解決はできても根本解決には別途作業のご依頼が必要な場合もあります。
もし解決に至らなくても、問題の切り分けまでは最低限行います。
その8割は短時間で解決します。

根が深い問題に関しては、
ご相談の上追加料金いただければ解決に向けた調査を継続させていただきます。
場合によっては作り直した方が早い場合もあると思います
(デザイン含めたフルリニューアルもワンストップでご対応可能です。)

ご相談にあたって、ご用意いただくもの

• あるべき正しい姿をご提示ください。デザインなど。
• 最低限ブラウザで確認できる状況が必要です。
• ベストは私のローカル環境で再現できるデータ一式のご提供です。

私の確認可能な実機環境
・MacBookPro 16 2019 MacOS Monterey 12.6 Chrome最新 Safari最新 Firefox最新
・Windows11 EDGE最新 Chrome最新 Firefox最新
・iPhone11 / iPhone12 OS最新
・Sharp AQUOS 4 lite Android12

上記以外については実機での確認はできません。
それ以外の実機確認が必要な場合、レンタルなど必要になりますので、
別途ご相談となります。

■私のこと
約20年くらいWEB業界に身をおいております。
現在はディレクター案件も多いですが、現役でWEBデザイン/コーディング/WP構築も行っております。
昔から炎上案件に火消し役でアサインされることも多く、様々なトラブルの経験知はあると思っております。
意外とその不具合、簡単かもしれません。
ここに時間かけるより、もっと他の事業や本業、コンテンツ制作にお時間を使っていただきたい、
そのように考えております。

一緒に対策考えませんか？

まずはお気軽にご相談ください。
何卒よろしくお願いいたします。

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

『コーディングにあまりお金をかけられない』
『忙しくてコーディングだけ頼みたい』
方、ぜひ私にお任せください！！！

"20,000円～/1ページの料金、無料オプション付き"でコーディングいたします。
WordPress化も行っておりますので、ご相談ください。

まずは、「見積り・カスタマイズの相談をする」からお気軽にお問い合わせくださいませ。

スキル感はポートフォリオをご覧ください

◆サービスの内容
・デザインデータからHTML・CSSを使用したコーディング
・レスポンシブ対応（スマホ・タブレットに対応）

■コーディング料金
・基本料金：20,000円〜
・レスポンシブ対応：無料
・jQuery & CSSアニメーション：点数無制限で一律5,000円

■納期
稼働状況により変動しますが、ご依頼日の翌日より1週間程度で納品可能です。
※作業開始日より3 〜 4日で初稿をテストアップいたします。

◆制作の流れ
1、ヒアリング&お見積り（※まずはご相談下さい！）
2、お客様からデザインのご提供
3、コーディング＆テスト
4、ご確認・修正
5、最終確認・納品

■私の強み
①納期厳守
　納期は必ず守ります。
　定期的に作業の進捗を報告致します。
②細部へのこだわり
　どんな方でもわかるようなコーディング
③ヒアリング重視
　Webサイトによって何を実現したいのか目的を共有させていただきます。
　目的達成のため、私からも提案させていただく場合もあります。
④柔軟な対応
　フリーランスであるため、平日休日問わず対応が可能です。
　すぐお答えできない事も、現状をお伝えした上でお調べし、丁寧なご返答を心がけております。

■こんな方にオススメです！
・コーディングは全て丸投げしたい。
・リソース不足で外注したい。
・長期的に依頼できるコーダーを探している。

■その他のサービス内容
・レスポンシブ対応
・jacascript & CSSアニメーション
・WordPressへの変換作業
・下層ページのコーディング
・サーバーへのアップロード（無料）
・納品後の修正作業（無料）

2021年8月2日更新！
只今ランサーズ外でのご依頼が多く、新規受付を休止しております。
納期に余裕がある場合は時期によってご相談可能ですので、
希望される方はメッセージの方でお問い合わせいただけますと幸いです。

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

HTML＆CSSを使用してLP（ランディングページ）をコーディングいたします。
コーディングのみ依頼したい、もしくは当方で制作したデザインデータを元にHTML&CSSコーディングをされる方向けのサービスになります。

▼出品料金での対応内容
・LP1ページ分の画像コーディング（PC・スマホでレスポンシブ対応可）
・コーディングデータの納品・サーバーアップロード対応

※こちらのサービスにはデザイン制作は含まれておりません。詳細はこちらの出品ページを御覧ください。
https://www.lancers.jp/menu/detail/99925

▼事前のお見積りまでにご準備いただくもの
・コーディングのみ依頼を検討されている方
LPの長さと、ページリンク等仕様がわかる資料（箇条書き等で構いません）をご用意お願いします。
お問い合わせフォームや機能に関するコーディングが必要な方はご要望をできるだけ具体的にお知らせください。

・当方でデザイン制作の依頼をされた方
コーディング方法や希望、その他仕様についてご要望があればまとめてご共有下さい。

▼納品形式
・HTML、CSS、画像、その他データファイルをまとめてお送りします。
・サーバーアップロード対応（任意）

▼納期について
サービスのご購入から約3～4営業日でコーディングしたLPを共有いたします。
※サイトのボリューム、受注時期によっては上記日程でご案内できない可能性がありますので、希望納期のある方はメッセージにてご相談ください。

▼対応環境
・HTML&CSS
・Wordpress
・カラーミーショップ（※フリーページのみ）
・JIMDO（※JIMDO AIは除く）
・Wix（※テキストコーディングは一部制限あり）
・ペライチ（※画像コーディングのみ）
※上記以外の対応環境についてはお問い合わせいただいた際に仕様確認を行い、当方で問題なく対応できる場合のみご依頼を承ります。

▼オプション料金一覧
・Wixコーディング（テキストコーディング）：+30,000円～70,000円
・Wordpressコーディング（テキストコーディング）：+30,000円～100,000円（※制限あり）
・Wordpressコーディング（テーマ設定＆テキストコーディング）：+40,000～120,000円
・JIMDOコーディング（自作テンプレート・テキストコーディング）：+30,000円～70,000円
・1ページ追加：+20,000～50,000円（※内容次第）
・お問い合わせフォームの設置（Wix・JIMDO）：+5,000～10,000円
・お問い合わせフォームの設置（Wordpress）：+5,000～30,000円（※プラグイン次第）
・対応環境以外でのコーディング：+0,000～30,000円
・デザイン変更によるコーディング追加対応（1コンテンツあたり）：+1,000～10,000円

※テキストコーディングはページの長さやボリュームによって異なります。（詳細費用はデザインや長さに合わせてお見積りいたします。）

▼お問い合わせフォーム設置の対応環境
Wix
Wordpress
JIMDO

※JIMDO及びWixのお問い合わせフォームはデフォルトのデザインでのご提供のみとなります。
※Wordpressのお問い合わせフォームはプラグイン機能による導入及びCSSの編集までとなります。
※HTML＆CSSデータによるコーディングの場合、お問い合わせ内容の管理画面、自作フォームの作成などは承っておりません。（商用フリーで配布されているテンプレートフォーム等であれば一部組み込み可能です。）

▼その他機能関連の導入について
ショップ機能、シミュレーション機能、といったプログラミング要素のあるものについては基本的にご依頼をお受けしておりません。（内容次第では対応できるものもありますが、希望のある場合のみご相談ください。）

デザインはあるけど、コーダーがいない・・・
デザインだけでなくコーディングも依頼したい・・・
そんなご要望がありましたら
お気軽にお問い合せ下さい。

ご閲覧いただきありがとうございます！
当サービスでは、ホームページを1万円〜、最短7日でご提供しております。

【サービス内容】
◾️HTML、CSSによるコーディング
◾️jQueryによるアニメーション（スムーススクロールやフェードインなどの簡易なもの）
◾️WordPress化
◾️レスポンシブ対応
◾️デザインの再現
◾️高速化処理（ファイルのサイズ圧縮）

【制作の流れ】
①見積もりのご依頼
②見積もりの提示
③サービスのご購入
④制作に必要なサーバー情報、デザインデータ（文章、画像データ含む）のご提出
⑤制作開始
⑥納品

■制作期間
必要データをご提供いただいてから最短7日で納品いたします。
※ページ数やデザイン・要件によってかかる日数は異なります。

■アフターサポート
納品後１週間は無償で修正対応させていただきます。

ご不明点等ございましたら、メッセージからお気軽にお問い合わせください！

・HTML&CSSを使ったレシポンシブでのサイト構築
・お知らせや単一ページのみCSM化を行い、サイト構築後にマニュアル要らずの管理画面構築
・WordPressへのサイト組み込み
・JavaScriptなどご要望の動作、自動見積もりなどのスクリプトを作成

中小企業様向けにサービスを展開しております。

既存で大手企業様の自動見積もりシステムからコーディングなどの案件を受注している経験から
中小企業様がWEBサイトを構築後の運営までどの様にしたら良いのか、一緒に寄り添い
ただ案件を承るだけで無い、カユいところに手が届くサービスを展開しております。

【経験】
・エンジニア／25年
・ディレクター／25年
・コンサルティング／25年
・撮影部門・ブライダルでのエンドロール撮影、舞台撮影

【得意分野】
・コーディング
・業務系Webシステム開発
・Webに関するコンサルティング全般

【スキル】
・PHP
・HTML5、CSS3
・JavaScript、jQuery
・Wordpress、EC-CUBE

ランサーズ初登録でございます。
現段階での評価はございませんが、誠心誠意の対応を行いますので何卒よろしくお願い申し上げます。

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

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

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

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

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

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

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

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

ご提供内容

プログラミングの手伝い。
Vue.jsやnode.jsはある程度経験があります
AWS lambdaやDynamodbなども使えます
Pythonもある程度は扱えますが、DjangoやFlaskなどの経験はありません
Flutter（Dart.js）は勉強中ですが、対応可能です

こんな方へオススメ

スポットで業務への手伝いが欲しい方
プログラミングの手伝いが欲しい方
フロントエンドの一部の画面だけ作って欲しい方
フロントエンドの画面の一部を修正して欲しい方。

できなくはないかもだけど、苦手なこと

React、Wordpress
（これらの言語にも対応できないわけではなく、自分で勉強しながらキャッチアップ可能です。学習時間分のコストは勿論請求しません）

ご購入後の流れ

ChatworkやDiscordなど、好きな方法で取引可能です

料金プランやオプション、納期

柔軟に内応可能です

私は、これまでの多様な経験と柔軟な対応力を活かし、Webサイトのパフォーマンス改善からコンテンツ作成まで、多角的にあなたのビジネスをサポートします。

制作の流れ
お問い合わせ・ヒアリング: メッセージでご希望の内容をお知らせください。簡単なご相談からでも、お客様の課題や目標を丁寧にお伺いします。

ご提案・ご契約: ヒアリング内容に基づき、最適なプランをご提案します。内容にご納得いただけたら、正式にご契約となります。

制作・開発: 契約内容に基づき、速やかに作業を開始します。進捗状況は随時ご報告しながら、連携して進めます。

納品・アフターサポート: 完成した成果物をご確認いただき、必要に応じて修正対応します。納品後も運用に関するサポートを提供します。

「柔軟性」と「実行力」を強みに、あなたのビジネスを加速させるお手伝いをします。まずはお気軽にご相談ください。

お客様のビジネスに最適なウェブサイトを、経験豊富なデザイナーが心を込めて制作いたします！

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

ウェブサイトのデザインが古く、集客に繋がらない。ブランドイメージを向上させたい。スマートフォンに対応したウェブサイトが欲しい。

発注の流れ

お問い合わせ・ヒアリング
お客様のウェブサイトに関するご要望や課題を丁寧にお伺いします。オンラインでの打ち合わせも可能です。

企画・提案
ヒアリング内容をもとに、最適なウェブサイトの構成やデザインをご提案いたします。お見積もりも提示いたします。

デザイン修正
デザイン案をご確認いただき、修正点があればご遠慮なくお申し付けください。ご納得いただけるまで修正いたします。

コーディング
デザイン確定後、コーディング作業に入ります。SEO対策を施し、検索エンジンに強いウェブサイトを構築します。

納品・公開
完成したウェブサイトをご確認いただき、問題がなければ納品となります。納品後も、操作方法などのサポートをいたします。

対応範囲・価格

トップページデザイン：3万円〜
トップページのデザインをご提案します。お客様のブランドイメージに合わせた、洗練されたデザインをご提供いたします。

ウェブサイト制作（5ページ）：10万円〜
サイト全体のデザインとコーディングを承ります。SEO対策も考慮し、集客に強いウェブサイトを制作いたします。

スマホ対応：5万円〜
既存のウェブサイトをスマホ対応に最適化します。レスポンシブデザインで、どんなデバイスでも美しく表示されるようにいたします。

納期

契約から1〜3週間

制作の流れ

市場調査・分析
お客様の業界や競合他社のウェブサイトを徹底的に分析し、最適なデザイン戦略を立案します。

デザイン制作
お客様のブランドイメージやターゲット層に合わせた、オリジナルのデザイン案を作成します。

コーディング
デザイン案を元に、HTML、CSS、JavaScriptなどを用いてウェブサイトを構築します。

動作確認・修正
完成したウェブサイトを様々な環境でテストし、表示崩れや動作不良がないか確認します。

納品・アフターサポート
お客様にウェブサイトの操作方法をご説明し、納品となります。納品後も、更新作業などのサポートを承ります。

サービス内容

お客様のビジネスに最適なウェブサイトを制作いたします。デザインだけでなく、SEO対策やスマホ対応も万全です。

ウェブサイトは、あなたのビジネスの顔です。デザインが古かったり、スマホに対応していなかったりすると、せっかく訪れたお客様を逃してしまうかもしれません。私は、お客様のビジネスに最適なウェブサイトを制作し、集客力アップをサポートいたします。まずは、お気軽にご相談ください。