HTMLの依頼・発注・代行

▼パッケージ内容

・HTML静的ページのコーディング
・WordPressサイトのコーディング
・JavaScriptを使用した表現
　・スクロールに合わせたアニメーション
　・スライドギャラリー
　・ハンバーガーメニュー
　・アコーディオンやタブ等

▼コーディング料金

・TOPページ：15,000円〜 / 1ページ
・下層ページ：10,000円〜/ 1ページ
・JavaScriptの実装 → 内容に応じて別途お見積もり
・WordPress TOPページ：30,000円〜 / 1ページ
・WordPress 下層ページ：10,000円〜 / 1ページ

※カスタマイズ内容によっては別途料金をいただく場合があります。
※料金は全てレスポンシブ込みです。

▼納品までの流れ

①ヒアリング（内容の詳細をお聞かせください）
②納品日と金額をお伝え。
③ご契約（デザインや素材等コーディングに必要なデータをお送りください）
④コーディング開始
⑤ご確認
⑥納品（サーバーへのアップ・もしくはファイルの送付）
※対応ブラウザは「Chrome・safari・Firefox 」としています。
ご不明点があればお気軽にご連絡ください。

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

宜しくお願いいたします。

▼こんな方にオススメ！
・WEB制作に興味がある
・自分でWEBサイトを作ってみたい
・HPの簡単なカスタマイズは自社でできるようになりたい

▼カリキュラム 2023年5月現在
（）内の数字は講義数
HTML/CSS 基礎編 （21）
LP制作演習１（11）
営業編（4）
Adobe XDの使い方（6）
できるとオシャレな小技編（6）
LP制作演習２（18）
納品方法（3）
WordPressブログ立ち上げ（9）
LPのWordPress化（7）
LP制作実践演習（1）
WordPress Lightningテーマ（ノーコード）（9）

▼その他のサービス

1. 個別質問サポート
2. 案件紹介サービス

▼こんな方へオススメ

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

▼ご提供内容

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

▼制作までの流れ

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

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

Webコーダーをお探しの方必見！ ホームページ・ランディングページのコーディングを代行します。

マークアップエンジニアとして10年以上の経験を活かして、HTML5とCSS3の仕様に準拠し、SEOとアクセシビリティに配慮した高品質なコーディングをご提供いたします。

• デザインはあるけどコーディングはお願いしたい
• デザインをきちんと再現してくれるコーダーを探している
• JavaScriptでサイトに簡単なインタラクションを加えたい

など、ホームページ・ランディングページのWebコーダーをお探しの方はぜひご検討ください。

【パッケージ内容について】
■ベーシック
下層ページの静的コーディング1P（デザインカンプ 縦 3000px 前後まで）、既存ページの一部修正など、まずはお試しでご利用いただく方におすすめです。

■スタンダード
トップページの静的コーディング、LPのコーディングもこちらから。（デザインカンプ 縦 6000px 前後まで）

■プレミアム
トップページの静的コーディング+下層ページ3Pまで。

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

• レスポンシブ対応（PC / SP）
• JavaScript（jQuery）を使った簡単なインタラクションの実装
• 画像の圧縮
• 表示確認・品質チェック（W3C Validation Service）

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

• WordPress構築
• お問合せフォームの実装（WordPressプラグインで対応）
• ブレイクポイントの追加（タブレット用など）
• JavaScript（jQuery）を使った複雑な動きの実装
• 下層ページの追加
• IE11表示対応

【JavaScript（jQuery）について】
一般的なプラグイン等で提供できる機能であれば各プラン料金内で対応可能です。

例：

• スライダー
• カルーセル
• スムーズスクロール（ページ内リンク、ページ先頭へ戻るボタン など）
• タブ切り替え
• ハンバーガーメニュー
• ヘッダー固定

ほか

オリジナルで複雑な動きを実装したい場合は、事前にご相談ください。

【対象ブラウザについて】
■パソコン（Windows・Mac）
Chrome、Firefox、Edge、Safari 各最新版

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

メーカーサポートの終了したIE11は、オプション料金での対応となりますのでご了承ください。

【ブレイクポイントについて】
ブレイクポイント（デザインが切り替わるポイント）は1箇所まで無料で対応可能です。
PC用とスマートフォン用のデザインデータをご提供ください。

タブレット用など、上記以外の画面サイズにも対応させる場合は、オプション料金での対応となりますのでご了承ください。

【納品形式について】
原則としてデータ納品（ファイル一式を zip 圧縮したもの）になりますが、サーバーへのアップロードにも対応可能です。
その場合は FTP 情報をお知らせください。

【購入の流れ】
「見積もり・カスタマイズの相談に進む」より、ご依頼の内容を詳しくお聞かせください。
　　　↓
デザインや納期などを確認させていただき、こちらから見積りを提出いたします。
　　　↓
見積り、納期などに問題なければ、仮払い手続きをお願いいたします。
同時にデザインデータなど、コーディングに必要なデータをご提供ください。
　　　↓
コーディング開始
　　　↓
テストアップ・修正対応
テスト環境にページをアップしますので、ご確認をお願いいたします。

修正回数の制限は設けていませんが、この段階でデザイン変更が発生する場合、追加料金が必要になる場合がございますのでご注意ください。
　　　↓
最終確認・納品
修正箇所も含めて最終確認が終わり次第、納品となります。

【営業時間について】
10:00〜19:00（土日祝を除く）

【納期について】
記載の納期は、仮入金およびデザインデータのご入稿後から着手した場合に必要な営業日の目安です。
状況によっては記載の納期で対応できない場合もございますので、お急ぎの方は購入前にお問い合わせください。

会社、店、病院などの、
宣伝として、知名度アップ、サイト訪問者数アップを目指します

納品物
貴殿のサーバーにアップします

素材など（画像、文章など）を準備していただき、それを使って作っていきます

今までたくさんのサイトを作ってきました

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

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

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

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

発注の流れ

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

対応範囲・価格

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

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

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

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

制作の流れ

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

最後に

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

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

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

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

「ホームページがないせいでお客様にしっかりとした印象を与えられない…」
「もっと多くの人にお店やサービスを知ってもらいたい…」
「こだわりを伝える機会が少ない…」と感じたことはありませんか？

現代ビジネスにおいて、オンラインでの存在感は成功の鍵です。しかし、ホームページ制作が「高額で難しい」と感じて躊躇する方も少なくありません。そこで、私は高品質なサイトを格安で提供しています。

◆プロの妥協ない品質を衝撃価格で提供◆
・確かな技術力
→デザインからSEO、スマホ対応まで、妥協しない品質をお約束。

・驚きのお値段
→本格的なHPの相場は10万円～のところ、3万円からお受けいたします。

・スマホ対応
→レスポンシブデザインで、スマホ・タブレットでの閲覧を最適化。

・SEO対策
→検索エンジンで上位表示を狙い、集客力を強化。

・セキュリティ対策
→SSL対応で安心の運用環境を提供。

・修正無制限（3日間）
→納得いくまで無料修正対応。

・納品後1ヶ月の無料サポート
→運用の不安もサポート。

◆サービス内容◆
①Topページ + 4ページ + お問い合わせ
②アニメーション機能
③GoogleMAP埋め込み
④SNS連携
⑤フリー素材提供
⑥WordPress設定

◆実績とポートフォリオ◆
これまでに15社以上の企業や個人事業主のホームページ制作を担当しました。ヘアサロン、薬局、助成金関連、韓国語教室、企業サイトなど、様々な業種で実績を持っています。

☟こちらからのURLでご検索ください！！
https://shota-web.com/

◆特別キャンペーン実施中◆
ポートフォリオ更新記念のため、特別セールを実施中です！
先着10名様には、特別価格で普段5万円のところ3万円でお受けいたします。

お早めにご相談いただければ、制作スケジュールも優先的に調整いたします。

◆制作の流れ◆

1. お見積もり、ヒアリング
2. サービスご購入
3. WordPressでのサイト作成
4. お客様確認・修正
5. サイトお引き渡し・ドメイン設定
6. SEO設定・正式な納品

◆今すぐ無料相談！◆
「何をどう頼めば良いかわからない」という方でもご安心ください。
プロの視点で、最適なホームページをご提案いたします。
まずは無料相談でお気軽にご連絡を！

京都伏見出身の職人肌フロントエンドエンジニアが、あなたのWordPressをご希望通りに編集致します。

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

WordPressサイトのUI/UX改善、デザインの刷新、機能追加による集客力・顧客満足度向上

発注の流れ

事前相談
お客様のサイトの課題やご要望をヒアリングします。オンラインでの打ち合わせも可能です。

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

ご契約
ご提案内容にご納得いただけましたら、問題なく実装できるかどうかなどを検証させて頂き、問題なさそうであれば正式にご契約となります。

制作開始
お客様のサイトに合わせて、WordPressの編集・カスタマイズ作業を行います。

納品・アフターフォロー
完成したサイトをご確認いただき、修正点があれば対応します。

対応範囲・価格

小規模な編集：10,000円〜

中規模な編集：25,000円〜

大規模な編集：50,000円〜

納期

プランによって異なりますが、最短1週間から対応可能です。

制作の流れ

要件定義
お客様のサイトの目的やターゲット層を明確にします。

設計・デザイン
サイト全体の構成やデザイン、必要な機能などを設計します。

構築・実装
設計に基づいて、WordPressのテーマやプラグインをカスタマイズします。

テスト
完成したサイトの動作確認や表示確認を行います。

納品・運用サポート
お客様にサイトを納品し、運用方法などをレクチャーします。

サービス内容

WordPressの編集、カスタマイズを通じて、お客様のWEBサイトの価値を最大化します。UI/UX改善、デザイン刷新、機能追加など、幅広く対応いたします。

WordPressの編集、カスタマイズでお困りではありませんか？

✓ デザインが古くて集客できない
✓ スマホ対応ができていない
✓ 必要な機能がなくて不便

そんなお悩みを、京都伏見出身のWEB職人が解決します！

私はこれまで、大手企業様のサイト制作にも携わってきました。その経験を活かし、お客様のWEBサイトを「記憶に残る」WEBサイトへと変身させます。

