コーダーの依頼・発注・代行

【LPのコーディング代行をさせていただきます。】

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

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

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

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

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

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

■当サービスの特徴

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

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

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

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

■ご契約後の流れ

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

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

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

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

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

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

制作会社様5社とお仕事していますので、絶対最後まで仕事を投げ出したりしません！

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

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

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

個人事業（3年目）でコーディングとWordPress構築をメインに活動している「金杉 優希（かなすぎ ゆうき）」と申します。
現在、制作会社様やマーケティング会社様と継続的なお取引をさせていただいております。

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

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

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

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

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

フリーランスのWebコーダー、みずと申します。
・ プロジェクトの納期が迫っていて、コーディングのリソースが足りない
・ クオリティを維持しながら、信頼できる外注先を探している
・ コーディングはできるが、細かい部分やWordPressの実装に不安がある
➡︎ そんなお悩みを解決します！ お気軽にご相談ください。

▼サービス内容
・HTML/CSSのコーディング（レスポンシブ対応）
・LPのコーディング
・既存サイトのページ追加
・スライダー等のアニメーション実装
・スマホデザインがない場合の適切な対応
・命名規則やコーディングルールの希望対応
➡︎制作会社様やディレクターの皆様の要望に柔軟に対応します！

▼料金表
・トップページ：20,000円～
・下層ページ：8,000円～
・LP：30,000円～
・お問い合わせフォーム（入力＋確認＋完了）：10,000円
・WordPress化：20,000円
・WordPress カスタム投稿/カスタムフィールド：5,000円/1箇所につき
・アニメーションの実装：1,000円～5,000円
※明日までに完成などの特急料金は通常のお見積もりに+15%上乗せ
➡︎ご予算に応じて最適なプランをご提案できますので、お気軽にご相談ください！

▼納品までの流れ
① ヒアリング
コーディング内容、ご希望納期、大体のご予算などお聞かせください。
↓
② お見積り
詳細をもとに料金を提示いたします。
↓
③ ご購入
お見積りにご納得いただけましたら、ご購入をお願いいたします。
↓
④ コーディング
確認いただいた内容をもとに制作を進めます。大規模な案件は進捗報告をいたします。
↓
⑤ 初稿提出 & 修正対応
ご確認いただき、修正点があればお知らせください。デザインや仕様の変更を変更を伴わない軽微な修正は無料対応いたします。
↓
⑥ 納品
ご希望の方法で納品いたします。サーバーへのアップロードも可能です。

▼納期について
通常 1週間程度での初稿提出を目安としています。
（制作期間目安：TOPページ・LP3日ほど）
作業量により変動しますが、特急対応（24時間以内）も可能ですので、まずはご相談ください！

信頼できるコーディングパートナーとして、長期的なお付き合いも大歓迎です！

＼ 実績と信頼で選ばれています！ ／
ディレクター・デザイナー様からの構築代行を中心に、
ランサーズ外でも外注パートナーとして継続的にご依頼をいただいています！
「意図を汲み取る丁寧な構築」と「保守性を考慮した設計」を意識しております。

ポートフォリオはこちら▶︎
https://www.canva.com/design/DAGcOiiMyBg/xASjbRwEvEm3DhGliduvWQ/view
（コピー＆ペーストでご覧いただけます）

本サービスでは、Figmaで作成されたデザインカンプをもとに、WordPressの有料テーマ（SWELL／Snow Monkey）を活用したローコード構築を行います。
フルスクラッチよりもコストを抑えつつ、デザイン再現性と保守性のバランスを大切にしています。

【こんなお悩みありませんか？】
・構築まで手が回らず、外注先を探している
・スマホデザインがないが、レスポンシブ対応したい
・品質は担保しつつ、コストは抑えたい

そのお悩み、解決いたします！

【このサービスの特長】
・PCカンプのみでOK
　SP・TBカンプがなくても、意図を読み取って最適な構成で仕上げます。
・ブロックエディター × CSSカスタマイズ
　テーマ本来の構造を活かしつつ、必要に応じてCSSで調整。保守性と再現性を両立します。
　アップデート時の影響を最小限に抑える適切なクラス指定を行って構築します。
・SEO・セキュリティも対応
　meta／alt／reCAPTCHA／画像圧縮など、内部対策も標準対応。
・納品前チェックリスト付き
　独自の品質チェックで抜け漏れなく確認。安心してお任せいただけます。

【サービス内容】
・WordPress構築（SWELL／Snow Monkey）
・レスポンシブ対応
・SNS／外部予約サイトなどへの連携／お問い合わせフォーム
・スライダー／フェード表示などのアニメーション
・画像圧縮／軽量化／ファビコン設定
・内部SEO／セキュリティ対策

※テーマの性質上、ピクセルパーフェクト指定は承っておりません。

【ご予算について】
ページ数や仕様に応じて柔軟にご提案いたします。
表示金額は目安です。

【購入から納品までの流れ】
①「まずは相談をする」から、メッセージをお送りください。
②納期を確認させていただき、追加で購入が必要なオプションがある場合はご案内いたします。
③お見積り書をお送りいたします。内容にご納得いただけましたら、ご購入ください。
④WordPress情報や、Figmaのデザインデータをご共有ください。
⑤ご共有いただいたデータを元に、local環境で構築いたします。
⑥構築後、テスト環境にてご確認いただき、修正点があれば対応いたします。
⑦全て完成いたしましたら、納品となります。必要時、お客様の本番環境にアップロードいたします。

まずは「相談だけ」でも大歓迎です。
構築パートナーをお探しの方は、どうぞお気軽にご連絡ください。

初めまして！ロゴデザインや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
・定休日　水・日

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

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

ランディングページ(LP)・WEBサイト・WordPress導入サイトの

コーディングを承ります！

制作会社様・デザイナー様からのご依頼をお待ちしております。

安心してお任せいただけるよう、丁寧に正確に迅速にお仕事いたします！

「まずは相談する(無料)」ボタンから
どうぞお気軽にご相談ください。

ー ご発注から納品まで ー

