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

スライダーを導入したい、参考サイトのような機能を追加したい。
アニメーションの導入や既存サイト内のお知らせのカスタマイズや更新、いきなりサイトが表示されないなどのトラブル対応など様々なWEBサイトのお悩みを解決致します！

Wordpress、BaserCMS等のCMS構築やカスタマイズ、
ECCUBEなどの自社ショップサイトのメンテナンス
カラーミー、ショップサーブなどASPにもできる限り対応致します。
ご注文ではなく相談のみも受付けておりますのでお気軽にご連絡下さい

強みとしては、企業案件をメインで行っている点です。
納期に関しては絶対、着手前に運用面で懸念となるものに関しては事前に確認いたします。
クオリティに関しても一定ラインはクリアしていると思います。

当サービスをご覧いただきありがとうございます。
当サービスではいただいたデザインデータから、HTML.CSS.JavaScriptを用いてLPのコーディングを代行致します。

【料金】
先着10名様　15,000円〜 お受け付け致します。
通常料金　20,000円〜
画像コーディングや短いLP 7,000円〜
WordPress化　10,000円
※修正無制限、レスポンシブ対応無料

【制作の流れ】
見積もり・カスタマイズの相談からお見積もり頂きます。
↓
デザインデータの共有をお願い致します。
↓
コーディングさせて頂きます。
↓
修正内容があれば修正致します。
↓
納品

【納品方法】
zipファイル
サーバーへのアップロード
WordPress実装
※FTP情報の共有、WordPress化の場合はWordPress情報のご共有をお願い致します。

ご覧いただきありがとうございます！
コーディングを中心にWEB制作のフリーランスとして活動中のfumicaと申します。
今まで50件以上のサイトのコーディング・改修をさせて頂きました。

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

デザインもご希望の方はWebデザインサービスの方からご相談ください。
https://www.lancers.jp/menu/detail/1282631

【作業内容】
・HTML/CSSコーディング
・モバイル表示対応
・jQuery（javascript）による動作の実装
例）ハンバーガーメニュー、Q＆A部分などのアコーディオンメニュー、メインビジュアルのスライドショー、要素のフェードイン　等
・各種SNS、googleマップ、動画の埋め込み
・コーディングしたページのWordPress化
・お問い合わせフォームの設置

【無料サービスに含まれる内容】
・titleタグ、discription、OGPの設置
・googleタグマネージャーの設置（事前に準備をお願い致します。）
・画像の軽量化
・最初に頂いたデザインに対しては修正無制限

【料金のイメージ】
・トップページ　15,000円～
・下層ページ　10,000円～
・お問い合わせフォーム（入力＋確認＋完了）　10,000円
・WordPress化　TOPページ：10,000円　下層ページ：5,000円
・WordPress カスタム投稿/カスタムフィールド　5,000円
・アニメーションやJQuery/Javascriptの実装　1,000円～3,000円
・大幅な修正・追加　1箇所 1000円～
・特急料金　通常のお見積もりに＋20％上乗せ

【制作の流れ】
・ヒアリング・見積り
コーディング内容、ご希望納期、大体のご予算などお聞かせください。
対応の可否を判断させて頂きます。
↓
・購入
↓
・デザインデータのご共有
↓
・コーディング開始
↓
・ご確認後、内容にご了承いただけましたら納品

【お願い】
こちらからの質問や進捗状況の確認に対して3日間以上お返事がない場合はその時点で納品完了とさせて頂きます。（一言だけでもお返事ください）
スムーズな進行のためご協力をお願い致します。

WordPress対応・レスポンシブ対応・短納期対応・丸投げOK！HTML/SCSS/CSSコーディングをお任せください！

外部委託無し。認定ランサー本人が対応します。
Webサイト制作において、効率的かつ高品質なコーディングをお求めの方に最適なサービスを提供します。

• WordPress対応: WordPressテーマのコーディングから、カスタマイズまで柔軟に対応。お客様のニーズに合った最適なソリューションをご提案します。

• レスポンシブ対応: PC、タブレット、スマートフォンなど、全てのデバイスで美しく表示されるレスポンシブデザインを実現。

• 短納期対応: お急ぎのプロジェクトにも迅速に対応します。お約束の納期を守り、スピーディーに高品質な成果物をお届けします。

• 丸投げ対応: コーディング作業を丸ごとお任せいただけます。企画段階からのご相談も歓迎いたしますので、安心してご依頼ください。

一つひとつ丁寧に作業を進め、クライアント様のビジョンを形にします。高品質なコーディングで、サイトのパフォーマンスやユーザーエクスペリエンスを向上させ、成果につなげます。

ぜひお気軽にご相談ください！

===================================================
当方のプロフィール

2020年度ランサーズ ランキング
クライアント訪問数ランキング　Webデザイナー部門　全国１位
ランサーズ歴4,000日以上

▼実績についてはポートフォリオなどご覧ください。
※一部大手企業様の案件については守秘義務の都合上記載しておりません。

★過去実績
大手スーパーサイト制作 WORDPRESS
大手コンビニキャンペーンサイト制作
大手ECサイトUIデザイン制作
会員制ゴルフサイト構築・開発 WORDPRESS
インテリアショップECサイト制作・開発 EC CUBE
エステサロンサイト制作 WORDPRESS
大人気カフェサイト構築　WORDPRESS
avex所属アーティストオフィシャルサイト制作 WORDPRESS
トレーニングジムサイト制作 WORDPRESS
アパレルオフィシャルサイト制作 WORDPRESS
コスメECサイト制作・開発 WOOCOMMERCE
コスメLP制作
大手美容整形外科サイト制作 WORDPRESS
キュレーションサイト制作 WORDPRESS
有名アニメコラボグッズ・ノベルティ制作
国民的有名アイドルコラボグッズ・ノベルティ制作
各種バナー制作
マッチングアプリUIデザイン制作
ディープラーニング系アプリUI制作

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

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

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

対応可能な業務

HTML / CSS / JavaScript コーディング

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

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

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

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

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

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

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

対応可能なデザイン形式

・Figma

・Adobe XD

・Photoshop

納期の目安

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

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

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

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

ご依頼の流れ

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

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

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

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

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

【完了報告】

注意点

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

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

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

あなたの想いを形にする、Web開発とデータ活用の頼れるパートナー！

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

Webサイトの改善、業務効率化、データ分析、LP制作

発注の流れ

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

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

制作開始
ご契約後、速やかに制作を開始します。進捗状況は随時ご報告します。

納品・修正
完成したWebサイトやツールをご確認いただき、必要に応じて修正を行います。

対応範囲・価格

Webサイト コーディング：3万円〜
HTML/CSSコーディング：デザインデータからのコーディング、レスポンシブ対応も可能。5ページまで。

LP制作：5万円〜
ランディングページ制作：ターゲットに合わせたデザインと構成で、コンバージョン率アップを支援します。

業務効率化ツール：3万円〜
Excel/スプレッドシート効率化ツール：データ入力、集計、分析作業を自動化し、業務時間を大幅に削減します。

納期

要相談

制作の流れ

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

企画・設計
ターゲットユーザーや競合サイトを分析し、最適な戦略を立案します。

制作
最新の技術を駆使し、高品質なWebサイトを制作します。

テスト・修正
完成したWebサイトをテスト環境でご確認いただきます。

納品・公開
本番環境へWebサイトを公開し、運用をサポートします。

サービス内容

Web開発（HTML/CSS/JavaScript）、LP制作、業務効率化ツール作成

WebサイトやLPの制作、業務効率化ツール作成でお困りではありませんか？
「Webの知識がない」「忙しくて手が回らない」
そんなお悩みを、プログラミング経験豊富な私が解決します！
HTML/CSS/JavaScriptでのコーディングはもちろん、LP制作や業務効率化ツール作成まで、あなたのビジネスを加速させるWebソリューションを提供します。
まずはお気軽にご相談ください。あなたの想いを形にするお手伝いをいたします。

（１）WordPressなどのCMSを使ってサイトを作成している場合
テーマを変更することによってレスポンシブデザイン対応が可能な場合があります。ご相談ください。