今すぐご相談いただければ、貴社のWEBサイトを成功に導くための最適なプランをご提案いたします。

▼こんな方におすすめ
・スピーディーな納品を希望
・低価格で制作したい方
・高品質でスタイリッシュなデザインが欲しい
・HTML/CSSコーディングも制作してほしい
・メッセージのみの連絡で完結したい方
・打ち合わせを省略したい方
・納品後の保証も欲しい

▼サービスの紹介

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

Webデザイナーの「ゆう」と申します。

こちらのサービスは、おまかせでWebサイトデザインを制作するサービスとなっております。

掲載したい内容などの簡単なヒアリングと、必要な素材をご共有いただければ、スピーディーでスタイリッシュな制作を行います。

度重なる打ち合わせを省略し、迅速な制作を依頼したい方におすすめのプランです。

レイアウトはこちらにお任せになりますがビジネスからプライベートまで幅広くお使いいただける、高品質でシンプルなデザインをご提供させていただきます。

Webに関する知識の無い方でもデザイナーが最適なレイアウトを制作いたしますので、安心してご利用ください。

スマホ用のレスポンシブデザインは無料で付属しており、とてもお得なサービスとなっております。

▼安心の保証
納品後３か月以内であれば納品データを保持しておりますので、万一データを紛失してしまった際でも安心の対応をいたします。

▼ご用意いただきたいもの
・素材（写真/画像/動画など）
・掲載したい内容（文章など）

▼制作の流れ

①お問い合わせ
↓
②簡単なヒアリング（掲載したい内容など）
↓
③ご購入
↓
④素材の共有
↓
⑤デザイン制作・修正
↓
⑥納品

※価格はランサーズの仕様上、公開しております。
※価格はWordPressの立ち上げ、常時SSL化再設定、データ移行（記事、画像、コメント、内部リンク、カテゴリ、description）など含まれております。
※記事数に応じて価格は変動しますので、目安にして頂けますと幸いです。
※ページ数、カスタム数、ご相談内容に応じて価格は数万〜数十万ほど変動することも普通にございます。

「htmlやWix、Movable type、ホームページビルダー、Jimdo、シリウスなどのシステムからWordPressへ移行したい。」
「出来るだけSEOを考慮した形でWordPressへ移行したい。」

そんな方に向けて、WordPress移行のプロである「サイト引越し屋さん」が、あなたの代わりに各種システムからWordPress移行を代行します！

【8つのサービス対応も含まれます】
1.引越しに関わる事前相談や調査
2.WordPressテーマの簡易的な選定代行
3.移転先サーバーの設定（ドメイン設定やPHP等）
4.SSLの再設定作業
5.ドメイン変更作業
6.DNS、ネームサーバー設定
7.移転後の不具合修正
8.データバックアップ

以上が、各種システムからWordPress移行に含まれる8つの対応となります。

WordPressへ移行すれば、表示スピードはもちろんSEOを強化できるので集客力を最大限高めることができます。

プラグインと呼ばれる機能追加によって他のシステムでは実現できないような素敵な機能が簡単に実装できます。

さらには、デザインもバリエーションが多く、自由にカスタマイズが出来るので、あなたの理想のWebサイトを作れます。

どんなに些細な事でも構いませんので、お気軽にご相談くださいませ。

こんな方におすすめ

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

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

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

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

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

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

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

Dear Potential Client

Greetings, I hope all is well.
I will develop even design and develop a 2D JavaScript game.
The game will be complete with splash screens, settings screens, sound tracks and sound effects.
The game assets are provided unless not required. **(Pease note I usually make use of freely available internet resources but only those with permitting licenses).
Games are fun, but also complex. Sometimes all one has is an idea and a rough sketch. That is OK. Let us have a conversation
and I will turn you idea into a Professional Game Design Document and then into a working product.

The service caters to anyone and everyone weather you looking for a pet project or you are an industry giant looking for an affordable game studio that can produce quality results.

-- Deliverables
For most projects the provided content will be a zip folder of
-game assets
-game code
-an HTML file named after the game that serves as the games executable.
(The game run inside the browser).

--Flow after purchase.
-Please, provide a detailed description of the project (Images illustrations are greatly appreciated, but not required).
Should you have a Game Design Document please, may please make it available.
-I will begin working on the project. While working on the project I check in with you to ensure we are always on the same page.
-I will deliver the project to you.
-Any revisions or modification will be made at this point.
-Conclusion.

--Genres
All will design and develop game of any game Genre, except for strategy games, for these usually sometimes require a little more time in order truly perfect them.

--Pricing and Delivery Date
**Please Note: Should you find the need. Pricing and Delivery Dates are negotiable as per project complexity.

If you have been struggling to find someone that can take the time to truly listen and understand you ideas;
Please let us finally bring that idea to fruition.

Thank you, I hope to hear from you soon.
Thank you.

●こんな方へオススメ
　・これからコーディングを学びたい方
　・Webデザイナーを目指す方
　・Webサイトを制作したい方
など

●ご提供内容

　・HTML、CSSの基礎知識

　・コーディング記述

　・コーディングで模写制作

　・コーディングでレスポンシブ
※コースによって内容は異なります。

●ご購入後の流れ
　1. まずは、ご相談ください。(ヒアリング含む)
　2. 初回オンラインレッスンの日時設定
　3. 初回オンラインレッスン開始

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

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

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

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

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

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

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

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

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

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

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

WEB標準に準拠したHTML・CSSコーディングを承ります。

人と検索エンジンに理解しやすいセマンティックなコーディングを行ないます。
その結果としてSEOに有利となり、また、ハンディを持った方にも伝わりやすいアクセシブルなWEBページをご提供することができます。

販売価格は下層ページなど比較的簡易なページ内容（A4で1P程度）を想定しています。
トップページやLPなどの場合は別途お見積もりさせていただきます。
お気軽にご相談ください。

また、ページ単価は5,000円からとなりますが、ページ数が多い場合はボリュームディスカウントにも対応いたします。

■こんな方におすすめです
・プロの視点で改善点を教えてもらいたい
・SEO対策のことがよくわからないので、どこを直せばいいか教えてほしい
・正しくSEO対策ができているか見てほしい
・我流なのでプロの視点で見てもらいたい

■ご提供内容
これまで多くのホームページの内部SEO対策を行い、95％以上の高い成功率で検索順位を上げてきたSEO対策のプロの視点で御社のホームページの内部SEO対策を診断して、改善点をPDF形式のレポートにまとめて提出します。
同業他社（ホームページ制作会社）へのアドバイスも承っておりますので、同業の方もお気軽にご相談ください。

※内部SEO対策のみの診断です
※検索順位は様々な要素を総合して決まるため、検索順位の上昇を保証するものではございません
※レポートのボリュームは、ホームページによって変わります（改善点があれば記載する形ですので、改善点が多ければレポートのボリュームが大きくなり、改善点が少なければレポートのボリュームが小さくなります）
※料金に修正作業は含まれておりません（修正作業はお客様ご自身でやっていただくか、別途料金にて修正を行います、要見積もり）

■納品物
内部SEO対策の改善点をまとめたPDF形式のレポートを納品します。

サービス内容

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

依頼から納品までの流れ

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

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

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

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

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

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

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

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

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

▼基本の作業内容

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

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

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

▼制作の流れ

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

▼こんな方へオススメ
・テキストや画像を少しだけ修正したい方
・自分で触るのが不安な方
・軽微な崩れや表示不具合を直したい方
・コストを抑えて手軽に依頼したい方
・継続的に細かな更新を任せたい方

▼ご提供内容
・テキスト修正、画像差し替え
・HTML／CSSの軽微な修正
・レイアウトの簡単な調整
・リンク修正や簡単な機能調整

▼ご購入後の流れ
①ご相談・内容確認
②お見積もり提示
③ご購入
④作業開始
⑤ご確認・修正対応
⑥納品

▼制作可能なジャンル
・企業サイト
・店舗サイト
・LP（ランディングページ）
・ブログ／メディアサイト

▼料金プランやオプション
・軽微修正（1ページ）：3,000円〜
・複数箇所修正：内容に応じてお見積もり
・追加修正／大幅変更：別途対応可能

▼納期
・通常：2～14日程度
・内容により変動あり

初めまして。

Shopifyを利用した集客用サイトを構築します。

私は7年以上、主に食品、化粧品、衣服類、家具類など多くのShopifyサイトを構築してきました。
Shopify2.0とリキッド言語、JSONファイルに関する豊富な知識があります。私はいつもクライアントの要求を重視し、それを満足させるための最良の方法を探します。
Shopifyサイトは強力なEC機能を提供しており、私はShopifyを利用して売上向上に努めています。 Shopify最適化、各種機能実装、SEO対策、Shopify Theme、Appのユーザー定義、商品登録など関連業務に幅広く対応しています。

専門知識
===========
➽Shopifyウェブサイトデザイン（レスポンシブを含む）
➽ Pagefly appなどを使ったランディングページの作成
➽ Shopify Theme, Appユーザー定義
➽ Shopifyウェブサイト関連各種設定
➽ Shopifyサイトで商品登録
➽Shopifyサイトの修正とメンテナンス、管理

参照URL:
https://revel.jp/
https://shop.kagome.co.jp
https://www.retroasia.com/
https://overglam.com/

納品後の修正までしっかりと対応します。
貴重な時間を割いていただきありがとうございます。
良いご縁になると嬉しく思います。
何卒宜しくお願い致します。

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

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

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

■サービスの内容

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

■料金

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

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

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

■納品方法

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

■納期

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

■修正について

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

■デザインデータ

Figma、Photoshop、XD など

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

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

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

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

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

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

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

【制作会社様・デザイナー様向け】足りないリソース外注しませんか？

保守性の高いコーディングを提供します

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

「リソースが足りない」、「質の良いコーディングを求めている」、「デザインはあるがコーディングだけお願いしたい」、「デザインを細部まで再現してほしい」、「1ページだけでもコーディングしてほしい」
そのようなお客様に寄り添い大切なデザインをコーディングします。
もちろん静的サイトコーディング後、WordPress化まで請け負います。