1. 「まずは相談する(無料)」ボタンからご連絡

ご依頼を検討されている内容、ご希望納期等をお知らせください。

2. ご相談内容に返信

ご相談内容に対する回答を返信いたします。

3. ご発注

ご依頼いただく場合は、ご発注にお進みください。

4. 仮払い

ご発注を承認後、仮払いのお手続きにお進みください。

5. 制作開始

仮払いお手続き完了後、即制作を開始できるよう、制作に必要なものをご送信ください。
納期については、仮払いお手続きが完了し、必要なものが揃った状態の翌日からの日数とお考えください。

6. テストサーバにてご確認

コーディングが完成しましたら、こちらで用意したテストサーバーにアップロードいたします。
そちらにて表示等のご確認をいただき、修正箇所があれば修正いたします。
デザインカンプとは違うように変更する場合は、軽微なものであれば対応いたしますが、コーディングのやり直しになるような変更が発生しないよう、よろしくお願いいたします。

7. 納品

ご指定のサーバーへのアップロードか、ZIPファイルをお渡しするか、どちらにも対応可能です。

8. 納品後の修正

表示の不具合等が見つかった場合などについては、１ヶ月以内は修正対応いたします。
納品後に、例「ここの文字の色やサイズを変更したい」「この画像の表示位置を変えたい」などといった変更は、別料金での対応となります。
尚、クライアント様側でコード改変等をおこなった結果での不具合についても、別料金での対応となりますことをご理解ください。

ー ご用意いただくもの ー

• デザインカンプ(Figma、XD、Illustrator、Photoshop)
• サーバー情報(アップロードにて納品の場合)
• WordPressの場合は、管理画面URL、ログイン情報

ー お願い ー

デザインカンプを基に制作しますが、カンプだけではわからない箇所もあります。
そのような箇所については、追加情報をお知らせください。
リンク先など。
できる限りお早く納品ができるよう、あらかじめカンプ内に記載いただくか別途お知らせをお願いいたします。

• サイト名
• サイトURL
• DESCRIPTION(サイトの説明文)
• FAVICONについて(用意がなければこちらで簡易的なものを作成)
• OGPの情報(X、Facebookアカウント情報など)
• SNS等共有時に表示される画像(用意がなければこちらで簡易的なものを作成)
• デザインカンプに有料フォントが使用されている場合(指定がなければ近似のGoogleフォントで対応)
• サイト内、外部サイトのリンク先のURL
• お問い合わせフォームの送信先メールアドレス
• お問い合わせフォームの自動返信用メールアドレス
• 開閉したり追尾したり、動きのある箇所。
• ボタンやリンクなど、HOVERで色を変えたり、OPACITYの調整等する箇所
• レスポンシブ表示のブレイクポイント(基本は、〜1025、1024〜751、750〜600、599〜320pxでデザインに合わせて設定しています)
• 余白等、どの程度カンプ通りにするか(特別指定がなければ、ズレ等と判断した部分についてはこちらの判断で調整します)

※特に細かいご指定がないことについては、こちらで適宜調整していきますので、何かご指定がある場合はあらかじめお伝えください。

Web業界で光るポートフォリオを作り、内定を勝ち取りませんか？

Webデザイン制作歴20年以上、スクール・職業訓練校講師歴10年以上の経験を活かして、Web業界への就活をサポートいたします！

Webデザイン制作の現場では採用担当の実績があり、ポートフォリオのどこを見ているか、採用側の視点から、添削・改善指導・課題の提案などを行います。
ご希望に応じて、履歴書や職務経歴書の添削指導も可能。

ポートフォリオは、Web業界への就職活動において最も重要な武器。内定に直結する材料です。
あなたのスキルを効果的にアピールし、採用担当者に「選ばれる」ポートフォリオとはどんなものか。
職業訓練校で担当した全クラスで、業界就職率80％以上を達成した講師が、ポートフォリオや履歴書、職務経歴書の添削サポートをします。
※当方、キャリコンではありませんが、現場を知る講師としてクラスで就活サポートをしています
※業界就職率100％を達成したクラスも複数あり！

こんな人にオススメ

• 現在Webデザインについて勉強中。絶対業界に就職したい！という方
• Webデザインの勉強をしたけれど、ポートフォリオについてよくわからないという方
• Webデザインについての勉強をしたけど業界に就職できなかった・・・でも諦められない！という方
• Web業界で仕事をしたことがある。諸事情で今は離れているけど、Web業界に戻りたい！という方
• Webの勉強をしたのがだいぶ前なので、今でもスキルが通じるのか、忘れていないか不安・・・という方

確実に就職を成功させることは保証できませんが、ひとりで悩んでいるよりも、確実に成功率を上げることはできます。いっしょにがんばりましょう！

以下、ご了承ください

• オンライン相談、チャットの返信等は、基本的に平日日中のご対応となります。
• 100％の就職成功を保証するものではありません。

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

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

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

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

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

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

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

■当サービスの特徴

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

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

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

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

■ご契約の流れ

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

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

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

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

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

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

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

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

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

お客様にお悩みを解決するサービスをご紹介させていただきます。私のサービスでは、HTML/CSSコーディングを承っております。さらに、レスポンシブデザインやアニメーションの実装（jQuery）も行います。

＜サービス紹介＞
お悩みを解決します
●HTML/CSSコーディングにおけるお悩み
●レスポンシブデザインの実装におけるお悩み
●アニメーションの実装におけるお悩み
●jQueryの使用方法におけるお悩み

＜サービスの特徴＞
サービスの特徴をご紹介いたします
●HTML/CSSコーディングにおいて、高品質なコードを提供します
●レスポンシブデザインに対応し、様々な端末での表示に最適化します
●アニメーションの実装により、サイトに動きを付けます
●jQueryを使用して、より豊かなユーザーエクスペリエンスを実現します