（２）HTML/CSSのみで書かれたページの場合
CSSにレスポンシブデザイン部分を追記することによって、レイアウトを変更し、スマホ画面に対応させることができます。
HTMLの改変を伴う場合があります。

レイアウトの変更や画像の縮小・拡大のみで、新規にデザインを起こすことはしません。あくまで既存のデザインを使います。

現在Web・デザイン制作会社に勤務しながらフリーランスとして
活動している「なんり」と申します。

Web関連の業務経験はトータルで8年ほどになります。（2022年現在）
ランサーズでの活動はまだ間もないため、実績を積むまでの期間は
特別価格でご提供します！

こちらはホームページコーディング専用のスキルパッケージになります。
※LPコーディング専用スキルパッケージもございますが
こちらのプランでもワンカラムWebサイト制作として対応可能です。
基本的にSEOを意識してコーディングします。
また、納期の中でできるだけ早めの納品を心がけます。

ご希望に応じて、SEO対策、デザインからプログラミングまでオプション追加にて対応可能ですので
お気軽にお声掛けいただけたらと思います。

※実績として掲載させて頂く場合がございますのでその際はご相談させてください。

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

迅速なレスポンス、丁寧な対応を心がけております。
ご相談は無料でお受けしておりますので、お気軽にご相談ください！

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

　デザインを忠実に再現いたします　

「 デザインは対応するので、コーディングだけ対応してほしい 」 という制作会社様や個人様
「 ランディングページ制作のご依頼を受けたけど、コーディングが苦手 」 というデザイナー様
「 コーディングの人手が足りない 」 という制作会社様やコーダー様。

など、コーダーをお探しの方はぜひご検討ください。

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

◆　パッケージ内容について　◆

• 静的コーディング
• ランディングページのコーディング
• レスポンシブ対応（PCサイズ・スマホサイズでの表示変更）
• スライダー、アコーディオン、ハンバーガーメニューなどアニメーションの実装
• 無制限の修正対応

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

◆　ご用意いただくもの　◆

• デザインデータ
• 画像データ（JPG・PNGなど）
• テキストデータ

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

◆　納品までの流れ　◆

①ヒアリング・お見積もり
↓
②デザインデータや各種素材をお送りいただく
↓
③作業開始
※進捗状況はこまめにご報告いたします。
↓
④テスト環境にて制作物のご確認
↓
⑤修正対応
↓
⑥最終確認
↓
⑦納品

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

◆　納品について　◆

• データ納品（ファイル一式を zip 圧縮したもの）又は指定のサーバーにアップロードして納品いたします。サーバーにアップロードをする場合は、FTP情報が必要になります。

• 納品前には独自の品質チェックシートを用いて確認いたします。また、品質チェックシートは納品時にお渡しいたします。

「急ぎでLPのコーディングをしてほしい」
「デザインはあるけどコーダーがいない」
「ボリュームのあるサイトのコーディングをしてほしい」
「ワードプレスやアニメーションの対応もしてほしい」

上記のような様々なご要望をお持ちの方はぜひご連絡ください。

【私たちについて】
・グラフィックデザインからWEBデザインまで、業界15年以上の経験があります
・デザインとコーディングを2人体制による分業のため、それぞれの品質担保がしっかり出来ています
・2人体制のため、よりスピーディな対応が可能です
・デザイン中心のノーコード、コーディングからのワードプレス対応など様々ご対応可能です

【ご依頼について】
①ご相談
制作要件をご教示ください
（基本的にはメッセージでのやり取りになりますが、オンラインMTGでのご相談も可能です）

②お見積もり〜サービスのご購入

③制作開始
・1Pのコーディングは初稿まで3営業日
・複数ページの場合はその都度工数をお出しします

④納品
データ納品の他、こちらでの本番アップ対応も可能です
ワードプレス構築が入る場合は、コーディング後に構築期間が追加となります

【ホームページのコーディング代行をさせていただきます】

「デザインは出来るけど、コーディングが出来ない。」
「忙しいのでコーディングだけやってほしい。」

そんな方のためのサービスです。

デザインカンプをいただけましたらそれを元にコーディングをして忠実に再現いたします。
（※Figma、XD、photoshop、illustrator、どのデザインツールでも構いません。）

レスポンシブ対応込みです。

ご要望、ご意見、ご質問など、なんでもお申し付けください！

ーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー

■当サービスの特徴

・デザインを忠実に再現
ーデザインデータを綺麗に形にいたします。 WEBデザイナーとしての活動もしておりますので、デザイナーへのリスペクトを忘れず忠実にデザインを再現します。PixcelPerfectという拡張機能を用いてズレを最小限に抑えます。

・レスポンシブ対応込み
ー全ての幅で崩れがないようにコーディングいたします。デザインデータがPCのみでもご安心ください。制作会社５社と提携している経験をもとに、PCのみのデザインからスマホでも問題なく綺麗に表示されるようにコーディングをいたします。

・品質チェックテスト込み
ーコーディング後は、全ての幅、複数のデバイス、ブラウザで崩れが起きていないかきちんとテストいたします。品質チェックリストも合わせて納品させていただきますのでご安心ください。

ーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー

■ご契約の流れ

1. 事前のヒアリング
ご契約前にヒアリングをさせて頂き、作業量・納期から正式お見積もり金額お伝えさせていただきます。

2. 仮払い・素材のご提供
打ち合わせにてご納得頂けましたら、この段階でご契約とさせていただきます。仮払いをしていただき、画像やテキストなどの素材をご提供いただきます。

3. 制作開始
不明点の確認や進捗報告など適宜コミュニケーションをお願いいたします。

4. 初稿を提出
修正がないようにコーディングいたしますが、修正点等ありましたら都度対応いたします。

5. 納品
最終確認をいただき、データ、サーバーアップロードなどお客様のご要望に合わせた形で納品いたします。

ーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー

制作会社様5社とお仕事していますので、仕事を投げ出すようなことはありません！

即レス・即対応を心がけております。

最後までテンポ良く、気持ちの良いお取引を進めていきたいと思いますのでよろしくお願いいたします！

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

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

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

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

**初回割引20%OFF！**
**2回目のリピーター割引10%OFF！**

「デザインはあるけれど、自分ではコーディングできない」
「社内リソースが足りなくて、このデザインを誰かにコーディングしてほしい」
「デザインどおりにコーディングしてほしい」
「スマホのデザインは無いけれど、スマホにも対応させたい」
「サイト公開後も修正などの保守対応を任せたい」

こんな課題をお持ちの制作会社様や企業/店舗様、
10社以上の制作会社様と提携し、年間30サイト以上制作している私に
コーディングをお任せください！

■■基本プランに含まれるもの■■
・レスポンシブ対応 (PC / SP)　※ブレイクポイント2か所まで
・表示速度高速化を目的とした画像、CSS、JSファイルの圧縮
・SEO対策のためのmetaタグ、Alt、OGP、ファビコン対応　※テキストや画像をご提供いただける場合のみ
・テストサーバーの準備
・品質チェックリストと合わせての納品

■■基本プランに含まれないもの■■
以下の項目は、ヒアリング時に実装内容を伺い、お見積もりをご案内いたします
・スマホデザイン無しの場合の対応
・アニメーションの実装　※内容によっては無料対応可能です
・お問い合わせフォーム等の機能実装
・WordPressの導入

■■ご予算について■■
各プランはアニメーションや機能実装の無い場合の価格となりますので、
ご希望されるページ数や実装内容によって変動いたします。
ぜひ、一度お見積もりをさせてください！
また、初回割引、リピーター割引もご用意いたしております！

■■納期について■■
各プランに記載されている納期は、実装内容や稼働状況によって変動いたします。
前倒しの納品を心がけておりますが、ヒアリングさせていただいたうえで、
最終的な納品日をご案内いたします。

■■納品方法について■■
制作データをzipファイルにてお渡しいたします。