【SassやGulpを使用し、効率よく保守性の高いコーディング】
SassやGulp、FLOCSS・BEMを使用し効率よく、素早く、保守性の高いコーディングで仕上げていきます。またクライアント様から提示された要件定義を遵守し、ご満足いただけるコーディングに仕上げます。

【全プラン共通の内容】
・HTML/CSSを用いた静的コーディング
・スマホ、PC対応
※デザインデータがPCしかない場合、こちらでスマホを修正します。
・ハンバーガメニュー
・お問い合わせフォームの設置のみ（ベーシックは除く）
・3回までの修正対応（こちら側のミスは除く）

【当サービスの特徴】
・最短本日から作業を開始します。
・上述しましたが、保守性を意識した質の良いコーディングを提供いたします。

【ご契約後の流れ】
①事前のヒアリング
ご契約前にヒアリングをさせて頂き、作業量・納期から正式お見積もり金額お伝えさせていただきます。
事前にデザインカンプをご用意ください

②仮払い・情報のご提供
打ち合わせにてご納得頂けましたら、この段階でご契約とさせていただきます。
事前情報として、サーバー情報のご提供をお願いします。（サーバーにアップ不要であれば本情報は不要です。）

③トップページ制作
※3回まで修正可能

④下層ページ制作
※3回まで修正可能

⑤最終確認

⑥本番環境（クライアント様のサーバー）で公開（納品）またはファイル形式でお渡し

【最後に】
私自身、コーディングという業務に大変誇りを持っています。大事なデザインをただ単に再現するのではなく、クライアント様とデザイナー様の思いをこめながら、素晴らしいホームページを制作できればと思っております。宜しくお願いいたします。

※プランによって納期によって価格が変わってきます。お考えのサイトのボリューム感をお考えの上、お気軽にお問合せください。

サイトデザインからコーディングでの実装、WordPressを使用した更新の簡単なサイトの制作をまとめてお受け致します。

ランサーズにおいてのデザイン制作実績もあります。その他にもコーポレートサイト、歯科医様のサイトなど様々な企業様のサイトを制作しておりますので、ぜひご相談ください。

【弊社のご紹介】
【スマートワークの信念】

正確かつ迅速な対応をモットーにすべての案件に誠心誠意対応致します。

チェック体制も揃っており、クオリティの高い商品をご提供致します。

納期絶対遵守をお約束致します。

－【新たに動画事業部始動】－－－－
この度新たに動画事業を始めました！
YouTubeの動画編集経験者やTV業界で活躍していたカメラマンなどを加え
一眼レフを使用した撮影からAdobeソフトを使用した本格的な編集まで弊社にお任せ！
チームで動いていますのでご希望の納期には遅れることはほぼなし。

「かっこいいオープニングが欲しい。」
「店内で流すCMを作ってほしい。」
「撮影したけど編集する時間がない。」
「テロップ入れだけでも外注したい。」
「編集ソフトの使い方がわからない。」など

動画に関して困ったらぜひお気軽にご連絡ください！
－－－－－－－－－－－－－－－－－

他にも事業を行っています。

・Word,Excelを使ったデータ入力
・PhotoshopやIllustratorを使った制作物作成
・Webサイト制作・デザイン・CMS（WordPress）導入

等々、多岐にわたるパソコン業務が可能です。

御覧頂いた貴社とのご縁があることを楽しみにしております。
その他、ご不明な点等ありましたら、お気軽にご連絡下さい。

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

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

WordPressの固定ページの追加・修正をします。
1〜数ページだけ追加したいというご要望にお応えします。

対応可能な内容
・HTML / CSS / JavaScript / PHP の理解が必要となるコーディング
・WordPress の理解が必要となるコーディング
・指示書を元にしたコーディング
・Figmaなどのデザインカンプを元にしたコーディング
・レスポンシブデザインの対応　など

「伝わらない」を解消！営業経験10年のフロントエンドエンジニアが、要望を正確に捉え、動きで魅せるハイクオリティなWebサイトを実装します。

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

エンジニアとのコミュニケーションがうまくいかない、要望が伝わらず認識のズレがある、サイトの動きが少ない、スマホ対応の質の高いコーディングを依頼したい、納期が心配、修正に柔軟に対応してほしい

発注の流れ

1. お問い合わせ・ヒアリング
   まずはお気軽にメッセージでご相談ください。サイトの目的やターゲット、ご希望の動きなどについてヒアリングさせていただきます。

2. 企画・お見積もり
   ヒアリング内容を基に、最適なコーディングプランと費用、納期をご提案し、詳細なお見積もりを作成します。

3. 契約・仮払い
   提案内容にご納得いただけましたら、ランサーズ上で契約と仮払いをお願いいたします。これにより制作がスタートします。

4. 制作開始
   ご提供いただいたデザインカンプと素材を基に、コーディング作業に着手します。進捗状況は定期的にご報告いたします。

5. 確認・修正
   テスト環境で実装をご確認いただき、必要に応じて修正対応を行います。ご納得いただけるまで調整を重ねます。

6. 納品
   最終確認後、HTML、CSS、JavaScriptファイル一式を圧縮ファイルで納品いたします。ご希望に応じGitHubでの納品も可能です。

対応範囲・価格

LPコーディング：40,000円〜
デザインカンプ（Figma, XD, Photoshop）から、ユーザーの心を掴む動きのあるランディングページを忠実にコーディングします。

複数ページサイトコーディング：120,000円〜
複数ページ（3〜5ページ）のWebサイトを、レスポンシブ対応かつ魅力的なアニメーションを取り入れてコーディングいたします。

アニメーション・インタラクティブ実装：20,000円〜
スクロールに合わせて要素が動いたり、視差効果を取り入れたりするインタラクティブな表現を実装し、サイトの魅力を高めます。

納期

プロジェクト開始から平均14〜30日程度（規模により変動）

制作の流れ

要件定義・素材準備
デザインカンプ、テキスト、画像などの素材をご準備いただき、サイトの全体像やアニメーションの詳細な要件を擦り合わせます。

コーディング着手
ご準備いただいたデザインカンプと要件に基づき、HTML、CSS、JavaScriptを使い忠実にコーディングを進めます。レスポンシブ対応も並行して行います。

レビュー・修正
テスト環境で実装したサイトをご確認いただき、お客様からのフィードバックを元に修正や調整を行います。密なコミュニケーションで認識のズレを防ぎます。

最終調整・納品準備
修正が完了し、お客様にご満足いただけましたら最終的なコードの最適化を行い、納品準備を進めます。

サービス内容

Figma、XD、Photoshopなどのデザインカンプから、HTML/CSS/JavaScriptを用いて忠実にWebサイトをコーディングします。単なる再現に留まらず、スクロールアニメーションやパララックス効果など「動きで魅せる」表現を取り入れ、レスポンシブデザインでPC・タブレット・スマホ全デバイスに対応。営業経験で培った円滑なコミュニケーションで、お客様の要望を正確に形にします。

「エンジニアに要望がうまく伝わらない」「レスポンスが遅い」といったご経験はありませんか？Webサイト制作において、クライアント様の期待と完成物にズレが生じるのはコミュニケーション不足が大きな原因です。私は10年間の営業経験で培った傾聴力と提案力で、お客様の真のニーズを正確に把握し、明確な言語化で開発チームとの橋渡しをいたします。HTML/CSS/JavaScriptを駆使し、FigmaやXDのデザインカンプを忠実に再現。さらに、スクロールアニメーションやパララックス効果で「動きで魅せる」インタラクティブなWebサイトを構築。ただ組むだけでなく、訪問者の心を動かすサイトでビジネスを加速させませんか？スムーズなプロジェクト進行と高品質な成果物で、あなたのビジネスを次のステージへと導きます。まずはお気軽にご相談ください。

ユーザー目線を意識したコーディングで、既存Webサイトを整えます

既存のWebサイトやLPについて、
「スマホで見づらい」「ちょっとした修正をしたい」「実装を手伝ってほしい」
といったお悩みに対応いたします。

HTML / CSS を中心に、
見た目だけでなく ユーザーが迷わず内容を理解できる構造 を意識し、
丁寧にコーディング・調整を行います。

このようなご相談に対応しています

・スマートフォンで表示が崩れている
・テキストや画像を差し替えたい
・レイアウトや余白を整えたい
・デザインはあるが、実装を任せたい
・LPの一部セクションを追加したい

小さな修正からでもお気軽にご相談ください。

発注の流れ

1.ご相談・ヒアリング
　メッセージにて、修正内容やご要望をお伺いします。

2.作業内容・お見積りのご提案
　対応範囲・作業内容・金額をご提示します。

3.仮払い後、作業開始
　内容確定後、作業を開始します。

4.確認・納品
　ご確認いただき、問題なければ納品となります。

対応範囲・価格目安

・既存ページの修正・更新：10,000円〜
　テキスト修正、画像差し替え、CSSの微調整など

・既存ページのレスポンシブ対応：20,000円〜
　スマートフォン表示を意識した調整

・LP・Webサイトの一部コーディング：40,000円〜
　デザインデータをもとにHTML / CSSで実装

※内容・ボリュームによりお見積りいたします。

納期目安

内容確定後、3日〜2週間程度
（作業量によりご相談）

対応可能な環境・スキル

・HTML / CSS
・JavaScript（軽微な表示切替など）
・PHP（基礎理解）
・Visual Studio Code
・Google Chrome（デベロッパーツール）

対象外作業

以下の内容は、基本対応範囲外となります。
※内容により別途ご相談可能です。

・デザイン制作・デザイン修正
・ロゴ・バナーなどのグラフィック制作
・WordPress等CMSの構築・テーマ開発
・複雑なJavaScript処理・高度なアニメーション実装
・SEO施策の効果保証・順位保証
・サーバー移行・ドメイン設定などのインフラ作業
・仕様が確定していない状態での作業開始

サービス内容・姿勢