＜サービスの流れ＞
サービスの流れをご説明いたします
step1: 依頼内容のご確認
お客様のご要望やお悩みをお伺いし、具体的な依頼内容を確認いたします
step2: HTML/CSSコーディング
お客様のデザインに基づいて、高品質なHTML/CSSコーディングを行います
step3: レスポンシブ対応
様々な端末での表示に適したレスポンシブデザインを実装します
step4: アニメーションの追加
必要に応じて、サイトにアニメーションを追加します（使用言語：jQuery）
step5: 確認・納品
最終的な成果物をご確認いただき、修正があれば対応いたします。お客様にご満足いただければ納品させていただきます。

どんなお悩みにも対応し、魅力的なウェブサイトを実現するお手伝いをいたします。お気軽にご相談ください。

＜サービス紹介＞
下記のお悩みを解決します
● WordPressでホームページを作成することができます
● ウェブサイトの作成に関するお悩みを解消します
● 高品質なホームページを迅速に提供します
● カスタマイズ可能なデザインと機能を提供します

＜サービスの特徴＞
● WordPressを使用してホームページを作成します。WordPressは使いやすく、様々なテーマとプラグインでのカスタマイズが可能です。
● プロのデザイナーがお客様の要望に合わせてユニークなデザインを提供します。魅力的で視覚的に魅せるホームページを作成します。
● 迅速な納品を心掛けています。お客様のビジネスに早期にホームページを提供し、効果的にオンラインプレゼンスを確立します。
● SEO最適化をおこない、検索エンジンでの上位表示をサポートします。多くのユーザーにアクセスされるホームページを作成します。

＜サービスの流れ＞
ステップ1：依頼内容のご確認
お客様の要望や目的をヒアリングし、ホームページの内容やデザインについて詳細を確認します。

ステップ2：デザインシステムの選択
お客様の要望に合うデザインテーマまたはカスタマイズオプションを提案します。ユニークなブランドイメージを作り出すデザインを選択します。

ステップ3：コンテンツの作成
必要なコンテンツ、テキスト、画像などを収集し、正確で魅力的なコンテンツを作成します。SEO最適化にも配慮します。

ステップ4：デザインと機能の実装
選択したデザインテーマを元にホームページを作成し、必要な機能を追加します。ユーザーが直感的に操作できる使いやすいサイトを作り上げます。

ステップ5：最終チェックと納品
ホームページを最終的なチェックを行い、お客様に満足いただけるか確認します。問題がなければ、ホームページを納品します。

お客様のビジネスに適したホームページを提供いたします。私のサービスは迅速かつ品質の高いホームページ作成をお約束します。お気軽にご相談ください。

インハウスデザイナーとしてLPの修正や作成等を行っております。
スキル麺等ご不安な場合は作成したLP等お問い合わせの際共有させて頂きます。

【ベーシック内容詳細】
・HTML/CSSコーディング
・アニメーションの実装
・レスポンシブ対応
・内部SEO対策
・テスト確認用サーバーの設置（各種ブラウザの表示確認）
・公開作業

【スタンダード内容詳細】
・HTML/CSSコーディング
・アニメーションの実装
・レスポンシブ対応
・内部SEO対策
・テスト確認用サーバーの設置（各種ブラウザの表示確認）
・公開作業
・ハンバーガーメニューやスライドイン等jqueryの実装

【スタンダード内容詳細】
・HTML/CSSコーディング
・アニメーションの実装
・レスポンシブ対応
・内部SEO対策
・テスト確認用サーバーの設置（各種ブラウザの表示確認）
・公開作業
・ハンバーガーメニューやスライドイン等jqueryの実装
・お問い合わせフォームの実装：17,000円〜
　「PHP工房」のメールフォーム使用

▼LPの作成全てはコチラをご覧ください。
https://www.lancers.jp/menu/detail/1264811

限定"1"名様、半額でコーディング承ります

この度、Lancersで初めてコーディング代行を出品しました。
そこで、実績作りのため基本プラン料金を通常価格の半額でコーディングさせていただける方を1名様募集しています。
必ずご満足していただける、成果物を納品させていただきます！
ぜひ、この機会にご検討ください🙆‍♂️

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

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

以下は全プランに含まれます。

　・HTML/CSSコーディング
　・レスポンシブ対応
　・スマホサイズよしなにコーディング
　　（PCサイズのデザインのみの場合でも各サイズで表示崩れがないよう"いい感じ"にコーディングします。）
　・SEO対策
　・画像圧縮などサイトの表示高速化
　・ピクセルパーフェクト
　・クロスブラウザチェック
　・修正回数無制限対応

各プランの詳細

▼ベーシックプラン
ページ数：1ページ（下層ページはオプションで追加）
料金：【先着1名様限定】¥30,000- 　→　¥15,000-
※下層1ページにつき¥6,000-¥3,000-頂戴いたします。
対応内容：
◯HTML/CSSコーディング
✗JavaScriptアニメーション
✗お問合せフォーム
✗WordPress化

▼スタンダードプラン
ページ数：1ページ（下層ページはオプションで追加）
料金：【先着1名様限定】¥50,000- 　→　¥25,000-
※下層1ページにつき¥10,000-¥5,000-頂戴いたします。
対応内容：
◯HTML/CSSコーディング
◯JavaScriptアニメーション
◯お問合せフォーム
✗WordPress化

▼プレミアムプラン
ページ数：1ページ（下層ページはオプションで追加）
料金：【先着1名様限定】¥80,000- 　→　¥40,000-
※下層1ページにつき¥10,000-¥5,000-頂戴いたします。
対応内容：
◯HTML/CSSコーディング
◯JavaScriptアニメーション
◯お問合せフォーム
◯WordPress化

▼ご依頼の流れ

1. プランを選択し「まずは相談（無料）」ボタンをクリック
   　

2. オプションを追加、相談内容を入力し無料相談を送信

3. 出品者から相談者様へ返信
   　送っていただいた内容について質問や回答を行います。
   　業務内容、報酬、納期、納品形式などについて正確にすりあわせします。

4. 注文・仮払い
   　納得いただいた場合に注文をお願いします。

5. 製作開始
   　制作前に工程やスケジュールの管理表を共有します。
   　進捗もこまめに報告させていただきますので、ご安心ください。