■■その他■■
上記に記載している内容以外でも、WordPressサイトを構築したいなど、
ご要望やご質問などがございましたら、お気軽にご相談くださいませ！
確認でき次第、迅速にご回答させていただきます！

こんな方におすすめ

・デザインはあるがコーディングができない
・外注したいが品質が不安
・丁寧で崩れにくい実装を求めている
・LPやサイトをしっかり形にしたい

ご提供内容
デザインデータ（Figma / XD / Photoshopなど）をもとに、
丁寧で使いやすいコーディングを行います。

・HTML / CSS コーディング
・レスポンシブ対応（スマホ・タブレット）
・JavaScriptによる簡単な動作実装
・WordPress対応（オプション）

特徴
・デザインの意図を汲み取った実装
・崩れにくく運用しやすいコーディング
・シンプルで扱いやすい構成

対応可能な内容
・TOPページ / 下層ページ
・ランディングページ（LP）
・ホームページ
・WordPressサイト

小さなご相談でもお気軽にご連絡ください。

▼こんな方へオススメ

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

▼ご提供内容

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

▼制作までの流れ

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

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

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

都内のWeb制作会社でフロントエンドデベロッパー/ディレクターとして7年間勤務しておりました。2024年4月より独立し、アニメーション表現を軸にWebサイト制作をしています。

こちらは、お客様にいただいたデザインデータをもとにWebサイトの静的コーディングを代行するパッケージです。
まずは、デザインデータ（figma、xd、psd、ai）をお送りください。
お見積りさせていただきます。

こんなときもご相談ください！

• スマホデザインが完成していない…
• TOPのデザインはあるけど下層ページが完成していない…
• デザインはあるけどアニメーション演出の方向性が定まらない…
  →デザインルールを踏襲して実装させていただきます。まずはご相談ください。

オプションで以下も対応可能です

• WordPress構築
• サイト全体のアニメーション演出
• canvasでの2Dアニメーション作成

ご依頼・制作の流れ

1. 「まずは相談する（無料）」よりお問い合わせください。
2. デザインのご共有：ご相談時はデザインが未完成でも問題ございません。
3. デザイン確定：コーディングを開始します。
4. ご確認・修正：必要に応じて対応いたします。
5. ご納品：zipでの納品・サーバーへのアップなど対応いたします。

都内広告代理店のLP制作実績は100件以上。

青森県三沢市のWEBデザイナー、合同会社HOWDEEの類家と申します。
日頃からLP制作を多数取り扱っております。

下記のようなLP制作実績があります。

• 大手脱毛サロン
• 美容クリニック
• 美肌治療
• 美容Youtubeチャンネル
• シャンプー
• 医療用ウィッグ
• 士業
• 食品
• その他多数

下記対応可能です。

• アンケートギミックLP（設問4問解答後メインページが展開等）
• アニメーションCSS（文字が浮き上がる、ボタンが動く等）
• お問い合わせフォーム設置
• ECフォース組み込み
• WORDPRESS組み込み
• MAKESHOP等ECサイト組み込み
• もちろんHPコーディングも可能

LPコーディング対応フロー例

まずはデザインデータと指示書をご共有ください。もちろん各工程間で修正対応可能です。

1. 内容確認
2. ベースコーディング
3. 修正〜納品

既存サイトのHTML/CSSなどの修正依頼承ります！

「安定的にちょっとした修正依頼をお願いできる取引先が見つからない」
そんなお悩みございませんか？

弊社は地元企業様からコーディングの修正依頼を頻繁に受託しており、クオリティにも満足していただいております。

安定的に弊社にお任せいただくことで
・いつでも迅速に対応
・毎回同じ者が対応しコミュニケーションコストの削減
・連絡が途絶えることのない安心感
をお約束します。

■価格
・Webサイト修正：3,500円～
・修正内容に応じたお見積りをさせていただきます。

■納品までの流れ
①ヒアリング・お見積もり（まずはご相談ください！）
②ご契約（仮払いで契約となります）
③弊社にて修正対応
④ご確認・修正（2回まで無償対応）
⑤納品

▼こんな方へオススメ
デザインデータを持っているけれど、HTML/CSSのコーディングに時間がかかる方
外注で信頼できるコーダーが必要な方
コーディングから本番アップまで一貫してお任せしたい方

▼ご提供内容
HTMLとCSSを基にしたコーディングを行います。デザインデータ（現時点ではFigmaのみ）に対応可能です。JavaScriptやjQueryを使った動的な要素の追加も承ります。

▼ご購入後の流れ

1. オンラインでのヒアリング（Zoom、Google Meetから選択可能）
2. コーディング作業
3. テスト環境の準備
4. 最大3回までの修正対応
5. 納品（データ一式の送付または本番サーバーへのアップロード）

▼制作可能なジャンル
公序良俗に反しない限り、ほぼすべてのジャンルに対応可能です。アダルトコンテンツは除外しています。

▼料金プランやオプション
基本サービスには、HTML/CSSコーディング、レスポンシブ対応、テスト環境の提供、指定サーバーへのアップロード、納品後1週間の修正対応が含まれます。

WebサイトのHTML・CSS、WorsPressのコーディングを承ります!!

【オススメの方】
・デザイン会社様・デザイナーの方でコーディングまで手が回らない
・社内のリソースが足りなくて困っている制作会社様
・コーディングまで手が回らないフリーランスの方

【制作環境】
■BEMをベースとしたCSS設計が可能（予測・拡張・保守・再利用しやすい）
■Gulp使用（CSS、jsの圧縮、画像の圧縮、ベンダープレフィックスの自動付与）
■W3Cが勧告するHTML5の仕様に準拠したマークアップ
■WordPress化も柔軟にカスタマイズ可能（SEO対策、セキュリティ対策、サイトパフォーマンス向上も可）

レスポンシブ対応、よくあるJavaScriptの実装は無料で対応させて頂きます！

【無料JavaScript一覧】
・ハンバーガーメニュー
・アコーディオンメニュー
・カルーセル/スライダー
・モーダルウィンドウ
・スムーススクロール
・タブ切り替えなど、その他にもご要望があればご相談ください。

【納期、料金】
提示価格は目安となります。
デザインやボリュームにより変動することもございますので、まずはご相談ください。

最後まで責任もって、対応いたしますのでご安心くださいませ。
ご不明な点は、お気軽にお問い合わせください。

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

初めまして、フロントエンドエンジニアのayameと申します。
ご覧いただきありがとうございます。

・デザインはできるけどコーディングができないという方
・忙しくなってきたためコーディングを外注したいという方

お悩み解決いたします！
もちろんその他のご相談も大歓迎です。

レスポンシブ対応や、JavaScriptを用いた動きのあるものも作成可能です。
規模にもよりますが、1P1,5000円から承ります。
（複雑な動きのあるもの、1Pが長いものなどについては要相談です。）

SEOを意識したコーディングでサイトのアクセス数アップも見込めます。

○サービスの流れ

1. ヒアリング（作業ボリュームなどをお伺いし、お見積もりをご相談）
   ↓
2. デザインデータ確認
   ↓
3. コーディング開始
   ↓
4. テストアップ
   ↓
5. 修正
   ↓
6. 納品

○制作期間
デザインをいただいてから1ページあたり最大3日で納品いたします。
（簡易的なデザインであれば即日お渡しできます。）

▼こんな方におすすめ
・デザインはできるけどコーディングだけお願いしたい
・コーダーを雇いたいけど長期はいらない
・1日だけ手伝ってほしい
・ECサイトについて相談したい
・誰かの意見が欲しい
・スキルを学びたい

▼ご提供内容
HTML/CSSなどのページ作成のご対応のほか、
ECサイトについて誰かの意見を聞きたいなどのご相談にも応じます。

▼納期について
現在の状況によって納期を変更・相談させていただく場合がございます。

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

個人事業（1年目）でコーディングとWordPress構築をメインに活動していると権田量作「ごんだ　りょうさく」申します。
現在、制作会社様と継続的なお取引をさせていただいております。