デザインデータがあるWebサイトの
HTML / CSSコーディング、既存ページの修正・改善、レスポンシブ対応を行っています。

単にデザインを再現するだけでなく、
「初めて訪れたユーザーが迷わず行動できるか」
という視点を大切に、構造や導線を意識した実装を心がけています。

実績はまだ多くありませんが、
その分、丁寧な確認・コミュニケーションを重視し、
安心して進めていただける対応を行います。

「少し直したい」「まずは試しに頼みたい」
そんなご相談も歓迎です。
どうぞお気軽にご連絡ください。

Next.js/Reactでの新機能実装からバグ修正まで、スピーディかつ丁寧に解決します

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

・Webサイトに新しい機能を追加したいが、社内エンジニアのリソースが足りない
・Next.jsやReactでのモダンな実装・修正ができる人が見つからない
・フロントエンドの表示崩れや軽微なバグを早急に解消したい
・パフォーマンスやSEOを意識した機能改善を行いたい

発注の流れ

1. お問い合わせ・ヒアリング
   現在の課題や、どのような機能・修正をご希望か、ランサーズのメッセージ機能等でお伺いします。

2. 提案・お見積りの提示
   ご相談内容をもとに、実装方針とお見積り、納期をご提案させていただきます。

3. ご契約・仮払い
   お見積りと内容にご納得いただけましたら、ランサーズ上でのご契約・仮払いのお手続きをお願いいたします。

対応範囲・価格

軽微なバグ・UI修正プラン：15,000円〜
1箇所の表示崩れの修正や、文言・軽微なデザインの変更などを行います。

新規コンポーネント機能実装プラン：45,000円〜
Next.jsやReactを用いた新規コンポーネント（お問い合わせ、バナー追加など）を実装します。

複数画面・機能開発伴走プラン：90,000円〜
複数画面にわたる新機能の追加や、それに伴う仕様策定・フロントエンドの実装を包括的に行います。

納期

最短3日〜

制作の流れ

1. 開発着手
   仮払い完了後、必要なソースコードやデザインデータ等をご共有いただき、作業に着手します。

2. テスト・動作確認
   実装が完了した段階で、私のテスト環境またはお客様のテスト環境にて動作をご確認いただきます。

3. 納品・完了
   動作に問題がなければ成果物を納品し、ランサーズ上での検収完了をもちましてクローズとなります。

サービス内容

ReactやNext.jsを使用したWebサイトのフロントエンド新規機能実装、およびバグ修正・改修サービスです。情報工学専攻のバックグラウンドと実務経験を活かし、保守しやすく表示速度にも配慮したクリーンなコードを実装します。1コンポーネント単位の小規模な改修から、伴走型の機能開発まで、ご要望に柔軟にお応えいたします。

Webサイトの表示崩れや機能追加の際、開発リソースが不足してお困りではありませんか？ReactやNext.jsなどのモダンなフロントエンド開発を得意とする私が、その課題をスピーディに解決いたします。情報工学専攻で培った基礎力と、Webマーケティング会社での実務経験を活かし、丁寧かつ正確なコードを実装します。「1コンポーネントだけ修正したい」「Next.jsで新しいセクションを追加したい」といった、小規模な改修から新機能追加まで柔軟に対応可能です。AIツールを用いた効率的な仕様策定・コーディングを行うため、高品質な納品をお約束します。進行管理もスムーズに行いますので、初めての外部発注でもご安心ください。まずはランサーズのメッセージ機能より、お気軽に課題やご要望についてご相談ください。状況に応じた最適なプランをご提案いたします。

▼こんな方へオススメ

• 初めてのホームページ作成なので、不安な部分を相談しながら制作を進めたい
• なるべく素早く納品して欲しい
• 自分の提案だけでなく、専門知識を生かした提案も聞きたい
• 確実にデザインが反映されたホームページが欲しい
• 制作後も管理できるモダンでシンプルなコーディングが望ましい

▼ご提供内容

• デザイン、コーディング、SEO対策、サーバーへのアップロードといったLP制作の流れを上流から下流までサポートします
• アニメーションやレスポンシブは標準料金内で実装いたします
• tailwind.css/dart-sass等を利用した保守性の高いCSS設計ができます
• テストサーバーなどを設置し、満足いくまでブラッシュアップしていきます
• 丁寧なヒアリングを心がけ課題選定や要件定義を行います

▼制作までの流れ

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

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

PHP/LaravelとWordPressで、ビジネスを加速させるWebシステムを構築・改善します

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

貴社のWebシステム、こんなお悩みはありませんか？
・既存システムが古く、運用コストが高い・非効率。
・新しいサービスを展開したいが、技術的な知見が不足している。
・WordPressサイトの表示速度が遅い、またはカスタマイズに限界を感じる。
・事業成長に合わせたスケーラブルなシステムが必要。
・信頼できる開発パートナーを見つけたい。

発注の流れ

1. お問い合わせ・ヒアリング
   まずはランサーズのメッセージ機能からお気軽にご連絡ください。開発したい内容、現在の課題、ご希望の納期や予算感などをお聞かせください。

2. 企画・お見積もり
   ヒアリング内容に基づき、システム構成や機能、開発スケジュールなどを具体的にご提案し、お見積もりを提出いたします。疑問点があればお気軽にご質問ください。

3. 契約・開発開始
   ご提案内容にご納得いただけましたら、ランサーズ上で仮払い手続きを進めていただき、正式に契約を締結いたします。この時点から開発に着手します。

4. 納品・リリース
   開発中に定期的な進捗報告を行い、テスト環境で動作確認を行っていただきます。必要に応じて修正・調整を行い、最終的な成果物を完成させます。

対応範囲・価格

システム開発・改善相談：5,000円〜/時間
Webシステム開発や改善に関する初回の技術相談と要件ヒアリングを実施します。貴社の課題を丁寧に伺い、最適な解決策の方向性をご提案いたします。

WordPressカスタマイズ：50,000円〜
WordPressサイトの機能追加、既存テーマのカスタマイズ、またはプラグイン開発など、具体的な改善要望に対応します。

Laravel開発・システム改修：150,000円〜
Laravelを用いた新規Webアプリケーションの開発、既存システムの機能改修、フレームワーク移行など、大規模な開発・改修作業を行います。

納期

プロジェクトの規模や内容によりますが、最短7日からの対応が可能です。

制作の流れ

要件定義
お客様のビジネス要件を詳細に伺い、システムの目的、機能、性能要件を明確にします。

設計
要件に基づき、データベース設計、API設計、システムアーキテクチャなどを具体的に設計します。

実装
設計書に基づき、PHP/Laravel、WordPress、フロントエンド技術を用いて実装を進めます。

テスト・レビュー
単体テスト、結合テスト、受け入れテストを行い、品質を確保します。お客様による動作確認も実施します。

デプロイ・納品
完成したシステムをお客様の環境にデプロイします。必要に応じて初期設定や操作方法をご案内します。

サービス内容

PHP/LaravelとWordPressを軸に、バックエンドからフロントエンド、データベース設計、API開発、既存システムのリプレイスまで、Web開発全般を要件定義から運用保守まで一貫して対応いたします。品質と保守性を重視し、お客様のビジネス成長に貢献する堅牢なシステム構築・改善をお約束します。Vue.js、React、TypeScriptを用いたモダンなフロントエンド開発や、SEOを意識したマークアップも得意としております。

あなたのビジネスを次のステージへ引き上げるWebシステム、開発・改善してみませんか？
「今のシステムが使いにくい」「新規事業でWebサービスを立ち上げたい」「WordPressサイトをもっと活用したい」といったお悩みはありませんか？
私はPHP/Laravel歴5年、WordPressサイト12件の実績を持ち、要件定義から設計、実装、テスト、運用保守まで一貫して対応可能です。チーム開発のテックリード経験もあり、堅牢で保守性の高いシステム構築に自信があります。現状分析から最適な解決策をご提案し、あなたのビジネスを力強くサポートいたします。まずはお気軽にご相談ください！

★業務内容

ご覧頂きありがとうございます。
Webコーダーのまきせと申します。
本サービスは静的サイトのコーディングを行います。
ご相談いただければWordPress構築も対応いたします。

★サービス内容

・HTML/CSS/JSでの静的コーディング
・レスポンシブ対応
・JavaScript(jQuery)を使用したアニメーション（ドロワー、アコーディオン等）
・お問い合わせフォームとWordPressはご相談ください。
※できる限りご要望に応じたいと思っております。

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

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

★納品までの流れ

１．ヒアリング、お見積り
２．デザインデータお預かり
３．コーディング
４．ご確認・修正
５．最終確認・納品

★納品方法

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

★ご準備いただくもの

・デザインデータ　Figmaが得意ですがその他、Adobe Photoshop、Illustrator、等も対応できるようにいたします。
・デザインデータから書き出せない画像、動画、文章などがある場合は、事前に準備をお願いします。

★お約束

報連相を徹底し早いレスポンスを心がけます。
気になること、もっとこうしてほしい等、制作中であってお気軽にご相談ください！
また、納品前にご確認していただきますが納品後に気づいた点があれば1回まででしたら対応いたします。
ご要望に応じられない場合もありますが、できる限り対応させていただきたいと思っております。

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

スマホUI/UXに特化！使いやすいWebサイトで顧客の心をつかみます

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

「スマホからのアクセスが多いのにサイトが見にくい…」「Webサイトが古くて集客に繋がらない」「ユーザーにとって本当に使いやすいサイトにしたいが、どこから手をつければいいか分からない」といったお悩みはありませんか？

発注の流れ

1. お問い合わせ・ヒアリング
   まずはランサーズのメッセージ機能にてご連絡ください。サイトの目的、ターゲット層、ご希望のイメージ、納期、ご予算などを詳しくお伺いします。貴社の現状と課題を丁寧にお聞きし、最適な方向性を探ります。

2. 企画・構成のご提案
   ヒアリング内容に基づき、サイトの構成案やデザインの方向性をご提案します。特にスマホでの使いやすさを考慮したUI/UX設計を重視し、ユーザー体験を最大化するためのアイデアを共有いたします。