6. 納品物の確認と修正
   　事前に決めた初稿提出日までにテストサーバーにアップしたサイトを相談者様に確認していただきます。修正が必要な箇所を指摘して頂きます。修正はなんどでも承ります。

7. 最終納品
   　納品日までに最終的な納品をさせていただきます。

✳︎----------------------------------------------
【短納期の案件もチームコーディングで解決！】
あなたのお困りごとに貢献します！
----------------------------------------------✳︎

お忙しい中、ご覧いただきありがとうございます！
WEB制作をチームで行っております、原田一樹（はらだ かずき）と申します。

Lancersの実績はございませんが、
現在、制作会社4社様とお仕事させていただいております！

お付き合いしている会社様からは、
「今回も助けてくれてありがとう！」
「たくさん迷惑かけたけど、やり切ってくれてありがとう！」
など嬉しいお言葉をいただいております。

これまでのお仕事でも、
日頃からお相手への感謝の気持ちを大事にし、
「ありがとう」を大切にお仕事させていただいております。

だからこそ、日頃からお困りごとに対して、
・どうしたらお役立てできるか
・できないことをどうしたらできるに変えられるか
を考えております！

今までのお困りごとの一例として、
【2週間で23ページのサイトのコーディング】の案件をご相談いただいたことがあります。
この時は初めての経験でしたが、
複数人でのチームコーディングを発案し、無事に納品させていただきました。

どのようなお困りごと、ご依頼も柔軟に対応させていただきます！
まずはお気軽にご相談ください！

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

【ご提供できること】

○WordPressを用いたオリジナルテーマ制作、カスタマイズ
○静的サイトの制作
○LP制作

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

【制作実績】

○株式会社ジーマデザイン様　サイト制作
https://jima-design.jp/

制作期間:2週間
2人でのチームコーディング

・コーポレートサイト制作
・採用サイト制作
・LP制作

※秘密保持契約を結んでいるため、制作会社様との実績は非公開となっております
※個別にご連絡いただけましたら、お見せできる実績がございます

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

【制作フロー】

①お打ち合わせ
　ご依頼内容・ご希望の納期をお伺いさせていただきます
⬇︎
②ご契約
　お見積もり、納期をご提案させていただきます
　ご提案内容をご確認いただき、購入をお願いいたします
⬇︎
③制作・確認
　制作後に、ご確認いただき、
　気になる点がございましたら、修正等のご対応を行います。
　※機能の追加等は、追加料金を頂戴する場合がございます
⬇︎
④納品
　制作物をzipファイルまたはGitHubにてご納品させていただきます。
　※サーバーアップロードをご希望の場合、FTP情報をお伺いさせていただきます

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

【ご用意いただくもの】

・デザインデータ（XD、Photoshop、Illustrator、Figmaなど）

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

お忙しい中最後までご覧いただき、誠にありがとうございます。
少しでもご興味をお持ちいただけましたら、お気軽にご連絡ください！

よろしくお願いいたします！

■こんな方におすすめ

コーディングを外注したいデザイナー様、制作会社様
コーディング、WordPress構築を外注できるパートナーが欲しい

■料金

トップページコーディング：20000円〜
LPコーディング：30000円〜（ボリュームに応じてお見積もり）
下層ページコーディング：1p 10000円〜

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

■基本サービス

・HTML/CSSを使ったコーディング
・CSS設計に基づいたコーディング
・jQueryを使ったアニメーションの実装
（ハンバーガーメニュー、アコーディオン、スムーススクロール、スライダー）
・レスポンシブ対応
・metaタグの設置
・画像圧縮による表示速度最適化
・完成後にチェック・テストを行い、品質を担保

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

■オプション

・その他jQueryを使ったアニメーションの実装：3000円〜/1点
・Word Pressの導入・構築（オリジナルテーマ）

■動作確認ブラウザ

・Mac
Chrome, Fire Fox, Safari, Microsoft Edge
・iPhone12
Chrome, Safari

■制作の流れ

①「見積もり・カスタマイズの相談に進む」より、ご依頼内容を詳しくお聞かせください。
納期や具体的なお見積りをさせていただきます。
↓
②ご契約
デザインデータ、写真やテキストなどの素材データをお送りください。
↓
③コーディング開始（進捗を都度報告いたします）
↓
④ご確認（テスト環境）
コーディング完了後、ご確認をいただき、修正箇所があれば対応いたします。
※大幅なデザイン変更は追加料金をいただく場合がございます。
↓
⑤納品
zipファイルにて送付・もしくはサーバーへのアップ

■当サービスの強み

1.画像圧縮、基本のアニメーション（ハンバーガーメニューなど）は基本料金内で対応いたしますので、費用を抑えることができます。

2.納品前に独自の品質チェックシートを用いて確認・テストを行います。パーフェクトピクセルも使用いたしますので、デザイン通りにコーディング。品質を担保します。
（チェックシートは納品時に共有いたします）

3.作業時間は平日最低8時間/日以上確保可能。報連相をこまめに行い、お急ぎ案件なども対応いたします。

ご不明点がございましたら、お気軽にご連絡ください。
迅速・丁寧に対応させていただきます。
よろしくお願いいたします。

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

「デザインは作成済み、コーディングだけを頼みたい」制作会社様・Webデザイナーの方、
「デザインやイメージは決まっているけれど誰にお願いしたらいいかわからない」とお悩みの方
ぜひお気軽にご相談ください^^

▼サービス内容
・頂いたデザインを元にHTML＆CSSコーディング(1ページ～複数ページ対応可能です。)
・レスポンシブ対応(スマホ・タブレット表示対応)
・JavaScript / jQuery(スライダー、ポップアップ、スクロールアニメーション等)
・お問い合わせフォーム作成
・WordPress化

▼料金に含まれるもの
・画像圧縮による速度最適化
・誤字脱字、表示くずれ等による修正(無制限)