▼こんな方へおすすめ
・デザインデータを正確なコーディングで再現したい制作会社様
・コーディング工程を外注して、業務効率を上げたいデザイナー様
・納期とクオリティを両立できる信頼できるコーダーをお探しの方

▼作業内容
・HTML/CSSコーディング（セマンティックなマークアップ）
・レスポンシブ対応（スマートフォン、タブレット）
・アニメーション実装（CSS/JavaScript）
・Webフォント対応
・各種ブラウザ対応
・W3C準拠のコーディング
・ピクセルパーフェクトな実装

▼特徴（強み）
・レスポンシブデザインの正確な実装
・保守性の高いクリーンなコーディング
・迅速なコミュニケーションと細かな進捗報告

▼制作の流れ

1. お打ち合わせ
   仕様確認、実装範囲の確定をさせていただきます。

2. お見積り・契約
   工数と納期をご提示させていただきます。

3. 制作開始
   進捗報告を欠かさず、スムーズな制作進行を心がけます。

4. 検証・修正
   デバイス/ブラウザチェック、コード品質の確認を行います。

5. 納品
   完成データをzip形式で納品いたします。
   ※サーバーアップロード作業もご対応可能です。

▼納品形式
・HTML/CSS/JavaScript ファイル一式
・各種画像データ（圧縮済み）
・テスト環境のURL（オプション）

▼対応可能なデータ形式
XD、Figma、Photoshop、Illustrator、その他画像形式

業務内容のご紹介

HP作成やLPなどのコーディングを承っております！

◆◇こんな方にお勧めです◇◆

・コーディングにリソースを割けない
・デザインはあるのでコーディングのみ外注したい
・漠然とこういう動きをつけたいんだけど…どう頼んだらいいかわからない
・小規模のコーディングを頼みたい
・スマホの対応もしてほしい

など、コミュニケーションをしっかりさせていただき
お客様に満足いただくことを最善に対応させていただきます。

◆◇ご用意していただくデータ◇◆

AdobeXD、Photoshop、Illustratorでのご用意をお願いいたします。
jpegや、pngしかない場合はご相談ください。

◆◇ご料金内対応について◇◆

〇動き関連
【スライダー、カルーセル】
【アコーディオン】
【タブメニュー】
【ハンバーガーメニュー】

〇ブラウザ
【Chrome、Firefox、Microsoft Edge】
【iOS11以降　Safari】
【Android5.0以降　Chrome】

〇サーバーアップロード

◆◇ご依頼から納品までの流れ◇◆

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

2. 見積もり提出
お見積もりと納期をご提示します。

3. オファーの作成・承諾
ご納得いただけましたらオファーを作成しますので、承諾してください。

4. 作業開始
作業を開始します。

5. ご確認・修正
完成したサイトを確認していただき、修正いたします。

「まずは相談する（無料）」のボタンからお気軽にご相談ください！

本サービスをご覧いただきありがとうございます。
Web制作歴6年以上の現役エンジニア2名体制で、コーディング代行を承っております。

デザイン色の強い制作会社様と長年契約させていただいており、デザインの再現性・レスポンシブ対応の制度・アニメーション制作に特に得意としております。

• コーディングのリソースが足りていない
• デザインを忠実に再現できるコーダーがいない
• 高度なアニメーションを実装してほしい
• 経験豊富なコーダーに対応してほしい

こういった方にお勧めのサービスです！

◆作業内容

・レスポンシブコーディング
　┗ ブレイクポイント3つ + フレキシブルレイアウト
　┗ Sass（SCSS）対応可能

・お問合せフォーム実装
　┗ WordPressプラグインを使用（Contact Form 7, MW WP Form）

・WordPress化
　┗ オリジナルテーマ制作
　┗ カスタム投稿タイプ・カスタムフィールド等も対応可能

・CSS / JSアニメーション制作
　┗ スムーススクロール、スライダー、ハンバーガーメニュー等シンプルなものは無料で対応
　┗ ローディングアニメーション、GSAPを使用したスクロール連動アニメーション等の対応も可能

これら以外にもご要望がありましたら、お気軽にご相談ください。

◆制作の流れ

①ヒアリング
デザイン、ページ数、希望納期、作業範囲等をお聞かせください。
　↓
②お見積もり
お見積もりと正式な納期を提示させていただきます。
内容に同意いただけた場合、ご購入をお願いいたします。
　↓
③コーディング対応
コーディング対応を開始します。
作業進捗は常に報告いたします。
　↓
④テストアップ / 修正対応
コーディングが完了次第、初稿のテストアップをします。
お客様側でご確認いただき、修正してほしい点がありましたら対応いたします。
　↓
⑤納品
対応完了後にご確認いただき、何も問題なければ、サーバーにアップロード・もしくはZIPファイルにて納品いたします。

私たちの強み

・5年以上の経験年数有り
コードハイブのコーダーは、2名ともWeb制作歴が5年以上あります。
特にデザインにこだわりがある制作会社様と長期契約をさせていただいていることもあり、デザインの再現性・デザイナー様のイメージ通りのアニメーションを制作することを得意としています。

・土日祝日問わず対応可能
土日祝日も対応が可能なので、急ぎの場合は相談いただけましたら金曜日に依頼→月曜日に納品といったことも可能です。メッセージも24時間受け付けており、作業時間内であれば1~2時間以内に必ず返信いたします。

・デザイナー様へ
デザイナー様がこだわりを持って制作されたデザインを、忠実に再現いたします。レスポンシブ対応の手法は、フレキシブルレイアウトを採用しております。ブレイクポイントでのメジャーな画面幅の最適化に加え、ブレイクポイント間も画面幅によって要素の横幅を伸縮させることで、どんな画面幅でも表示崩れがなく綺麗に表示することが可能です。また、アニメーションにもこだわりがあるデザイナー様も大歓迎です。ホバーやスクロールアニメーション等、デザインに合ったアニメーションを提案・実装させていただきます。

・制作会社様へ
Webサイト制作歴5年以上のコーダーが、高品質・保守性の高いコーディングを提供します。SEOを意識したセマンティックコーディングに加え、サイトスピード・アクセシビリティを考慮したコーディングが可能です。さらに、GSAPやWebGLを使用した複雑なアニメーションも制作可能です。WordPressでのサイト制作では、オリジナルテーマ制作だけでなく、カスタム投稿タイプやカスタムフィールドを扱うことができます。

料金に関して

プランに表示している金額は概算ですので、ヒアリング時に詳しく内容をお聞きした後、正式な金額を提示させていただきます。

私たちの実績について

主に制作会社様からの案件対応をしているので、非公開となっております。
もし実績を確認したい場合は、ヒアリング時にビデオ通話にて紹介させていただきます。

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

制作会社様や、デザイナー様向け。
・制作過程のやりとりを不便なくできるコーダーを探している。
・プロとして最後まで責任をもって対応してくれるコーダーを探している。
・デザインからコーディングまで安心してまるっとお任せできるコーダーを探している。

そんな方々のお力になります！

▶︎作業内容
・HTML / CSSコーディング
・JavaScript / jQueryを用いたアニメーション実装
・レスポンシブ対応
・品質確認（マルチブラウザ対応、W3C、ピクセルパーフェクトなど）
・サーバーへのアップロード

▶︎制作の流れ
①ヒヤリング
　実装機能などの確認をいたします。
②契約
　お見積もり、納期をご提示させていただきます。
　ご納得いただけた場合、ご購入をお願いいたします。
③制作・確認
　制作実施後、制作物のご確認をお願いいたします。
　気になる点がある場合、可能な限り修正対応いたします。
④納品
　問題なければ、制作物をzipファイルにて納品させていただきます。
　※サーバーへのアップロードをご希望の場合、FTP情報をご教示下さい。

▶︎ご用意いただくもの
・デザインデータ（XD、Photoshop、Illustrator、Figmaなど）

コーダー探しで悩んでいませんか？

「デザインはあるけどコーディングはどうしようかな」
「誰かコーディングしてくれる人いないかな」

このようなお悩み、全部解決します！