3. お見積もり・ご契約
   ご提案内容にご納得いただけましたら、正式なお見積もりを提示します。内容をご確認いただいた上で、ランサーズのシステムを通じてご契約・仮払いをお願いいたします。これにより安心して制作を進められます。

4. 制作開始・進捗報告
   ご契約後、いよいよ制作に着手します。進捗状況は定期的にランサーズのメッセージ機能やワークスペースを通じてご報告し、必要に応じて中間レビューを実施します。GitHubを用いたコード管理で品質も保ちます。

5. テスト・最終確認
   完成したWebサイトは、PC・スマホなど複数のデバイスで表示や機能のテストを行います。お客様にも最終確認をしていただき、修正点があれば対応します。公開前の最終調整を行います。

6. 納品・公開サポート
   お客様の最終承認後、制作物を納品いたします。ご希望に応じてサーバーへのアップロードや公開に関する簡単なサポートも行います。サイト公開後も何かご不明点があればお問い合わせください。

対応範囲・価格

ランディングページ制作（Basic）：50,000円〜
スマホに完全最適化された、集客力の高い1ページのWebサイト（LP）を制作いたします。

複数ページサイト制作（Standard）：150,000円〜
企業や店舗の魅力を伝える3〜5ページ構成のレスポンシブWebサイトを構築いたします。

フルカスタムサイト制作（Premium）：280,000円〜
デザインからJavaScriptを用いた高度なインタラクションまで、完全にカスタムされた高機能なWebサイトを制作いたします。

納期

ベーシックプラン：約2週間、スタンダードプラン：約1ヶ月、プレミアムプラン：約1.5ヶ月〜2ヶ月

制作の流れ

構成・ワイヤーフレーム作成
サイト全体の骨格と情報配置を設計し、ユーザー導線を最適化します。

デザインカンプ作成
サイトの見た目を具体化。モバイルファーストで美しいデザインをご提案します。

コーディング・JS実装
HTML/CSS/JavaScriptを駆使し、レスポンシブで動きのあるサイトを構築します。

テスト・動作確認
各種デバイスでの表示崩れや機能不備がないか、入念にチェックします。

最終調整・納品
お客様のフィードバックを元に最終調整を行い、高品質なサイトを納品します。

サービス内容

スマホUI/UXを重視し、HTML/CSS/JavaScriptを用いて使いやすく、見た目も美しいレスポンシブWebサイトを制作します。集客やブランドイメージ向上に貢献します。

あなたのWebサイト、スマホで見たとき「使いにくい」と感じていませんか？
現代では、多くのユーザーがスマートフォンで情報を検索し、サービスを利用しています。もしあなたのサイトがスマホに対応していなければ、顧客を逃しているかもしれません。

はじめまして。私はHTML/CSS/JavaScriptを用いたWebサイト制作を専門としています。
特に「スマホUI/UXを意識した、使いやすいサイト作り」を強みとしており、訪問者が迷わず目的の情報にたどり着けるよう、丁寧な設計と実装を心がけています。

見た目の美しさだけでなく、ユーザーが「心地よい」と感じる操作性を追求することで、集客やお問い合わせの増加に繋げます。現在は実績作りの段階のため、質の高いサービスを柔軟な価格でご提供いたします。一緒に、ユーザーに愛されるWebサイトを作りませんか？まずはお気軽にご相談ください。

こういった悩みをお持ちではありませんか？
・きちんとしたクオリティで納品されるか不安
・納期内に納品されるか不安
・技術がよくわからないので、きちんとしたサイトを作ってくれているか不安
・知識が無い為、どういう流れで発注したらいいかわからなくて不安

こんにちは、関東で活動するフリーランスのフロントエンジニアの武田です。
もしこういった不安がある方は15年以上のプログラミング歴があるプロのフロントエンジニアが、高いクオリティでコーディングをおこないますので、安心してお任せいただけます！

普段はWebサイトのコーディングの他に
・ITスクールの経営
・HP制作の個別講義
・企業様へのサイト運営コンサルティング
などをやらせていただいておりますので、経験や知識量にも自信があります。

それから以下のような媒体で発信もしておりますので、
どんな人物なのか？どんなスキルを持っているのか？
を知りたい方は参照ください。

Youtube
https://www.youtube.com/channel/UCVCL3vTcA9NcxmMWhz8bS7Q

Twitter
https://twitter.com/pianojazz2012

コーディングを発注いただく際には
・レスポンシブ対応（スマホ・タブレットなど可）
・クロスブラウザ対応（Chrome, Safari, Firefox, Edge, IEなどへの対応）
・基本的なSEO対策

などはもちろん実装した上で、

・ランディングページのコーディング（LP）
・コーポレートサイトコーディング
・ワードプレスを使ったCMSの１からの構築（独自テーマ）
・アニメーションをフル活用したサイトの作成（CSSアニメーション）

などコーディングをおこなうことができます。

言語・ツールとしては、
・HTML / EJS / Pug / Haml / Slim
・CSS / Sass / Scss / Stylus / Less
・JavaScript / jQuery / Vue.js / Nuxt.js
・TweenMax, anime.js, chart.js
・Wordpress
・Git / npm / yarn / Gulp / Webpack
など対応可能ですので、幅広く対応できるかと思います。

まずは一旦ご相談いただいてからでも問題ありませんので、
一度ご連絡いただければ幸いです。
納期・料金などもご相談いただけます。

業務内容（記載例）

ホームページ制作を中心に、企画・設計から公開まで一貫して対応します。
WIX・WordPress・ノーコード／ローコード／コーディングまで対応可能なため、
目的・ご予算・更新頻度・将来の運用を踏まえた最適な制作方法をご提案します。

■ 対応内容

・ホームページ新規制作／リニューアル
・制作手法の選定（WIX／WordPress／コーディング）
・構成設計・導線設計
・デザイン制作（PC／スマートフォン対応）
・WordPress構築（テーマカスタマイズ対応）
・ノーコードツールでのサイト構築
・お問い合わせフォーム設置
・基本的なSEO初期設定
・簡単な更新方法のご案内

■ こんな方におすすめ

・ホームページを作りたいが、何から始めればよいかわからない方
・制作ツールが決まっていない方
・専門知識がなく、丸投げで依頼したい方
・集客や信頼につながるホームページを作りたい方

■ 制作の流れ

ヒアリング（目的・ご要望の整理）

制作手法・構成のご提案

デザイン制作

サイト構築

最終確認・公開

文章や構成が固まっていない状態からでも対応可能です。
まずはお気軽にご相談ください。

迅速・丁寧な対応で、お客様のWebサイトを最適な形に仕上げます

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

Webサイトの修正や更新に時間がかかって困っていませんか？急ぎで新しいランディングページが必要なのに、信頼できるコーダーが見つからずお悩みではありませんか？技術的なことはよく分からなくても、安心して任せられるプロを探していませんか？

発注の流れ

1. お問い合わせ・ヒアリング
   まずはお客様の現状のお悩みやご希望のサービス内容、納期、ご予算について、ランサーズメッセージにて詳しくお聞かせください。

2. お見積もり・ご提案
   ヒアリング内容に基づき、最適なサービス内容と工数、それにかかる費用と納期を明確に記載したお見積もりを提示いたします。

3. ご契約・仮払い
   お見積もり内容にご納得いただけましたら、ランサーズの仮払い機能を通じて契約を締結し、プロジェクトを開始いたします。

4. 素材共有・制作開始
   仮払い完了後、制作に必要な詳細情報（デザインデータ、テキスト原稿、画像素材など）をご共有いただき、制作を開始します。

5. 初稿提出・修正
   完成した制作物をテスト環境でご確認いただき、修正点があればお申し付けください。迅速に調整し、最終確認を行います。

6. 納品・完了
   最終確認後、ご希望の形式（HTML/CSSファイル一式など）で納品いたします。これでプロジェクトは完了です。

対応範囲・価格

Webサイトの微修正・更新：10,000円〜
既存サイトの軽微な修正、テキスト更新、画像差し替えなど、短い時間で完了するHTML/CSSの調整に対応します。

ランディングページ制作：30,000円〜
デザインデータ（Figma, XDなど）に基づいた、標準的なランディングページのHTML/CSSコーディング一式を提供します。

Webサイト・複雑なLP制作：60,000円〜
複数ページのWebサイトや複雑なレイアウトのページ、JavaScriptを伴うインタラクティブな要素のコーディングに対応します。

納期

ご依頼内容により異なりますが、最短3日〜2週間程度で対応可能です。

制作の流れ

要件定義・計画立案（1〜2日）
お客様から頂いた情報を基に、どのような構成でコーディングを進めるか計画を立てます。

コーディング実装（3日〜10日）
計画に基づき、HTMLとCSSを用いて忠実にデザインを再現するコーディング作業を行います。

品質チェック・テスト（1〜2日）
複数ブラウザでの表示確認やW3C準拠のチェックを行い、品質を保証します。

お客様確認・修正（1〜3日）
お客様にご確認いただき、必要に応じて修正対応を行います。

最終納品（即日）
最終的なデータをお渡しし、プロジェクトを完了します。

サービス内容

WebサイトのHTML/CSSコーディング、ランディングページ制作、既存サイトの改修を迅速かつ丁寧に対応いたします。お客様のビジネスに貢献できるよう、高品質なコードで最適なWeb体験を提供します。

Webサイトのちょっとした修正や、新しいランディングページがなかなか形にならない…そんなお悩みはありませんか？「迅速な返信、丁寧な対応」をモットーに、HTML/CSSコーディングであなたのビジネスをサポートいたします。培ってきた経験を活かし、お客様のイメージを正確に、そして素早くWeb上で実現させます。IT・通信・インターネット業界のお客様に特化し、専門用語を避け、分かりやすい言葉でご説明しますので、Webに詳しくない方もご安心ください。まずは一度、お気軽にご相談ください！

出品ページをご覧いただきありがとうございます！
制作会社とのパートナー経験者がWEBサイトのHTML、CSSのコーディング、オリジナルテーマを使用してWordpress構築を行います。