▼料金例
・LPコーディング　¥10000～(レスポンシブ対応込み)
・お問い合わせフォーム実装　¥20000円(静的サイト)
　　　　　　　　　　　　　 ¥5000(WordPress)

▼制作の流れ
①ヒアリング・お見積り
※ページのボリューム、実装内容により料金が異なりますため、デザインデータの提示をお願い致します。
頂いたデザインを元に、お見積り・納品までの概算日数をお伝えします。

②1回目の提出
　内容により異なりますが最短約2～3日でご提出いたします。

③修正版の提出
修正回数に制限は御座いません！★

④納品
通常はzipファイルでの納品となります。
サーバーにアップの対応も可能ですので、そちらをご希望の場合はお見積りの際にご相談ください^^
ご確認頂きました後、納品のお手続きをさせて頂きます。
納品完了後は、ご評価をして頂けますと嬉しく思います^^

◆納期 　
1ページあたり2・3日程で、納品いたします。
※ページの長さ、アニメーション有無等で納期は前後いたします事あらかじめご了承ください。

【ランサーズ活動開始記念 - 初回１０％OFF！！ - 】

▼こんな方、ぜひご相談ください！

・コーダー不足で外注先を探している方
・コーディングが苦手、対応できないWebデザイナー様
・他の業務に集中したい方
など

----------受注後の流れ----------------------------------------
➀お打ち合わせ・ヒアリング
②ご契約（仮払い）
③デザイン（ワイヤーフレーム～デザインカンプ）
④コーディング
⑤テストアップ
⑥公開
---------------------------------------------------------------------
　

▼主な対応可能業務

●スマホタブレット表示対応
●保守性の高いCSS設計
●内部SEOを意識した構造化マークアップ
●Wordpress
∟お問い合わせフォーム（contact form 7）
∟ブログ通常投稿（archive,date,category,single,sidebar）
∟カスタム投稿
∟カスタムフィールド
∟カスタムタクソノミー
●metaタグの設定
∟タイトル、ディスクリプション（サイトの説明書き）の作成
●読み込みスピード高速化
∟画像webp化・圧縮
∟CSS・Javascriptの圧縮
--------下記要望があれば対応可能--------------------------*
●OGP画像作成
∟リンク添付時に表示される画像
●ファビコン作成
∟ホームページのタブの小さいアイコン
　

▼追加料金なしのアニメーション

●スライダーまたはカルーセル（1つまで）
●アコーディオン
●トップへ戻るボタン
●ハンバーガーメニュー
　

▼デザインデータについて

Figma、XD、AI、PSD、エクセルでも対応可能です。
※理想はFigma、XDですと大変助かります。
　

▼納品方法

お客様の要望に合わせさせていただきます。
・Wordpressプラグイン　All-in-one WP Migration
・ファイル（ギガファイル便）
・FTPツール
・その他
　

▼動作確認

・Chrome、Edge、Firefox、Safari
・Windows10以降、iOS、Android

※すべて最新版に限ります。
※IE11は対応不可です。

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

Lancersでの販売実績がまだ無い為、
販売実績5件まで限定で6,000円～コーディング承ります！

安心してお取引いただけるよう、こまめな進捗報告や迅速なレスポンスを行います。

【サービス概要】
・HTML/CSS(Sass)によるコーディング
・JavaScript(jQuery)によるアニメーション
・レスポンシブ対応
・WordPress化
※デザインは承っておりません

【料金★★販売数10件までの限定価格★★】
・トップページ：6,000円（6,000pxまで）
　6,000pxを超える場合は1,000px毎に+1,000円
・下層ページ：6,000円/1p（6,000pxまで）
　6,000pxを超える場合は1,000px毎に+1,000円
・アニメーション：要相談
　（ホバー/ハンバーガーメニュー/アコーディオンは無料で承ります）
・デザイン無しのレスポンシブ対応
　1,000円/1p

【無料対応】
・レスポンシブ（デザインをご準備いただける場合）
・ファビコン（デザインをご準備いただける場合）
・OGP（デザインをご準備いただける場合）
・基本的なアニメーション（ホバー/ハンバーガーメニュー/アコーディオン）
・WordPress化
・納品前の修正対応（作業着手後の大幅なデザイン変更の場合は追加料金をいただく場合があります）

【サービスの流れ】
1.ご相談・お見積
　デザイン・ページ数等によりお見積りいたします。
2.契約
3.コーディング作業
4.ご確認・修正（修正回数制限なし）
5.最終確認・納品

【納品方法】
・zipファイルの送付
・サーバーへのアップロード
他、ご希望の納品方法があればご相談ください。

最後までご覧いただきありがとうございます！
ぜひご一緒にお仕事させていただければと思います！

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

デザインの世界観を崩さずに、正確にコーディングすることを心がけております。
ピクセルパーフェクトにてお仕上げいたします。
デザイナー様や、コーディングの手が足りない制作会社様のお手伝いをいたします。

【こちらをお読みになりご注文をお願いいたします】

・対応デザインカンプはXD、Figmaとなっております。

・納品方法は基本的にファイルでのお渡しとなっております。（サーバーアップでの場合ご相談ください）

① デザインデータをいただき次第、作業開始。
　（XD,Figma,Ai,PSDに対応。
　　必要であれば打ち合わせ可能です。）

② HTML/CSS/JavaScriptコーディング。
　（どんなアニメーションにも対応可能。
　　WordPress組み込みまでも承っております。）

③ 品質チェック
　表示チェックやエラー確認、デバイス表示チェックを行い、
　品質チェックシートと一緒にご提出いたします。

④ 納品

★　WEBサイトのコーディングなら、お任せください！　★

• スマホ（レスポンシブ）対応込
• デザインを忠実に再現＆正しいマークアップで構築
• ホバーアクションの指定もOK！（また、デザインに合わせて”よしなに”作成いたします！）

■　納　期　■

納品目安は　１ページ５営業日～　になります。
以降、１ページごとに＋１営業日　追加で日数がかかります。
==========
例）５ページのサイト
５営業日 + ４ページ×１営業日 ＝ ９営業日前後（約２週間程度）
==========
※サイトの構成によっては上記より早く構築可能な場合がございます。
==========