◆サービス内容
基本料金に含まれるサービスです。
・HTML/CSSを用いた静的コーディング
・レスポンシブ対応
・jQueryを用いた動的機能の実装

◆納期
基本的には7日~14日を目安にお考えください。
簡単なものでしたら、デザインデータお預かりから7日以内での納品も可能です！まずはご相談ください！

◆お見積もり時ご用意いただくもの
・デザインデータ(XD、Figma、Photoshop、Illustratorなど)

◆納品方法
zipファイル形式(サーバーアップロードも可)

◆ご購入前後の流れ
1、見積もり相談、ご購入
　↓
2、デザインデータのお預かり
　↓
3、コーディング
　↓
4、テストサーバーにアップ
　↓
5、ご確認・修正
　↓
6、納品(zipファイル形式やサーバーへアップロード)

サービスについてのご質問や不明点、価格交渉はメッセージにてお気軽にご相談ください！

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

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

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

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

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

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

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

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

数多くのサービスの中からご覧いただきありがとうございます！
□■━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━■□
CSS設計（BEM設計）を意識した綺麗なコーディング代行承ります
□■━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━■□

私自身、過去、コーディングを依頼した時に、
レスポンシブ対応がうまくできていなかったり、ロゴがずれていたり、
何度もやり取りした経験がございます。
そして何度も、修正依頼したためにプロジェクトの納期に
間に合わせることが難しくなってしまいました。

私は以下をお約束いたします。

◎進捗報告
→工程表を作成し、一目で進捗がわかるよう報告します。
◎チェックリストでの品質管理
→こちらを使用してチェックします。
◎こまめな報連相
→コーディング完了までに画像や文章が揃わない場合には、ご報告・ご提案いたします。
◎コーディング完了後の報告書の作成
→ピクセルパーフェクトでデザインを再現しますが、どうしてもデザインを実現出来ない時は、
コメントと一緒に報告書にまとめて報告します。

《ご用意いただく素材について》
デザインカンプ（Figma/Adobe Xd/Illustrator/Photoshop）

ご興味を持っていただけましたらDMでも結構ですのでご相談ください。

コーディングだけお願いしたい！お任せください！LP 、WordPressコーディング構築します

デザインデータをもとに、HTML / CSS（SCSS）によるコーディングを代行いたします。
Figma・Adobe XD・Photoshopなどのデザインを忠実に再現し、レスポンシブ対応のWebサイトを制作します。
デザイナー様や制作会社様のコーディング外注先としてもご利用いただけます。
丁寧なマークアップと見やすいコード設計で、更新しやすいサイト構築を心がけています。

【こんな方へおすすめ】
・コーディングだけ外注したいデザイナーの方
・デザインはあるけれど、コーディングにかける時間が足りない
・品質のばらつきがなく、信頼できるコーダーがなかなか見つからない
・コーディング作業に手間取って、デザインに集中できない

【基本サービス内容】
・デザインデータからのHTML / CSS（SCSS）コーディング
・レスポンシブ対応（スマホ / タブレット）
・3ページまで対応
・SEO内部対策を意識したマークアップ
・基本的なアニメーション対応（hover / フェードなど）
さらに、ページ追加・WordPress化・お問い合わせフォーム実装など、柔軟なオプションにも対応しております。ご要望に応じてカスタマイズ可能です。

【納期】
ご依頼内容によって変動いたしますが、
基本的には契約後に情報をご提供いただき、約1ヶ月後に納品いたします。

【納品までの流れ】
①「見積り・カスタマイズ相談」よりお問い合わせ
②ご要望をヒアリング
③お見積り / ご購入
④デザインデータ・素材をご提供いただきます
⑤コーディング開始
⑥確認 / 修正
⑦納品

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

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

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

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

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

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

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

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

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

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

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

初めまして！ロゴデザインやweb制作をしております。

【サービス内容】
・静的コーディング
・レスポンシブ対応込み
・アニメーション込み

▶︎別途お見積もり
・お問合せフォーム
・WordPress化

【ご用意していただくもの】
・デザインカンプ(sp版がない場合はよしなにご対応させていただきますが、まずはご相談ください！)
・サーバー・ドメインのご用意(Zipファイルをご希望の方はこちらご用意されなくて大丈夫です)
・仕様書(こちらない場合はアニメーションの有無や伝達事項等お送りいただきたいです)

【作業環境】
・macOS

【コーディング表示確認】
・mac(safari/chrome)
・win(chrome)
・iphoneSE(safari/chrome)
・iphone13(safari/chrome)
・Android(chrome)
・ipad

【使用できる言語】
・HTML5(pug)
・CSS3(SCSS)
・JavaScript
・jQuery
・PHP(WordPress)
・GSAP

【営業時間】
・平日8:30〜18:00
・土曜9:00〜18:00
・定休日　水・日

より良い制作を進める為、そして『依頼して良かった！』と言っていただけるように取り組みます。

最後までお読みいただきありがとうございました！
少しでもご興味がありましたらぜひご相談ください。心よりお待ちしております！！

適切な進捗共有 x 品質担保 x 納期厳守 丁寧なコーディングをご提供いたします

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

「デザインカンプからのコーディングを頼みたい」
「コーダーの手が足りない」
「LP(ランディングページ)に動きをつけたい」

こんなお悩み、ぜひお聞せください！
品質・納期管理の徹底と柔軟対応で、お客様それぞれの「ちょっと困った」に寄り添い、丁寧にお手伝いいたします。

【サービス内容】

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

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

【料金】

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

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

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

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

【納期】

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

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

【ご用意いただくもの】

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

インドネシアと日本の技術を結集！お客様のアイデアを、高品質なWebシステムとしてスピーディーに実現します。

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

レガシーシステムの刷新、業務効率化、顧客体験の向上、新規ビジネスの立ち上げ

発注の流れ

お問い合わせ・ご相談
お客様の課題やご要望をヒアリングし、最適なソリューションをご提案します。
お気軽にご相談ください。

要件定義・お見積もり
要件定義に基づき、Webサイトの設計、デザイン、機能などを具体的に決定します。
ワイヤーフレームやプロトタイプを作成し、お客様とイメージを共有します。

開発・制作
Webサイトの構築、コーディング、テストを行います。
進捗状況を随時ご報告し、お客様からのフィードバックを反映します。

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

対応範囲・価格

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

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

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

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

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

納期

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

制作の流れ

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

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

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

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

サービス内容

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

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

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

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

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

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

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（土日祝を除く）

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

ご覧いただきありがとうございます。
ホームページのコーディングをしております、ともゆきと申します。
デザインカンプからコーディングし、デザインを再現いたします。
　デザインカンプを持っていてコーディングしてもらいたい！
　コーダーを探しているデザイナーさん
などお気軽にお声がけください

【作業内容】
・HTMLにて静的サイトのコーディング
・WordPressにて動的サイトのコーディング
・レスポンシブ対応
・ハンバーガーメニューやアコーディオンなど簡単なアニメーションの実装

【制作の流れ】
・ヒアリング/お見積り（お気軽にご相談ください）
・お客様からデザインのご提供
・コーディング
・ご確認・修正
・最終確認・納品

【納品前チェック】
・表示崩れ確認（320px～2560px）
・各ブラウザでの表示確認（Chrome、FireFox、Safari）
・ピクセルパーフェクトの確認
・問い合わせフォームの動作確認
・HTML及びCSS構文チェック（W3C）
・意図しない横スクロールは発生しないか
・誤字脱字がないか（テキスト比較ツール）
・JavaScriptの挙動確認・コンソールエラーの確認

最後に、私のポートフォリオに制作実績として掲載して良いという方はお値下げさせていただきます。
是非お気軽にご相談ください。

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

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

▶︎サービス内容　

・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

下記のようなお悩みがある場合はお手伝いさせてください

　・ デザインはできるているが、コーディングができない
　・ コーディングする時間がない
　・ 一時的なプロジェクトのための人員確保が必要
　・ プロジェクトが多くて対応が追いつかない
　・ 急遽人員が必要になった

■サービス内容

・ 静的サイトのコーディング
・ WordPressのコーディング