デザインデータはあるけどコーディングができない、、、時間がない、、、
継続的に外注できるコーディングパートナーを探している

こういった方におすすめです。まずはお気軽にお問い合わせください。

▶︎価格表（一部抜粋）
▔▔▔▔▔▔▔▔▔▔▔▔
・LP（10000pxまで）：¥30,000〜
・トップページ（8000pxまで）：¥28,000〜
・下層ページ（8000pxまで）：¥8,000〜
・各種アニメーション：¥5,000〜
・デザインカンプからWordpress構築：¥35,000〜

※ページの長さを超える場合は、1000pxごとに+¥1,000となります。
※上記金額はあくまで下限の金額設定となっております。
　デザインやボリューム内容にて変動いたしますのでご了承ください。
※上記はレスポンシブ対応込みの金額設定です。

▶︎制作の流れ
▔▔▔▔▔▔▔▔▔▔▔▔
①お問い合わせからご相談ください
→依頼内容の確認を得てお見積もりします。
　納品日の目安も合わせてお伝えいたします。
②ご契約・デザインデータお預かり
→見積もり内容を確認頂き「購入」してください。
③コーディング作業開始
④ご確認・修正
⑤最終確認
⑥納品

▶︎納品方法
▔▔▔▔▔▔▔▔▔▔▔▔
・zipファイルの送付
・貴社サーバーへのアップロード

▶︎注意事項
▔▔▔▔▔▔▔▔▔▔▔▔
◆お問い合わせの際は必ず、
　①デザインデータまたは、事前にデザインの確認できるもの
　②画像やテキストなどの素材一式をご用意ください
　　→対応可能形式：jpg等の画像データ・PSD・AI・XD・figma
　※デザインカンプのご準備がまだの方は、メッセージにてご連絡ください。
◆コーディングルールがございましたら事前にお知らせください。
◆コーディング着手後にデザイン変更があった場合、追加料金が発生する場合がございます。
◆Wordpress構築ご希望の方はWordpressのご準備をお願い致します。
◆実績紹介として公開可能かご相談させていただく場合がございます。
◆納品後の仕様や処理の変更、追加は対応できません。（別途費用にて対応可）

▶︎最後に
▔▔▔▔▔▔▔▔▔▔▔▔
現在本業にて「自己満足ではなく、見ている人に届く意図ある表現」を追求しており、その経験がWEB制作においても「意図を汲み、丁寧に形にするコーディング」として活かされております。
フリーランスならではの柔軟な対応力とスピード感を持って、真摯に対応いたします。
まずはお気軽にご相談ください。
※ご連絡は遅くとも翌日午前中までにご返信いたします。

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

＊＊　サービス内容　＊＊

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

ご提供頂いたデザインカンプ（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時間受け付けております。

ご覧いただきありがとうございます。
デザインデータをもとに、LPのコーディングを丁寧に対応いたします。

---------- こんな方におすすめです ----------
・デザインデータはあるがコーディングができない
・コーディングだけ外注したい
・AWSでの公開まで一括で依頼したい
・レスポンシブ対応してほしい
・納期を短く、コストを抑えてLP制作したい

---------- 対応できる内容 ----------
・HTML / CSS / JSを使ったコーディング
・レスポンシブ対応（スタンダード、プレミアムプラン）
・シンプルなホバーエフェクト
・スクロールアニメーション（プレミアムプランのみ）
・修正対応（プランにより回数異なります）

---------- 料金内で対応可能なこと ----------
・ヘッダー追従
・シンプルなホバー（単色変化・透明度変化）
・スムーズスクロール
・修正（プランの回数内）

---------- オプション ----------
・スクロールアニメーション追加：5,000円〜
・パララックス・カウントアップ：10,000円〜
・AWS（S3/CloudFront）公開対応：10,000円〜
・お問い合わせフォーム実装：10,000円〜
・修正追加（1回）：5,000円

※納期は素材受け取り後からカウントします。
※ページ数・機能の複雑さによって金額が変動する場合があります。まずはお気軽にご相談ください。

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

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

親身なヒアリングと丁寧な作業で、あなたの想いをカタチにします！

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

Webサイトのデザインが古く、集客に繋がらない。LPの制作を依頼したいが、どこに頼めば良いか分からない。WordPressの知識がなく、自分でWebサイトを更新できない。

発注の流れ

お問い合わせ
メッセージにて、ご希望のWebサイトのイメージや目的、納期などをお気軽にご相談ください。

ヒアリング
お客様のWebサイトに対する想いを共有し、最適なプランをご提案します。

ご契約
お見積もり内容にご納得いただけましたら、ご契約となります。制作に必要な情報をご提供ください。

制作
お客様の想いをカタチにするため、丁寧にWebサイトを制作します。進捗状況は随時ご報告いたします。

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

対応範囲・価格

HTML/CSSコーディング：1万円〜
基本的なHTML/CSSコーディングを行います。既存サイトの修正や簡単なページ作成に。

ランディングページ制作：3万円〜
デザインに合わせたLPを制作します。集客に繋がる魅力的なLPで、コンバージョン率アップ！

WordPressサイト構築：5万円〜
WordPressの導入からWebサイト構築までトータルサポート！Webサイトの更新も自分でできるようになります。

納期

契約から1週間〜

制作の流れ

ヒアリング
お客様のWebサイトに対する想いや目的を丁寧にヒアリングします。

構成案作成
ヒアリング内容に基づき、Webサイトの構成案を作成します。

デザイン制作
構成案に基づき、Webサイトのデザインを制作します。

コーディング
デザインに基づき、HTML/CSS/JavaScriptなどを使用してコーディングを行います。

WordPress構築
WordPressを導入し、Webサイトを構築します。

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

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

納品
お客様にご納得いただけましたら、Webサイトを納品いたします。

サービス内容

HTML/CSS/JavaScript、WordPressを使用したWebサイト制作、LP制作、サイト改修、バグ修正などを承ります。お客様の想いをカタチにするため、丁寧なヒアリングと親身な対応を心がけております。

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

「Webサイトのデザインが古くて、なかなか集客に繋がらない…」
「LPを作りたいけど、どこに頼めば良いか分からない…」
「WordPressの知識がなくて、自分でWebサイトを更新できない…」

そんなお悩みを抱えているあなたへ。

元営業マンで現役テストエンジニアの私が、あなたのWebサイトを生まれ変わらせます！

丁寧なヒアリングであなたの想いをカタチにし、集客に繋がるWebサイトを制作いたします。

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

いただいたデザインを元に、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サイトを「読みやすく・使いやすく・更新しやすいサイト」へと生まれ変わらせます。

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

▼こんな方へオススメ
・デザインはあるけど、コーディングできる人がいない。
・WordPressについて詳しい人が欲しい！
・アニメーションを作って欲しい！
・10万円以内でWordPressの構築、公開まで行える人が欲しい！

▼ご提供内容
・Webサイトのコーディング
・WordPressの構築・カスタマイズ
・Webサイトの保守

▼ご購入後の流れ
・ご購入後、相談内容の詳細をチャットにて、お伝えしていただき確認でき次第、作業を開始させていただきます。

▼制作可能なジャンル
・Webサイト
・LP
・WordPress

▼料金プランやオプション
・10,000円：Webサイトの修正、WordPressのカスタマイズ
・80,000円：静的なWebサイトのコーディング
・95,000円：WordPressの構築
・オプション：10ページ以上のサイトのコーディング

▼納期
2週間以内にはすべてのプランが完了できます。

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

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

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

■サービスの紹介と特徴
▔▔▔▔▔▔▔▔▔▔▔▔
・お急ぎのコーディング案件にスピード対応
　※平均的なLPであれば5日間程度で納品
・自身の開発経験から作り上げた独自のチェックシートを用いて品質を担保
・SEO内部対策を意識したコーディング
・基本的なアニメーションは無料で対応
・納品後、修正3回まで無料で対応
　※いただいたデザインと実装が異なるなど、
　　こちらの瑕疵についてはすべて無償で対応いたします

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

■価格表
▔▔▔▔▔▔▔▔▔▔▔▔
【コーディング】
・トップページ新規作成：20,000円～ / 1ページ
・下層ページ新規作成：10,000円～ / 1ページ
・既存ページ修正：10,000円～ / 1ページ

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

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

【その他】
問い合わせフォーム設置：5,000円～

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

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

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

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

④ご確認・修正
　コーディングが完了後、お客様に確認していただきます。修正点があれば、迅速に対応いたします。

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

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

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

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

■自己紹介

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

■私たちの強み

丁寧なヒアリング

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

柔軟なサイト設計

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

知見を生かしたご提案

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

少数精鋭が叶える低予算

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

■ご契約後の流れ

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

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

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

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

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

⑥制作開始

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

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

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

10年の経験で培った技術で、あなたのWebサイトを最新の状態に保ちます！

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

• Webサイトの更新作業に手が回らない
• Webサイトのデザインが古く、リニューアルしたい
• スマートフォン対応ができていない
• SEO対策ができていない

発注の流れ

お問い合わせ
Webサイトの現状、修正・更新したい内容、ご予算、納期などをお伺いします。お気軽にご相談ください。

お見積もり
お伺いした内容に基づいて、具体的な修正・更新プランとお見積もりをご提示します。

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

制作開始
修正・更新作業を行います。進捗状況は随時ご報告いたします。

ご確認
修正・更新完了後、お客様にご確認いただきます。修正点があればご指摘ください。

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

対応範囲・価格

Webサイトの小規模修正・更新：5,000円〜
HTML/CSS/JavaScriptを使用したWebサイトの小規模な修正・更新を承ります。テキストの修正、画像の差し替え、リンクの修正などが含まれます。

WordPressサイトのカスタマイズ：30,000円〜
WordPressを使用したWebサイトのテーマカスタマイズ、プラグインの導入・設定、コンテンツの追加・修正などを承ります。レスポンシブ対応やSEO対策も考慮します。

Webサイトのデザインリニューアル：100,000円〜
Webサイト全体のデザインリニューアルを承ります。HTML/CSS/JavaScriptを使用したコーディング、レスポンシブ対応、SEO対策、WordPress導入などが含まれます。デザイン案の作成も可能です。