■　サ　ー　ビ　ス　■

・納品前の修正は３回まで無償！
　※大幅な修正は別途料金がかかる可能性がございます。
　※超過分に関しましては別途料金を見積り＆請求させていただきます。

・サーバーへのアップロード
　FTP情報をいただければ、アップロードまでさせていただきます。
　※サーバー契約・ドメイン取得に関しては、お客様でお願いいたします。

・アフターフォロー（納品後10営業日以内）
　納品後、こちらのミスでデザインと異なる箇所があれば無償にて対応いたします。
　また、できる範囲位でご質問にお答えさせていただきます！

■　注　意　事　項　■

• セキュリティ面での観点から、自作メールフォームは対応しておりません。WordPressのプラグインもしくはmailformProを使用させていただきます。
• Internet Explorerは、サポート終了に伴い対応しておりません。

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

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

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

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

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

▼制作の流れ

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

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

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

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

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

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

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

▼下記ご提供いたします。
・HTML CSS jQueryでのコーディング
・保守運用しやすいCSS設計
・デザイナー様のデザインを尊重
・タブレットサイズも考慮した320pxまでのレスポンシブ対応
・WordPress導入、構築、改修
・独自のチェックリストでの品質確認

（開発環境）
・gulpの環境構築
・GitHubでのコード管理

▼下記お約束します。
・品質確認済みの制作物の納品
・分かりやすさを意識した確認、報告、相談
・ユーザビリティーを考えたご提案

▼制作内容の詳細
・静的コーディング（1ページ〜）
・スライダー、スムーススクロール、アコーディオン、ハンバーガーメニュー　などの実装
・ご希望のhoverアニメーション（なければこちらで適宜対応します）
・お問い合わせフォームの実装（内容の応じて別途お見積り）
・WordPress化（内容の応じて別途お見積り）

---お申し込みの流れ---
step1　「見積もり、カスタマイズの相談に進む」より、依頼内容をお聞かせください。
step2　納品日やお見積りの詳細をご案内
step3　問題なければご発注
step4　デザインデータをお預かり
step5　制作
step6　テストサーバーにてご確認（ページ数が多い場合まずはTopページから随時ご確認）
step7　修正などがあれば対応
step8　納品

---実績---
経歴
コールセンターの運営に12年従事
ブログ運営
フリーランスのWebサイト制作活動を開始

現在3社の制作会社様より委託を受け制作しております。
個人事業主様からの直依頼も経験しております。

「対応が早い」
「コミュニケーションがわかりやすい」
「こちらの意図を読み取ってくれる」
などのお声をいただきました。

---私の姿勢---
お付き合いいただく方すべてに対し、
「この人に依頼して良かった」
と思っていただけるような、お仕事を心がけております。

スムーズな連絡はもちろんのこと、説明は分かりやすくがモットーです。

『ご依頼者様とそのお客様の未来に関わっていくこと』
その一員として、誠実に対応して参ります。

ご不明点がありましたら、
お気軽にお問い合わせください。

業務内容

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

◆こんな方にオススメです

デザインはできるけどコーディングが苦手

コーダー不足で外注先を探している制作会社

コーダーのパートナーを探しているデザイナー

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

HTML／CSSコーディング
レスポンシブ対応
画像、CSSファイル、JavaScriptファイルの圧縮
テスト確認用サーバーの設置（こちらで用意）
アフターフォロー（納品後2週間以内）
→表示崩れの修正は無期限で無料対応いたします。

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

スマホ用デザインカンプがない場合のレスポンシブ対応：合計金額の30%を加算
アニメーションの実装（一部無料、ご相談ください）：5,000円〜
お問い合わせフォームの実装：17,000円〜
　静的の場合は「PHP工房」のメールフォーム使用を想定しております。

◆納期

4日程度〜で納品が可能です。
※稼働状況や実装内容により変動します。

◆納品までの流れ

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

◆お見積り参考例

【長さ10,000pxのランディングページコーディング例】
・ページ長さ10,000px：20,000円
・ページトップボタン：無料
・ドロワーメニュー(ハンバーガーメニュー)：5,000円
参考価格：25,000円

※WordPress導入も含む場合はプラス44,000円〜

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

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

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

全てお任せください！！

・コーダーの経験年数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


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

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

最後に

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

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

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

本サービスは、コーディング代行サービスです。
WordPressでのサイト構築、LPコーディングのご依頼先をお探しの方は、ぜひお気軽にご相談ください！

■ サービス詳細について
＜基本メニュー＞

[ 内容 ]
TOPページ：20,000円〜
・HTML / CSS コーディング
・CSSアニメーション
・画像圧縮による表示速度最適化
・テスト環境におけるデザイン確認URL提供
・WordPress化
・SEOコーディング

＜オプションメニュー＞
下層ページ追加：10,000円〜
お問い合わせフォーム設置：15,000円
カスタム投稿設置：15,000円〜
カスタムフィールド設置：15,000円〜
サイト公開後の諸設定：15,000円
スマホデザイン忠実再現（デザイン再現のための工数時間が別途必要な場合）：10,000円〜
JavaScriptアニメーション：3,000円〜※要相談

■ 本サービスの魅力

・現役プロコーダーによるコーディング。再現クォリティには自信があります。
・SPデザインデータ作成不要！PCのデザインデータのみでオールデバイスレスポンシブ化
・SEOコーディング(内部SEO対策)無料
・WordPress化無料、カスタム投稿なども対応可能

■ 納品までの流れ
①ヒアリング
(デザインデータのご提示をお願いいたします。)
↓
②お見積もり提出
↓
③ご購入
↓
④デザインデータのご入稿
↓
⑤制作開始
↓
⑥テストアップ
↓
⑦研修・修正対応
↓
⑧データ納品 or サーバーUP

■納期について

＜基本メニュー＞のみ（TOP１ページ）ですと1週間ほどでの納品が可能です。
※ 現在ダブルワークのため、基本的に夜間稼働となります。
※ 稼働状況や複雑なデザインの場合、納期が変動する場合がございます。詳細につきましては、お気軽にお問合せください。