■料金表の目安

・ 下層ページ　　　：12,000円 / 1ページ
・ トップページ　　：29,800円 / 10,000pxまで
・ LP　　　　　　　：98,400円

■納期目安（着手日起算）

・ 下層ページ　：1日
・トップページ ：2日
・LP　　　　　：7日

■納期方法

下記よりお選びください
・ファイルの提出（本番用ファイル）
・サーバーへのアップロード

■ご購入から納品までの流れ

1.【まずは相談をする（無料）】ボタンからご相談ください

2. こちらからご連絡いたします
3. ご購入ください
4. 必要素材をご提供ください
5. コーディングを開始します
6. 検証サーバにアップロードします
7. お客様にてご確認いただきます
8. 必要があれば修正を行い6~8を繰り返します
9. 納品いたします

▼こんな方へオススメ

• ウェブサイトの立ち上げやリニューアルをお考えの方
• 独自のデザインや機能を持つウェブサイトを作りたい方
• スマートフォンやタブレット対応を求めている方
• 小規模から大規模まで、様々なプロジェクトのウェブ開発を検討している方

▼ご提供内容

• HTML、CSS、JavaScriptを使用したウェブサイトのカスタム開発
• レスポンシブデザインによるスマートフォン、タブレット対応も可能

▼ご購入後の流れ

1. ヒアリング: プロジェクトの要件やご希望を詳しくお聞きします。
2. 企画・提案: ご要件に基づき、最適なプランと見積もりを提案します。
3. デザイン: ご承認いただいたプランに基づいて、デザインを進めます。
4. 開発: デザインを元に、HTML/CSS/JSでコーディングを行います。
5. テスト・修正: 完成したウェブサイトのテストを行い、必要に応じて修正します。
6. 納品: ウェブサイトを公開し、必要な運用指導を行います。

▼制作可能なジャンル

• ジャンルは問いません（風俗関連はNGです）

▼納期

• ベーシックプラン: 2週間
• スタンダードプラン: 2週間
• プレミアムプラン: 3週間以上
  ※プロジェクトの規模や内容により変動します。
  また、オプションで3日間早められるほか、
  更に早めることができる可能性があるのでご相談ください。

この度は、私が提供するコーディングスキルに興味を持っていただき、誠にありがとうございます。

HTML、CSS、jQueryを中心に、ウェブサイトの開発に関するコーディングスキルを持っています。
具体的には、以下のようなスキルを有しています。

• HTML5/CSS3を使用したマークアップ作業
• JavaScriptライブラリ(jQuery, Vue.js)を使用したフロントエンド開発
• PHPを使用したバックエンド開発
• WordPressのテーマ作成、プラグイン開発

これらのスキルを活かし、クライアントの要望に合わせたウェブサイトの制作を行います。また、コミュニケーションを大切にし、納期や品質にも配慮した作業を行います。

さらに、私は、ウェブサイトのSEO対策にも力を入れています。ウェブサイトの構成やコンテンツ制作など、検索エンジン最適化に必要な技術を熟知しています。そのため、ウェブサイト制作において、SEO対策も含めたトータルサポートを行うことが可能です。

ご不明点やご要望がございましたら、お気軽にお問い合わせください。引き続き、よろしくお願いいたします。

Webディレクター様、制作会社様の外注先としてご活用ください
ご訪問いただきありがとうございます。
コーディング代行いたします。

●サービス内容

• LP１ページのコーディング（スタンダード・プレミアム）
• JavaScript（jQuery）を用いたアニメーションの実装も可能です
• （ホバーアクションやスライダー、スクロールアニメーションなど）
• レスポンシブ対応は料金に含まれております
• 表示確認はWindows(Google Chrome、Edge)タブレット(iPad)スマホ(iPhone)で行います

●料金

• 既存ページのカスタマイズ・修正、追加セクションなど10,000円
• 基本料金38,000円
• ボリューム多い場合など、プレミアム料金55,000円になります

●ご用意いただくもの

• デザインカンプ　→ファイル形式はFigma・XD・Photoshopなど
• サイト内の原稿　→コピペできる形でお願いします
• 画像素材

●納品

• html・css・jsファイルをzipでまとめて納品となります
• サーバーへのアップロード作業も可能です

●アフターフォロー（納品後２週間以内）

• 不具合があれば無料で修正させていただきます

●実績

一部ご紹介します。

相続空き家の相談窓口
https://xn--w8j880g6idz3k645ajkcv1i30g.jp/
Dクリニック東京PLUS
https://www.menshealth-tokyo.com/skincare/prp/
https://www.menshealth-tokyo.com/skincare/kumatori/
https://www.menshealth-tokyo.com/skincare/dissolution/
https://www.menshealth-tokyo.com/skincare/threadlift/

URLをコピペしてご確認ください。

●その他

WordPress構築、デザインからの制作も可能です。
メッセージからご相談ください。

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

このようなお悩みをお持ちの方はございませんか？

・複雑なアニメーションを実装できる人がいない
・デザインはできるけどコーディングが苦手なデザイナーの方
・コーディングだけ外注したいデザイナーの方
・コーダーのパートナーを探しているデザイナー
・社内でコーディングできる人が少ない
・社内のリソースが足りていない
・初心者の人にお願いするのは怖いから実務経験のある方にお願いしたい

全てお任せください！！

・コーダーの経験年数3年で本場の制作会社でのコーディング経験あります
・どの画面幅でも崩れないデザインを意識してコーディングを徹底意識して作業しております
・コーディングと複雑なアニメーションの実装も同時にお請け可能です


※こちらのサービスは小規模な1ページサイトから30ページ前後の中規模サイトまで対応しています。

■サービス内容

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

・jQuery/JavaScriptの実装
・GSAPを使用したリッチなアニメーションの実装
(WebGLを使用したアニメーションはご相談ください)
・CSSアニメーション

・WordPressの実装(オリジナルテーマ制作)
・お問い合わせフォーム実装
・gulp・webpackの環境構築（ソースコードのお渡しも可能です。）
・gitでのコード管理

■基本料金の内訳
・jQuery/JavaScriptの実装(無料JavaScript一覧内のもの)

・レスポンシブ対応(タブレット・スマホ込み)

・画像圧縮による表示速度最適化(Webp対応あり)

・SEO対策(metaタグ、画像に適切なalt、文書構造に適した適切なHTMLタグなど)
・BEMをベースとした長期メンテナンスしやすいCSS設計
・テスト環境のご用意
・修正無料

■無料JavaScript実装一覧
・簡単なスクロールアニメーション

・ハンバーガーメニュー

・アコーディオンメニュー

・カルーセル/スライダー

・モーダルウィンドウ

・スムーススクロール

・タブ切り替えなど、webサイトでよく実装されている動き。

■基本的な納期｜デザイン、ボリュームにより変動いたします。

・トップページ：2～3日

・下層ページ：1日～


※デザインデータを受け取った翌日からの日数になります。

■納品までの流れ
ヒアリング

↓

デザインデータお預かり

↓

コーディング

↓

テストアップ（ご確認・修正）

↓

納品（zipファイル送付、またはFTPでレンタルサーバーへアップロード）

■ブラウザ・端末確認一覧

・Google Chrome　Mac/Windows/iPad/iPhone/Android

・FireFox、Microsoft Edge　Mac/Windows

・Safari　Mac/iPad/iPhone


各ブラウザ・実機で検証を行い、表示が崩れないようにしてお渡しいたします。

ご満足いただけるよう、責任をもってご提案・対応させていただきます。
ご不明点は、お気軽にお問い合わせください。

最後に

私自身、制作会社にて外注を何度も経験してきました。
だからこそ、外注者とって選ぶポイントであるコミュニケーションの大切さと柔軟さを
他のフリーランスの方々よりも理解しており、誰よりも意識して活動をしております。

まずは一度お問い合わせくださいませ。

デザインは完成しているが、実装はお任せしたい、
時間がないのでお任せしたい、まだSTUDIO自体に慣れていない方、
STUDIOの実装代行をいたします。
※こちらのパッケージではデザインは行いません。