納期

内容によって異なりますが、小規模な修正であれば3日〜1週間、大規模なリニューアルであれば2週間〜1ヶ月程度です。

制作の流れ

企画・設計
お客様からいただいた情報をもとに、Webサイトの構成やデザイン、必要な機能などを検討します。

デザイン
Webサイトのデザインを作成します。お客様にデザイン案をご確認いただき、修正点があれば修正します。

コーディング
デザインをもとに、HTML/CSS/JavaScriptを使用してWebサイトをコーディングします。レスポンシブ対応やSEO対策も考慮します。

テスト
Webサイトをテスト環境にアップロードし、動作確認を行います。お客様にも動作確認をしていただき、修正点があれば修正します。

公開
Webサイトを本番環境にアップロードし、公開します。

サービス内容

Webサイトの更新・コーディングを承ります。HTML/CSS/JavaScript、WordPressに対応しており、レスポンシブ対応やSEO対策も可能です。

Webサイトの更新、デザインでお困りではありませんか？
10年の経験を持つフロントエンドエンジニアが、HTML/CSS/JavaScript、WordPressを駆使し、あなたのWebサイトを蘇らせます！
✅デザインが古く、リニューアルしたい
✅スマートフォン対応ができていない
✅SEO対策ができていない
そんなお悩みを解決します！
まずはお気軽にご相談ください。

専門学校の学びを活かし、美しく整理されたHTML/CSSコードを低コストで再現します

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

デザインはあるがコーディングをする手が足りない、低コストでランディングページを公開したい、スマホ表示に最適化された正確なマークアップをしてほしい、といった課題を解決します。

発注の流れ

1. 事前ヒアリング
   デザインデータ（Figma、XD、画像など）をご用意いただき、ランサーズのメッセージにて詳細なご要望をヒアリングします。

2. お見積り・契約確定
   ヒアリング内容に基づき、各プランに合わせたスケジュールと実装範囲の最終確認を行います。

3. 制作開始
   コードの記述を開始します。途中経過はランサーズの機能を利用してご報告し、認識のズレを防ぎます。

4. 最終確認・納品
   お客様に確認用のURLで表示をご確認いただき、問題がなければランサーズのシステムを通じて納品完了となります。

対応範囲・価格

手軽なパーツ・LP単体コーディング：10,000円
ランディングページ1ページ、または1セクションのシンプルなコーディング。レスポンシブ対応を含みます。

標準LP・数ページのWebコーディング：21,000円
一般的なコーポレートサイト向け、または標準的なLPの全体コーディング（5セクション程度）。スマホ最適化を含みます。

動きのある複数ページコーディング：45,000円
最大3ページまでのコーディング、お問い合わせフォーム等の基本的な動き（jQuery等）を組み込んだ充実プランです。

納期

約7日〜30日（プランによる）

制作の流れ

素材整理と設計
いただいたデザインのテキストや画像を抽出し、マークアップの設計を行います。

実装・スマホ最適化
HTMLで基本構造を構築した後、CSSを用いて崩れないデザインを構築します。スマホ用のレスポンシブも調整します。

検証・最終微調整
複数のブラウザで表示崩れやリンク切れがないかを徹底してテスト検証します。

サービス内容

IT専門学校で学んだ確かな基礎スキルをもとに、デザインデータを元に忠実かつ美しいHTML/CSSコーディングを行います。C言語等の学習を通じて培った論理的思考で、SEOに強く保守しやすいコードを意識して制作いたします。個人事業主様やリソースが不足している制作会社様向けに、丁寧できめ細かいマークアップをリーズナブルな価格でお届けします。

Webデザインはあるものの、コーディングをする時間や人員が足りなくてお困りではありませんか？IT専門学校で日々最新の技術とコーディング規約を学んでいる私が、お客様のデザインを忠実に再現します。C言語の学習で培った論理的思考力を活かし、美しく整理された無駄のないHTML/CSSソースコードを記述します。レスポンシブ（スマホ・タブレット対応）設計も標準でカバーし、SEOにも配慮した適切なマークアップを心がけています。「予算を抑えたい」「細かい修正にも柔軟に対応してほしい」という個人事業主様やWeb制作会社様に最適です。ランサーズのメッセージ機能を通じて、進捗状況の共有や修正指示などの細やかなコミュニケーションを徹底し、安心してお任せいただけるよう努めます。

専門学校の学びを活かし、美しく整理されたHTML/CSSコードを低コストで再現します

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

デザインはあるがコーディングをする手が足りない、低コストでランディングページを公開したい、スマホ表示に最適化された正確なマークアップをしてほしい、といった課題を解決します。

発注の流れ

1. 事前ヒアリング
   デザインデータ（Figma、XD、画像など）をご用意いただき、ランサーズのメッセージにて詳細なご要望をヒアリングします。

2. お見積り・契約確定
   ヒアリング内容に基づき、各プランに合わせたスケジュールと実装範囲の最終確認を行います。

3. 制作開始
   コードの記述を開始します。途中経過はランサーズの機能を利用してご報告し、認識のズレを防ぎます。

4. 最終確認・納品
   お客様に確認用のURLで表示をご確認いただき、問題がなければランサーズのシステムを通じて納品完了となります。

対応範囲・価格

手軽なパーツ・LP単体コーディング：10,000円
ランディングページ1ページ、または1セクションのシンプルなコーディング。レスポンシブ対応を含みます。

標準LP・数ページのWebコーディング：21,000円
一般的なコーポレートサイト向け、または標準的なLPの全体コーディング（5セクション程度）。スマホ最適化を含みます。

動きのある複数ページコーディング：45,000円
最大3ページまでのコーディング、お問い合わせフォーム等の基本的な動き（jQuery等）を組み込んだ充実プランです。

納期

約7日〜30日（プランによる）

制作の流れ

素材整理と設計
いただいたデザインのテキストや画像を抽出し、マークアップの設計を行います。

実装・スマホ最適化
HTMLで基本構造を構築した後、CSSを用いて崩れないデザインを構築します。スマホ用のレスポンシブも調整します。

検証・最終微調整
複数のブラウザで表示崩れやリンク切れがないかを徹底してテスト検証します。

サービス内容

IT専門学校で学んだ確かな基礎スキルをもとに、デザインデータを元に忠実かつ美しいHTML/CSSコーディングを行います。C言語等の学習を通じて培った論理的思考で、SEOに強く保守しやすいコードを意識して制作いたします。個人事業主様やリソースが不足している制作会社様向けに、丁寧できめ細かいマークアップをリーズナブルな価格でお届けします。

Webデザインはあるものの、コーディングをする時間や人員が足りなくてお困りではありませんか？IT専門学校で日々最新の技術とコーディング規約を学んでいる私が、お客様のデザインを忠実に再現します。C言語の学習で培った論理的思考力を活かし、美しく整理された無駄のないHTML/CSSソースコードを記述します。レスポンシブ（スマホ・タブレット対応）設計も標準でカバーし、SEOにも配慮した適切なマークアップを心がけています。「予算を抑えたい」「細かい修正にも柔軟に対応してほしい」という個人事業主様やWeb制作会社様に最適です。ランサーズのメッセージ機能を通じて、進捗状況の共有や修正指示などの細やかなコミュニケーションを徹底し、安心してお任せいただけるよう努めます。

Webサイトのちょっとした修正から、LPの調整、文字起こしまで、あなたのWebサイトを丁寧にサポートします！

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

Webサイトの小さな修正を頼める人がいない、LPの調整に手が回らない、文字起こしに時間がかかる

発注の流れ

お問い合わせ
メッセージにて、修正内容、希望納期、予算などをお気軽にご相談ください。

詳細確認
修正箇所や文字起こし対象のファイルなど、詳細な情報をお送りいただきます。

お見積り
内容を確認後、お見積もりと納期をご連絡いたします。

作業開始
ご納得いただけましたら、作業を開始いたします。

納品・修正
修正完了後、ご確認いただきます。修正があれば、対応いたします。

対応範囲・価格

Webサイト簡単修正：3,000円～
Webサイトのテキスト修正、画像の差し替えなど、簡単な修正を1箇所から承ります。

LP調整：10,000円～
LP（ランディングページ）のデザイン調整、テキスト修正、構成変更など、改善をサポートします。

文字起こし：1分500円～
音声ファイルや動画ファイルの文字起こしを、丁寧にテキスト化します。議事録作成やコンテンツ作成に。

納期

要相談（修正内容による）

制作の流れ

内容確認・整理
お客様からいただいた情報を基に、修正内容や文字起こしの範囲を明確にします。

作業
Webサイトのコード修正、LPの調整、文字起こし作業などを行います。

確認
修正箇所やテキストデータをご確認いただきます。

修正対応
修正依頼があれば、対応いたします。

納品
最終確認後、納品となります。

サービス内容

Webサイトの小さな修正からLPの調整、文字起こしまで、丁寧に対応いたします。Web制作の経験はまだ浅いですが、一つひとつ丁寧に、お客様と相談しながら進めていきます。初めて外注する方も安心してご依頼ください。

Webサイトのちょっとした修正、LPの調整、文字起こしでお困りではありませんか？
「どこをどう直せばいいかわからない…」「LPの調整に時間が取れない…」「大量の文字起こしに追われている…」そんなお悩みをkana_webが解決します！
Web制作の知識と丁寧な作業で、あなたのWebサイトをより良く、より使いやすく改善します。小さな修正から、LPの改善、文字起こしまで、幅広く対応いたします。
初めての外注でも安心！相談しながら一緒に進めていきましょう。まずはお気軽にご相談ください。

WEB標準に準拠したHTML・CSSコーディングを承ります。
人と検索エンジンに理解しやすいセマンティックなコーディングを行ないます。その結果としてSEOに有利となり、また、ハンディを持った方にも伝わりやすいアクセシブルなWEBページをご提供することができます。
販売価格は下層ページなど比較的簡易なページ内容（A4で1P程度）を想定しています。
トップページやLPなどの場合は別途お見積もりさせていただきます。
お気軽にご相談ください。
また、ページ単価は5,000円からとなりますが、ページ数が多い場合はボリュームディスカウントにも対応いたします。

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