■ご用意いただきたいもの
・デザインデータ（※1）
・サーバー / ドメイン（※2）
・テキストデータ

(※1) PCデザインのみでレスポンシブ化致します。SPデザイン有りの場合、完全再現のための工数時間が多く掛かると判断した場合、別途費用を頂戴しております。
(※2)サポートが必要でしたら、お気軽にご相談ください。

■ご注意いただきたい点
・コーディングルールは当方のルールに基づいて記述いたします。
・原則、デザインは校了したものをご準備ください。ご入稿後のデザイン変更は致しかねますのでご了承ください。
・納品後は実績として公開させていただく場合がございます。実績として掲載不可の場合、メッセージにてお知らせください。
・出来得る限りのデザイン忠実再現を心がけておりますが、ピクセルパーフェクトでのコーディングは出来かねる場合がございます。気になる方は、過去実績をご提示いたしますので、メッセージにてお知らせください。

■ 修正について
誤字脱字、表記崩れなどは無償対応しております。
追加修正につきましては別途費用をいただきます。
詳しくはお問い合わせください。

本商品はWEBサイトのコーディングの代行をいたします。
現役WEBエンジニアが、しっかりとご対応いたします。
ぜひお気軽にご連絡ください。

〜〜こんな方におすすめ〜〜
『デザインはあるのでコーディングのみ外注したい。』

その悩み解決します。
・デザインのみに集中したいWEBデザイナーの方
・コーディングを業務委託したい方
・定期的な発注をかけたい制作会社様

全業務真剣に、全身全霊を持って取り組みます。喜んでいただけるサービスを提供いたします。

〜〜お値段〜〜
※実績とランサーズの流れを知るため期間限定で安く提供しております。
・TOPページコーディング　10,000円~
・下層ページコーディング　8,000円〜 / 1 page
・LPコーディング　20,000円〜
・アニメーション　要相談

※上記の値段は目安のため、お見積り時に変動する場合がございます。
デザインの内容、ページの長さによって異なります。
※レスポンシブも価格に含まれます。

修正や部分コーディングも対応可能です。

〜〜対応可能データ〜〜
・Photoshop 、Illustrator、Figma等
※上記に合わせてJPEGもしくは、PNGの画像データをお願いします。
※ Illustratorの場合はリンク画像も添付（もしくは埋め込みで）お願いいたします。

〜〜納品までの流れ 〜〜

① ヒアリング・お見積もり
② ご契約
③ デザインデータお預かり
④ コーディング
④ ご確認・修正
・気になる点がある場合、可能な限り修正対応いたします。
※軽微な修正は修正回数に関わらず追加費用はございません。
※テストアップが必要でしたら、テスト環境はご用意可能です。
⑤ 最終確認・納品

〜〜納品形式 〜〜

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

〜〜注意事項 〜〜

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

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

＼＼　デザインに忠実なHTML・CSSコーディングを承ります。　／／

■私について
現役Webコーダーのゆりと申します。
見ていただいてありがとうございます！
画面幅が変わった際の画面崩れが気になる細かい性格です。
丁寧且つ謙虚な対応を心がけており、
下請けやお客様という関係より、同じ制作物を作る仲間だと思って仕事をしたいと思っています！

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

■納期について
納期を早めることも可能でございます。（追加料金有）

まずはお気軽にご連絡いただければ嬉しいです！

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

人手不足解消にお役立ていただければと思います。

まずはお気軽にお声がけください！

自己紹介

現在はランサーズ外からのご依頼がほとんどですが、複数の制作会社様から継続してご依頼いただいているWEBコーダーです。

【制作歴】

• HTML/CSSコーディング ー 10年
• Javascript ー 10年
• Wordpressー 7年
• Shopify ー 5年

【継続中クライアント様】

• Web開発/制作会社様A（5年）
• Web開発/制作会社様B（5年）
• Web制作会社様C（2年）
  など

対応内容

• 静的コーディング（1ページ〜複数ページまで対応できます）
• Wordpressオリジナルテーマの構築
• Wordpress既存テーマの改修
• Shopifyオリジナルテーマの構築
• Shopify既存テーマの改修

制作の流れ

1. コーディング内容の詳細の打ち合わせ。
   ※齟齬がないように細かくお伺いしますので、ご容赦ください。
   ↓
2. 見積もりとスケジュールの提出
   ↓
3. デザインデータの受領
   ↓
4. コーディング
   ↓
5. テストアップページのご確認
   ※テキスト修正/画像の差し替えは無料対応。
   ※デザイン変更/仕様変更による修正は別途費用がかかる場合があります。
   ↓
6. 納品（サーバーへのアップ・もしくはファイルの送付）

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

【まずはじめに】

数あるページの中からこちらのページをご覧いただきありがとうございます！
Webコーダーをしている「うみ」と申します。

Lancersのスキル出品をこの度はじめてみることにしました！

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

・コーディング,WordPress構築を外注できるパートナーが欲しい
・Lancersで募集かけると応募が多すぎて誰に頼めばいいのか分からない
・どれくらいのスキルがあるのか分からなくて外注できない
・デザインはできるけどコーディングが苦手
・コーダー不足で外注先を探している制作会社様
・コーダーのパートナーを探しているデザイナー様

などなど

【　料金　】

Topページコーディング：30,000円〜
下層ページコーディング：15,000円〜
WordPressオリジナルテーマ制作：80,000円〜

基本的に上記金額でお受け可能です。
*ボリューム・機能によって変わってきますので、まずはご相談いただければと思います。

【　サービス内容　】

・HTML, CSSコーディング
・JavaScript, jQueryによるアニメーション実装
・WordPressテーマの編集
・WordPressオリジナルテーマの作成

【　制作の流れ　】