「デザインカンプは作れるので、サイトにして欲しい！」
そんなご希望におこたえいたします。

ECサイト（静的な部分）・LP・コーポレートサイトなどに対応しております。
HTML / CSS / JavaScriptでウェブサイトを構築いたします。

ページの長さ、文字や画像の量などをお知らせいただけましたら
ご予算にあわせてお見積りいたします。

♢ 対応サービス
・HTML/CSSを用いた静的コーディング
・レスポンシブ対応
・動きのあるデザインの実装(CSSアニメーション、JavaScript / jQueryで実装)

♢ 制作の流れ
1.ヒアリング / お見積り
　- お気軽にご相談ください。
2.お客様よりデザインデータのご提供
3.コーディング
4.ご確認・修正
　- 確認していただいた後、修正・追加作業があれば行います。
　（3回まで無料にて対応いたします。）
5.最終確認・納品

♢ 納期について
デザインデータ受け取り後からの日数です。
ご希望の納期がございます場合はご相談ください。

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

コーディング作業承ります。

デザイン案がなくても、簡単なラフ案と原稿あれば対応可能です。
1ページからも承りますが、複数ページももちろん大歓迎です！

デザイン制作も可能ですので、お気軽にご相談ください。
軽微なJavaScriptの機能実装も費用内で可能です。

PC、スマホ対応のレスポンシブコーディングとなります。
※PC/スマホ対応のレスポンシブデザイン（タブレットはPCの表示に準じます）

【作業内容】
・新規サイトのコーディング作業
・既存サイトへのページ追加
・LPページのコーディング
※データ納品も可能ですし、指定のサーバへのアップももちろん対応可能です。

ご不明な点ございましたら、お気軽にご相談ください。

【サービス紹介】
デザインデータを元に、高品質なHTML・CSS・JavaScriptコーディングを行い、レスポンシブ対応・SEO最適化も実施します。

【サービスの特徴】
・高品質コーディング：クリーンなコードでメンテナンスしやすい構造
・レスポンシブ対応：スマホ・タブレット・PCで最適な表示
・SEO対策：検索エンジンに強いコーディング
・スピード納品：最短3日で納品（要相談）
・修正対応：納品後3回まで無料修正

【サービスの流れ】
① ご依頼・ヒアリング（デザインデータ・要件を共有）
② コーディング開始（HTML・CSS・JSの実装）
③ 動作確認・修正（テスト環境で確認・修正）
④ 納品（完成データをお渡し）
⑤ アフターサポート（納品後の軽微な修正対応）

【作品】
・コーポレートサイト
https://moritaproductions.com/demo/corporate/

・ファッションサイト
https://moritaproductions.com/demo/fashion/

・家具サイト
https://moritaproductions.com/demo/company/

・弁当デリバリーサイト
https://moritaproductions.com/demo/Lunchbox/

・作品一覧
https://moritaproductions.com/works/

当サービスをご覧いただきまして、誠にありがとうございます。
お客様との対話を大切に、親切丁寧な対応を心がけ、常にパーフェクトな納品を目指しております。

\ このような方に最適です /
・デザインデータはあるけど、コーディングはできない。
・リソース不足で、コーディングまで手がまわらない。
・外注先の選定で失敗したくない。
・制作会社レベルのスキルで対応してもらいたい。

★対応範囲と費用につきまして。
・静的コーディング：トップページ￥20,000〜、下層ページ￥15,000〜/1ページ
・レスポンシブ対応（1ブレイクポイント）
※ご要望に対応できますので、予めご相談ください。
・よくあるハンバーガーメニューなどはお任せいただければ無料で対応いたします。
※細かいデザイン指示などがございましたら有料対応とさせていただければと思います。（要ご相談）
・PHPファイルでの納品可能です。（着手前にご申告ください）
ヘッダーやフッターなど共通ファイルとして扱いたい場合や、
WordPressに組み込む予定がある場合などにご利用ください。
※WordPress対応も得意としておりますので、併せてご相談いただければと思います。
（別途サービス出品しております：https://www.lancers.jp/profile/syzmagic/plan/171629）
併せてご依頼いただける場合は、値引きさせていただきます。

★別途有料オプション対応目安（ご相談時にお見積りさせていただければと思います）
・cssアニメーション：￥3,000〜/1バリエーション
※マウスオーバーアニメーションなど（基本的な透過アニメーションなどは無料です）
・JavaScriptによる制御：￥5,000〜/1バリエーション
※モーダルやドロップダウンコンテンツ、スクロールに準ずる制御など
・お問い合わせフォーム：￥20,000〜/項目などにより変動
さほど手がかからずサービスさせていただく場合もございますので、
ご購入前にヒアリングさせていただければと思います。

★ご相談から納品の流れ
1.ご相談いただき、ヒアリングとお見積りをさせていただきます。
2.デザインデータをご提供ください。（illustrator/Photoshop/XD/Figmaなど）
3.コーディング作業開始
4.テストサイトにてご確認と修正
5.最終確認
6.納品

実機テスト環境は
macOS CatalinaとVentura：Chrome/Firefox/Safari
Windows11：Edge/Chrome/Firefox
iPhone13、iPad
その他はデベロッパーツールでの確認となります。

★納期につきまして
ボリュームにより変動いたします。
ヒアリング時にご希望を伺わせていただければと思います。
※リソース状況によりお請けできない場合もございますので予めご了承ください。

その他お気軽にご相談ください。

社内SEとしての確かな経験と技術力で、あなたのWebサイトの課題を根本から解決し、ビジネス成果に貢献します。

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

Webサイトの更新や修正に時間がかかりすぎている、WordPressへの移行を検討しているが技術的な不安がある、レスポンシブ対応ができておらずスマホからのアクセスを逃している、デザインはいいのに実装でイメージ通りにならない、Webサイトのバグや表示崩れを早く直したい、といったお悩みはありませんか？

発注の流れ

お問い合わせ・ヒアリング
まずはメッセージで現在のサイト状況や課題、ご要望をお聞かせください。ランサーズのメッセージ機能やビデオ通話で詳細を伺います。

ご提案・お見積もり
ヒアリング内容に基づき、最適な解決策と詳細なお見積もりをご提案します。

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

制作開始
頂いた情報をもとに、丁寧かつ迅速に制作を進めます。進捗は随時ご報告いたします。

テスト・ご確認
制作物が完成しましたら、テスト環境でご確認いただき、フィードバックを頂戴します。

修正・納品
フィードバックを基に修正を行い、最終成果物を納品いたします。

対応範囲・価格

HTML/CSSコーディング（1ページ）：~10,000円
静的サイトの基本ページコーディング。PC/SP対応込み。

既存サイト修正・軽微な改善：~30,000円
特定箇所の修正やCSS調整など。

納期

企画・お見積り確定後、約1週間〜3週間で納品いたします。

制作の流れ

要件定義・サイト分析
ご依頼内容を深く理解し、サイト構造や必要な機能、改善点を詳細に分析します。

コーディング・テーマ開発
HTML/CSS/JSで高品質なWebサイトを構築、またはWordPressテーマとして実装します。

機能実装・テスト
必要な機能を追加し、複数環境で動作確認。不具合がないか徹底チェックします。

最終調整・確認
クライアント様にご確認いただき、ご要望に応じて最終調整します。

納品
品質基準を満たした成果物を納品いたします。

サービス内容

社内SEとして培った6年間の実務経験を活かし、WebサイトのHTML/CSS/JavaScriptコーディング、WordPressテーマ化、既存サイトの修正・改善を承ります。技術面だけでなく、プロジェクト進行管理やビジネス視点での課題解決を重視し、お客様のWebサイトをビジネス成果に繋がるようサポートいたします。レスポンシブ対応やパフォーマンス改善もお任せください。