デザインはあるけどコーディングができなくて困っている方へ
デザインさえ用意してもらえればクオリティの高いコーディングをいたします。

【基本サービス内容】
・HTML / CSS コーディング
・レスポンシブ対応

【オプションでのサービス内容】
・下層ページのコーディング：10,000円〜

【注意事項】
・レンタルサーバーの用意とドメイン取得はお客様自身でお願いします
・デザインデータはFigmaかXDであれば共有URLでお願いします
・1ページのコンテンツ量が多い場合は追加料金する場合があります
・コーディング方法はVSCodeで実装していきます

まずは相談かメッセージでお気軽にお問い合わせください。

本サービスをご覧いただきありがとうございます。
レスポンシブ対応のHP・LPのコーディングを承ります。

15年以上、メーカーにて広報PR担当をしてまいりました経験を活かして
ご希望がございましたらテキスト作成も承ります。
お気軽にご相談ください。

＊＊＊　こんな方におすすめ　＊＊＊
・初めての依頼
・長期的に依頼できるコーダーを探している
・テキスト作成もお願いしたい

◆サービス内容◆
・HTML／CSSコーディング

◆無料サービス◆
・レスポンシブ対応（PC・タブレット・スマホ）
・jQuery（JavaScript）を用いたアニメーション(ハンバーガーメニュー・スライダー・スクロールアニメーション)

◆オプションサービス
・テキスト作成

◆ご用意いただきたいもの◆
・デザインデータ（Adobe Photoshop・XD、Figma）
・画像素材 / 動画 / テキストなど

※レスポンシブ対応が必要な場合は、スマホ用のデザインデータもご用意ください。
※PowerPoint、PDFのデータのみの場合は、ご相談ください。
　別途お見積りにて可能な限り対応させて頂きます。

◆テスト方法◆
Macにて「Chrom」のブラウザで確認致します。

◆納品方法◆
Zipファイルを送付

◆納品までの流れ◆
①ご相談
②デザインデータ提供
③コーディング
④テストサイトにアップ
⑤ご確認・修正
⑥納品（zipファイル納品）

◆ご用意いただきたいもの◆
・校了済デザインデータ（Adobe Photoshop・XD、figma、PDF、Powerpoint）
・画像素材 / テキストなど
※レスポンシブ対応が必要な場合は、スマホ用のデザインデータもご用意ください
※スマホ用のデータがない場合は、別途料金（10,000円）を頂戴し、当方にてレイアウトすることも可能ですのでお気軽にご相談ください。
※PowerPoint、PDFのデータのみの場合は、ご相談ください。別途お見積りにて可能な限り対応させて頂きます。

◆下記の対応についてはご相談ください◆
・ハンバーガーメニュー・スライダー・スクロールアニメーション以外のjQuery（JavaScript）の実装。

お客様のご要望をヒアリングし、デザインのご提案をいたします。
合意が取れましたら制作し納品となります。

公開後の運用やマーケティングコンサルにつきましては、別途お話させていただきます。

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

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

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

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

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

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

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

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

【納期】

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

【スケジュール】

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

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

▼以下の3つでお困りでしたら、まずはお気軽にご相談ください！
1.「案件が溢れてコーディングの対応がしきれない」
2.「円滑にコミュニケーションを取れるコーダーを探している」
3.「コーディング代行を活用して他の事業に集中したい」
3つにお悩み全て解決いたします！

▼スケジュール、強み
✅フリーランスの方2名とWeb制作会社様2社と業務提携中。
✅3分以内の超即レス
✅品質管理チェックシートで品質チェックいたします。
✅SEO対策を意識したコーディング
✅表示崩れの起きないレスポンシブ対応
✅365日いつでも対応可能！

▼提供できること
✅HTML/CSS/SCSS/jQuery/JavaScript/コーディング
✅WordPress化
✅表示崩れの起きないレスポンシブ対応
✅サーバーへのアップロード

初心者だからこその丁寧さ！Figmaデザインを忠実に再現し、お客様の想いを形にします。

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

Webサイトの立ち上げ、リニューアル、デザインデータのコーディング

発注の流れ

お問い合わせ・ヒアリング
お客様のWebサイトに関するご要望や、Figmaデザインデータについてお伺いします。目的やターゲット層、必要な機能など、詳細をお聞かせください。

お見積もり・プラン提案
ヒアリング内容を基に、最適なコーディングプランをご提案します。納期や費用、制作の流れについて詳しくご説明します。

ご契約・制作開始
ご提案内容にご納得いただけましたら、ご契約となります。Figmaデザインデータをご提供いただき、制作を開始します。

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

納品・完了
最終確認後、納品となります。納品形式は、HTML/CSSファイル、JavaScriptファイルなど、ご希望に応じて対応します。

対応範囲・価格

HTML/CSSコーディング：30,000円〜
Figmaデザインを基にした、高品質なHTML/CSSコーディングを提供します。レスポンシブ対応も可能です。

JavaScript実装：10,000円〜
JavaScriptを用いたWebページの動的機能実装や、フォームの作成を行います。基本的なDOM操作、バリデーションなどに対応。

WordPressカスタマイズ：20,000円〜
WordPressのテーマカスタマイズや、テンプレートの調整を行います。お客様のニーズに合わせた柔軟な対応が可能です。

Node.js/Expressサイト制作：30,000円〜
Node.js/Expressを使用した、簡単なWebサイト制作を承ります。ルーティングやテンプレートの使用に対応。

納期

要相談（案件により柔軟に対応）

制作の流れ

Figmaデザイン分析
お客様からご提供いただいたFigmaデザインデータを詳細に分析し、コーディングに必要な要素を洗い出します。デザインの意図を正確に理解し、高品質なコーディングを目指します。

HTML/CSSコーディング
HTML/CSSを用いて、Webページの構造を構築します。Figmaデザインを忠実に再現し、美しい見た目と使いやすさを両立させます。レスポンシブ対応も行い、様々なデバイスで快適に閲覧できるWebページを実現します。

JavaScript実装
JavaScriptを用いて、Webページに動きを与えます。フォームのバリデーション、アニメーション、インタラクティブなUIなど、お客様のご要望に応じて様々な機能を追加します。

テスト・修正
完成したWebページをテスト環境で確認し、不具合や修正点がないかチェックします。お客様にもテストにご協力いただき、ご要望に応じて修正を行います。

納品・完了
最終確認後、納品となります。納品形式は、HTML/CSSファイル、JavaScriptファイルなど、ご希望に応じて対応します。納品後も、ご不明な点があればお気軽にお問い合わせください。

サービス内容

FigmaデザインカンプからのWebサイト構築、HTML/CSSコーディング、JavaScript実装、WordPressカスタマイズを丁寧に承ります。

Web制作を始めたばかりの私だからこそ、お客様のWebサイトに対する熱い想いを共有し、丁寧に形にすることができます！実績作りのため、低価格で高品質なWebサイトをご提供いたします。まずはお気軽にご相談ください！

Webコーダーとして、LPおよびWebサイトのコーディング業務を中心に対応しております。
デザインデータの意図を正確に汲み取り、HTML・CSS・JavaScriptを用いた再現性の高い実装を得意としています。

主に以下の業務に対応可能です。
・LP（ランディングページ）のHTML/CSS/JavaScriptコーディング
・PC・スマートフォン対応のレスポンシブ実装
・既存LP・Webサイトの修正、改修対応
・WordPressへの組み込み（オリジナルテーマ・既存テーマ対応）
・デザインデータ（Figma／Adobe XD／AI）をもとにしたコーディング
・軽微なJavaScriptによる動き・アニメーション実装

制作会社様とのお取引や、継続案件・量産案件の対応経験もあり、
「デザイン通りに、かつ安心して任せられる実装」を常に意識しております。

また、レスポンスの早さと丁寧なコミュニケーションを大切にしており、
進行中の不明点や仕様確認もこまめに共有しながら進めます。

1ページのLP制作から、複数ページ・継続案件まで柔軟に対応可能です。
ご要望やご予算に応じて最適な進め方をご提案いたしますので、
まずはお気軽にご相談ください。

発注の流れ

1.  メッセージにてご相談

　（制作内容・ページ数・デザインデータの有無など）

2. 内容確認後、お見積り・納期をご提示
3. ご発注・制作開始
4. 初稿提出 → ご確認
5. 修正対応
6. 納品（HTML/CSS/JSデータ一式 または WordPress反映）

※不明点がある場合は、事前にしっかり確認しながら進めます。

対応範囲

・LP（ランディングページ）コーディング
・HTML / CSS / JavaScript 実装
・レスポンシブ対応（PC・タブレット・スマートフォン）
・既存LP・Webサイトの修正、改修
・WordPressへの組み込み
　（オリジナルテーマ／既存テーマ対応）
・デザインデータ対応
　（Figma／Adobe XD／Illustrator）

※守秘義務の関係で公開できない実績もございますが、
　内容については個別にご説明可能です。

価格目安

・LPコーディング（1ページ・レスポンシブ対応）：10,000円〜
・JavaScriptを含むLP：15,000円〜
・アニメーション・調整込み：20,000円〜

※デザインのボリューム、ページの長さ、JS内容により変動します。
※継続案件・複数ページの場合は、別途お見積りいたします。

納期目安

・LP（1ページ）：3〜5日
・修正対応：内容に応じて柔軟に対応

※お急ぎ案件も、スケジュール次第で対応可能です。
　まずはご相談ください。

制作の進め方・大切にしていること

・デザイン意図を正確に汲み取ること
・読みやすさ・使いやすさを意識した実装
・レスポンスの早さと丁寧なコミュニケーション
・「あとから修正しやすい」コードを意識

制作会社様とのお取引や継続案件の経験があり、
スムーズに進行できる外注パートナーとしてお役に立てます。

「とりあえず相談したい」「仕様が固まっていない」
という段階でも問題ありません。
お気軽にメッセージください。