①　ヒアリング・お見積もり
↓
②psd・ai・XD・figmaでのデザインデータをお送りいただきコーディング作業開始
静的サイトもしくは静的サイトのWordPress化（オリジナルテーマ）で承ります。
↓
③トップページご確認・修正
↓
④トップページ問題なければ下層ページコーディング開始
↓
⑤2、3ページ毎にご確認・進捗報告
↓
⑥テストサーバーでご確認
↓
⑦上記ご確認後→修正→再度テストサーバーへアップロード
↓
⑧納品
・zipファイル納品
・WordPressへのマイグレーション
・FTPツールを使用してサーバーへの納品

【　当サービスの強み　】

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

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

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

・ご連絡は基本即返信させていただいております
遅くても半日以内には必ず返信いたします。

当サービスにご興味を持っていただき、ありがとうございます！

デザインはできるけどコーディングが苦手なデザイナー様、安心して頼めるコーダーが不足しているディレクター様、コーディングを代行します！

コーディング・WordPress構築をメインに、制作会社様と継続的にお取引させていただいていますので、スキル面はご安心ください。

＜当パッケージでの対応内容＞
・ホームページ・ランディングページのコーディング
・JavaScript / jQueryを用いた簡単なアニメーション実装
・レスポンシブ対応
・Figma、Xd、Photoshopで作成のデザインデータに対応
・サーバアップロードでの納品対応可能

・ページの追加はオプションでの対応となります。
・スライドショー、モーダル、アコーディオンなどはオプション対応となります。
・お問い合わせフォームはオプション対応となります。
　
＜納品までの流れ＞
（１）DMまたは見積り・カスタマイズの相談にて、まずはお気軽にお問い合せ、ご相談ください。
（２）ご購入後、トークルームにて下記の＜ご用意いただくもの＞をご連絡ください。
（３）実装内容の詳細をヒヤリングさせていただきます。（メールベース or オンラインMTG）
（３）当方テスト環境にてコーディング。内容をご確認ください。
（４）気になる箇所、問題があれば、修正を対応致します。
（５）内容にご満足いだけましたら、HTML/CSSファイル一式をZIPファイルで納品します。
（※サーバーへのアップロードも対応可能です）

＜ご用意いただくもの＞
（１）デザインのデータファイル（psd/xd/Figmaファイルなど）
　　（＊レスポンシブ対応の場合は、スマホ版デザインもご連絡ください。無い場合も対応可能。ご相談ください。）
（２）使用する画像
（３）リンク先などの情報
（４）コーディングのルール（必要であれば）
（５）ご希望納期

＜注意事項＞
・検証ブラウザは、GoogleChrome、Edge、Safari、FireFoxです。

依頼を出すと、応募が殺到して誰に依頼するか決めるの大変じゃないですか？

スムーズにWEBサイトのコーディングをご依頼するならおまかせください。
WEBサイトのデザインをいただけましたらご対応させていただきますのでお気軽にご相談ください。

【作業内容】
・デザインをもとにコーディング作業。（レスポンシブ込み）
・レスポンシブ対応
・動きのあるサイト対応（JavaScript/jQueryを使用)。
・問い合わせフォームの追加（簡単なPHPを使用した実装になります。）
・コーディング後のWORDPRESS化も可能です。

【納期について】
日中は本業をしており、空いた時間での作業となります。
その為、平日の1日2時間~3時間、土日の休みにまとまった時間で在宅ワークしております。

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

その為、納品期限が短い案件に関してはご要望にお応えできない場合もございますので、お急ぎの方にはおすすめできないと思います。

出来る限り、寄り添える丁寧な対応、あなたのお役に立つ為のコーディングを心掛けて取り組ませていただきます。どうぞよろしくお願いします。

本パッケージはホームページのコーディング、WordPressコーディング・カスタマイズのサービスです。
ただ作るだけじゃない！作業スピードと品質を最重要視したコーディングを行います。

【業務内容】

当社のコーディング代行サービスでは、静的サイトコーディングからWordPress導入まで、お客様のニーズに合わせた幅広いサービスを提供しております。
全プランに共通するものとして、内部SEO対策、表示スピードを意識した高品質なコーディングを実施いたします。
基本的なプラグインのコードで表現できるアニメーションは無料で対応いたします。
プレミアムプランでは、オリジナルテーマ作成やカスタマイズも承っておりますので、お気軽にご相談ください。

【こんな方におすすめ】

・Webサイトを作成したいが、コーディングに不慣れである方
・自社でWebサイトを作成するには時間・技術的なリソースが不足している方
・新規事業を始める方
・Webサイトのリニューアルを考えている方

【ご購入後の流れ】

お問い合わせ
ご希望内容のヒアリング、お見積もり提出
契約締結、入金確認
コーディング開始
納品、ご確認いただき、ご指摘いただいた箇所の修正
最終納品

料金、納期について

ベーシックプランは最短2日で納品いたします。
ページ数、仕様、ボリューム・デザインなどで変動しますので、お見積もり時にお伝え致します。

【料金が追加となる例】
・スマホデザインがない
・PC、スマホでレイアウトが大きく違う
・作業ボリュームの多いアニメーションの実装
・静的サイトでのお問い合わせフォームの実装
など

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

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

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

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

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

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

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

□サービス内容
LP・HPを制作いたします。
お客様からいただいた＊デザインデータをもとに、忠実にサイトのコーディングをしてお渡しいたします。
＊XD、Figmaに対応しております。

・HTML、CSS（Sass）を用いたコーディング
・Wordpress構築
・レスポンシブ対応
・＊簡単な動き対応

＊ハンバーガーメニューやアコーディオン、フェードインアニメーションなど。

ホームページのコーディング作業を請け負います。
まずは内容をご相談頂き、内容確認致します。
仕様書など事前情報を頂ければ幸いです。
内容によってはお受け出来ない場合もありますがご了承下さい。
TOPページ含む５ページまでの参考料金となっております。
必要な画像などはご準備お願い致します。
ワイヤーフレームの情報などもご相談時にお願い致します。
ワードプレスでも対応可能です。

３日で完成まで仕上げる予定ですが、内容によっては納期が早まったり、遅延したりする場合がございますのでご了承下さい。