Webサイトの「困った」を抱えていませんか？更新が大変、表示が崩れる、WordPressにしたいけど手が回らない…。社内SEとして6年間、様々なWebサイトの課題解決に尽力してきました。技術的な知識はもちろん、プロジェクトを円滑に進めるコミュニケーション力も私の強みです。あなたのWebサイトを、ただ美しくするだけでなく、運用しやすく、そしてビジネスに貢献するものへと生まれ変わらせます。まずは「こんなことできるかな？」といったご相談から、お気軽にお声がけください。あなたのWebサイトの未来を一緒に描きませんか？

■自己紹介
コーディングを中心にイラスト・デザイン・動画制作も行うマークアップエンジニアです。
大手ゲーム・エンタメ系制作会社にてGSAP＋SCSSアニメーションを含むLP制作、テンプレート構築、ベースコーディング、デザインを担当してきました。
デザイン意図を正確に汲み取り“世界観を壊さない実装”を重視しています。

「コード品質に不安がある」
「デザインと実装のズレを防ぎたい」
「余白・トンマナ・画像バランスまで丁寧に整えてほしい」
そんなお悩みをお持ちの方はぜひご相談ください。

イラストはパッケージ対象外ですが別途ご相談を承っております。
まずはお気軽にご連絡ください。

■実績
・大手テーマパークイベント特設サイト：数十件以上
・大手ソーシャルゲーム特設サイト：数十件以上
※守秘義務の都合上、掲載できない実績がございます。
詳細確認をご希望の場合、秘密保持契約（NDA）の締結をお願いいたします。

■ツール
Photoshop / Illustrator / HTML / SCSS / JavaScript / jQuery / Visual Studio Code

■対応可
・LP / WordPress化前ベースコーディング
・レスポンシブ
・PCデザインのみからのSP展開
・デザインカンプ忠実再現
・GSAP + SCSSアニメーション
・JS機能（ハンバーガー / スライダー / モーダル / タブ / アコーディオン / ローディング）
・SEO内部対策（meta / alt / OGPなど）
・画像圧縮（WebP）

■対応外
・納品後の運用 / 保守
・サーバー設定 / DNS設定 / ドメイン取得・移管
・WordPressのPHP化 / 管理画面構築
・CMS連携 / JSON / Ajax
・Photoshop / Illustrator 以外のデザインツール
・TypeScript
・Lottie / Canvas / Three.js / WebGL
・React / Vue / Next.js / Nuxt などのフレームワーク
・API連携 / バックエンド / アプリ
・Node.js / npm 新規環境構築（※自作環境構築済）

■検証ブラウザ・端末
Windows / Android / Chrome / Firefox / Edge
※Mac / iPhone / iPad / Safariは環境上サポート対象外
必要に応じて LambdaTestにて確認可能

■稼働時間
11:00〜26:00（案件により調整可能）
平日土日祝可

■制作の流れ

1. ヒアリング
   お見積りとスケジュールを提示します。
   ご納得頂けましたら素材のご提出および仮払いをお願いいたします。
   契約後はChatworkなどでのやり取りも可能です。

2. 制作
   確認事項がある場合は随時ご連絡いたします。

3. テストアップ
   当方テストサーバーにてご確認いただきます。

4. 修正
   画像や文章の差し替え、軽微な修正に対応いたします。
   大幅な仕様変更は追加費用となります。

5. 納品
   サーバーアップロードまたはzip納品となります。

■実績公開について
制作物はポートフォリオに掲載させていただく場合がございます。
掲載不可の場合は事前にお知らせください。

■お受け出来ない内容
・本人確認 / 機密保持確認 / 電話確認 / ランサーズチェック未完了のクライアント様からのご依頼
・社名非公開のクライアント様からのご依頼
・生成AI素材を使用するご依頼

【デザイナー様が精魂込めて制作したデザインを丁寧にコーディングいたします！】

多数の出品パッケージからご覧いただき、ありがとうございます。
個人の方から法人様のホームページまで幅広く制作を行なっている上田 真義（うえだ まさよし）と申します。

【 こんなデザイナー様におすすめ 】

• WEBサイト制作を一括して受注したいデザイナー様
• 社内コーダーのリソースが不足している制作会社様
• コーディングを外注できるパートナーをお探しのデザイナー様や制作会社様
• すでにデザインはお持ちの個人事業主様や法人様

単発のご依頼から長期の継続したご依頼まで、一つ一つのサイト制作を誠心誠意、丁寧に対応・コーディングいたします。
デザイナー様が制作した想いを形にいたします！

納品後1ヶ月のアフターサポートをしておりますので、テキスト変更や画像の差し替えなど軽微な修正は無償で承っております。

■ 作業内容

• 静的コーディング（HTML / CSS）
• Javascript / jQueryを用いたアニメーション
• レスポンシブ対応（スマホ / タブレット）
• Wordpress化 (追加オプションにてご案内しております)

■ ご相談から納品までの流れ

①ヒアリング

ご依頼予定のデザインのご案内や、ご希望の納期、作業範囲などお聞かせください。
お聞かせいただいた内容を基に対応の可否を判断させていただきます。

↓

②お見積もり・ご依頼

作業内容、納品予定日、お見積もりをご提示いたします。
こちらをご覧いただき、ご依頼いただくかどうかご検討ください。
ご依頼となりましたらデザインデータと制作に必要な素材（写真、画像、ロゴ等）をご提供ください。
↓

③コーディング作業開始、初稿の提出
コーディングを開始し、完了次第初稿をご確認いただきます。
修正等がございましたら、都度迅速に対応させていただきます。
↓
④納品

ご確認いただきご依頼いただいた作業内容及びページに問題がなければ、ご依頼者様のご希望の方法にて納品させていただきます。
zipファイルやサーバーへのアップロードなど、ご希望をお知らせください。


納品後1ヶ月のアフターサポートをご提供しております。
テキストや画像の変更など、軽微な修正は無償で対応させていただきますので、ご要望がございましたらお気軽にご連絡ください。

表示確認の環境

・PC
Google chrome、Safari、Firefox、Microsoft Edge
・スマホ
Google chrome、Safari

当サービスの強み

土日祝祭日も作業しておりますので、金曜日にご依頼をいただき翌週月曜日の納品なども可能です。（ページ数や内容によります）

ご依頼者様のビジネスパートナーとして、懇切丁寧に対応・作業させたいただきます。
些細なご質問やご相談でもお気軽にお問い合わせください！

▼デザインを含む一括したWEBサイト制作プランをご希望の方はこちら

https://www.lancers.jp/menu/detail/1228898

▼ポートフォリオ

https://www.lancers.jp/profile/masayoshi0404/portfolio?ref=more

こんな問題にお悩みの方必見！

✅WEBサイトを作りたいけど、どこに発注していいのか分からない。
✅コーディングを外注して作業効率をあげたい。
✅WEB制作会社で経験を積んだ人にコーディングを依頼したい。

WEB制作会社の現役マークアップエンジニアが
皆様のお困りごとのお手伝いをさせていただきます。

■基本パッケージに含まれるもの

HTML／CSSコーディング
レスポンシブ対応
画像、CSSファイル、JavaScriptファイルの圧縮
仮納品後、修正対応（3回まで）

■基本パッケージに含まれないもの
WordpressなどCMS導入、アニメーション導入（オプションとなります）
スマホデザインが無い場合のレスポンシブ対応（デザインがある場合は無償対応いたします）

■納期

ベーシックプラン：2日程度
スタンダードプラン：7日程度
プレミアムプラン：21日程度

■納品までの流れ

1ご契約
↓
2ご要望のヒアリング
↓
3Webサイト制作開始
↓
4仮納品、修正
↓
5納品

【納品形式】
・zipファイルでの納品
・サーバーにアップロードして納品

■お見積り、納期の参考例

スタンダードプランを選択、
Wordpress導入（投稿機能付き）、
カスタム投稿設定、
お問い合わせフォーム設置の場合

基本プラン　5,0000円
Wordpress導入　4,0000円
カスタム投稿設定　8.000円
お問い合わせフォーム　8,0000円

合計　106,000円

作業日程　 約17日（基本プラン7日、オプション追加3日）

▼こんな方へオススメ

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

▼ご提供内容

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

▼制作までの流れ

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

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