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

こんな方におすすめのサービスです

「デザインはあるから、コーディングだけお願いしたい！」
「時間がないので実装はまるっとお任せしたい」
「早いレスポンスで円滑に進めたい」

そんな方にぜひお力添え致します！

当サービスの特徴

■XD / Figma / photoshop / illustrator 等、どのカンプでもご対応
■スマホやタブレット等のレスポンシブ対応付き

☆ランサーズ参入記念で、通常よりお安くご提供させていただきます！

制作の流れ

①ヒアリング（イメージの共有やデザインのご確認)　
②お見積もりをご提示
③コーディング開始
④完成品の確認・修正(デザイン変更による修正は3回まで無料です)
⑤最終確認、データ納品

お客様ご自身で更新作業もされたいという方は、WordPressを用いた開発も可能です！
お気軽にご相談ください！

ホームページの静的コーディングを承ります。

サービスを閲覧いただきありがとうございます！
デザインされたサイトを忠実にコーディングさせていただきます。
コーディングがどうしても難しいデザインに関しては、事前にご相談させてただきます。

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

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

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

ご覧いただきありがとうございます。
こちらのサービスでは、HTML/CSS/JSで制作するシンプルな静的ページや、
WordPress・Shopifyなどを導入したサイトの制作を承っております。
客様のご要望をもとに、コンテンツに沿ったご提案をさせていただきますので、まずはお見積もりからお願いいたします。

ご対応範囲(プラン共通)

• ワイヤーフレーム制作(リテイク2回まで)
• デザイン制作(リテイク2回まで)
• コーディング
• テストアップ
• PC・SPレスポンシブ対応
• ファビコン・OGPの設定(画像はご用意ください)
• キーワード・ディスクリプションの設定(テキストはご用意ください)
• 解析タグの設置(解析タグをご用意ください)
• コーディングファイル一式をZIP納品orFTPアップロード

プラン詳細

ベーシック
HTML/CSS/JSでの静的ページを制作いたします。
LPやティザーサイトの制作依頼はこちら。

作業内容：6000px程度のシンプルな静的ページを制作
制作ページ数：TOP1ページ(ページ追加はご相談ください)
料金：18,000円〜
納期：7営業日〜

スタンダード
WordPressやShopifyなどを導入したWebサイトを制作いたします。
ブログやポートフォリオ・コーポレートサイト、オリジナルグッズ販売ページなどの制作はこちら。

作業内容：WordPressやShopifyなどを導入したWebサイトの制作
制作ページ数：

• WordPressの場合
  TOPページ+投稿一覧1ページ(カテゴリー・ソート機能なし)+記事ページ
• Shopifyの場合
  TOPページ+商品一覧1ページ(カテゴリー・ソート機能なし)+商品ページ
  (ページ・機能追加はご相談ください)
  料金：35,000円〜
  納期：7営業日〜

プレミアム
複雑なカスタマイズを必要とするWordPressサイトや、大掛かりなアニメーションのあるサイト制作。
できるだけご自身で更新していきたい・世界観を重視したWebサイトを制作したい場合はこちら。

作業内容：要相談
制作ページ数：要相談
料金：85,000円〜
納期：14営業日〜

有料オプション例

下層ページ1ページ追加 3,000円〜
メールフォームの設置 10,000円〜
WordPressカスタム投稿の追加 5,000円〜
WordPressのカスタマイズ(カスタムフィールド・カテゴリーソートなど) 8,000円〜
404ページのデザイン・実装 3,000円〜
デザインデータの納品 10,000円〜
特急料金 要相談
など

ご利用の流れ

1. 制作したいサイトの内容や、ページ構成、希望のリリース日などを添えてご相談ください
2. こちらでご相談内容を確認のうえ、料金のお見積りをいたします
3. お見積りに問題がなければ素材などをご共有いただきます
4. 当方でワイヤーフレームを作成し、コンテンツの位置などをお客様と一緒に決定していきます
   (リテイク2回まで)
5. ワイヤーフレームが固まったら、デザインを作成いたします
   (リテイク2回まで)
6. デザインが固まったらコーディングに入ります
7. 制作物をテストアップし、お客様にご確認いただきます
   (基本的な修正は無償で行いますが、機能追加やデザイン変更が発生した場合は追加料金を頂戴いたします)
8. テストアップでの確認が完了しましたら、本番公開orZIP納品いたします

ウエブヤの稼働時間帯

基本的に、平日11時〜20時にご連絡の確認や作業をしております。
土日祝祭日はお休みとしておりますが、事前にご連絡いただければご対応可能です。

▼こんな方へオススメ

クオリティの高いサイトを作りたい！運用を考慮したサイトを作りたい！アクセシビリティに配慮したサイトにしたい！などご相談ください。
また、以前コーディング依頼をしたが期待した制作物が納品されなかったご経験のある方、満足させる自信があります！

▼納品物

HTML, CSS, jQueryのファイルをご提供
ご希望があれば SCSS, SCSS, pug, ejs などのテンプレートエンジンファイルの納品も可能です。

▼納品までの流れ

1. デザインカンプのご提供 (先方)
2. ページ作成時の考慮点などの確認 (先方・当方)
3. 制作開始 (当方)
4. 一次納品物を納品 (当方)
5. ご確認・FB (先方)
6. FB対応 (当方)
7. ご確認・FB (先方)
8. FB対応 (当方)
9. 納品 (当方)

▼金額・納期

デザイン、物量、アニメーション、JSの有無などで金額・納期などご相談させていただければと思います。

デザインデータがあるお客様のコーディングを代行いたします。
コーディングしたデータをお送りしてご確認いただき、よろしければ納品という形になります。

【受注から納品までの流れ】
①金額についてご相談
②了承頂きましたら、デザインデータを頂く
③コーディング開始
④出来上がった状態を確認いただく
⑤問題なければ納品で完了

【自己紹介】
愛知県名古屋市在住の25歳です。
Web制作は2年ほど前から行っており、会社に所属しております。
更なるスキルアップをするために本サイトに登録をしました。
20年間継続して水泳を行っているので、一つのことに対して情熱を注ぐことが得意です。やり抜く力も十分にあり、一切妥協ができない性格です。

Web系開発、4年目になります。

ページ作成、バグ修正には自信があります。
具体的な内容が定まっている場合には、
料金表に記載している期日よりも前倒して作業するように努めます。

まだまだ経験が浅い部分がありますが、精進していきたいと思います。

宜しくお願い致します。

◆おすすめの方
・ランディングページを新規作成する方
・既存のランディングページが古くなったので新しいデザインにリフォームしたい方

◆製作の流れ
① ランディングページのコンテンツやデザインの雰囲気を相談して決定します。
　(ご希望の雰囲気やデザインのサイトがございましたら事前にお知らせください。)
②デザインのたたき台を作成します。※修正は2回までになります
　(たたき台を作成後はデザインを大きく変更することはできません。カラー変更・画像の差し替え・テキストの追加/修正は対応可能です。その他の変更はご相談ください。）
③デザインにOK頂けましたらコーディング作業に入ります。
④テストサーバーにアップしたサイトをチェックし、納品となります。

　中小企業の皆様のイメージアップや効果的な告知のために、また痒いところに手がとどくようなサービスを提供できるように、日々尽力しております。
　新規サイトやリニューアルなど、業種を問わず幅広い制作実績がございます。
まずはお気軽にご相談ください。

ごあいさつ

この度、数ある中からサービスの中から見て下さり、
ありがとうございます。

私、コーディング・WordPress構築をメインに
Webサイト制作専門のコーダーとして活動しております
「なかがわ」と申します。

現在、制作会社様2社さまとフリーのディレクター様と
業務提携を結ばせていただき、お仕事をさせていただいております。

私がご提供できること

ーーーーーーーーーーーーーーーーーーーーーーーーーー
公開前終盤の細かい修正や、追加のコーディングなど
クライアントのこだわりにとことん寄り添って、
何度も、何度も、何度でも、スピード対応でお応えします！

初稿2日前、納品1日前で制作サイトを
お渡しさせていただきます！
もちろん品質も、しっかり仕上げます！

短い納期のご依頼には、睡眠1〜3時間！！
お客様の人生を背負って、ご対応しますので、
安心してお任せ下さい！
ーーーーーーーーーーーーーーーーーーーーーーーーーー

サービス内容

・静的コーディング
・LPのコーディング
・レスポンシブ対応
・アニメーションの実装
・WordPress構築

スキル

■HTML/CSS / Sass（DartSass）
・デザインを忠実にコーディングいたします。
・CSS設計手法（BEM・FLOCSS）を使用した保守性の高いコーディングを
　実装することで、追加・修正をしても崩れにくいコードを提供いたします。
・画面幅を変更しても、各デバイスで表示崩れが無いように
　レスポンシブ対応いたします。

■jQuery / JavaScript
　jQeruyやJavaScriptプラグインを用いたアニメーションの実装
　モーダル、アコーディオンやスライダーなどを用いて、
　サイトに躍動感をもたせることができます。

■Gulp
　タスクランナーを使用して、煩雑な業務を自動化することで、
　納期を短縮することが可能です。

■WordPress
　オリジナルテーマの構築、カスタマイズ。
　お問い合わせページの実装や、
　カスタム投稿、カスタムフィールドを使用した実装により、
　お客様のご要望に寄り添った唯一のWebサイトを構築する
　ことが可能です。
　
■Photoshop
　画像の加工やトリミングなど、かんたんな業務であれば可能です。
　細かな業務でもお任せください。

ご依頼からの流れ

①「まずは相談する（無料）」より、ご依頼内容を詳しくお聞かせください。
　納期の日程や、具体的なお見積りをさせていただきます。

②事前のお打ち合わせ
　ご契約前に仕様の相違がない様に事前にお打ち合わせをいたします。

③ご契約・作業着手
　デザインデータ、写真やテキストなどの素材データをお送りください。
　進捗状況はチェックシートを共有させていただきます。
　こまめにご報告をしながら、一緒に制作を作り上げていきます。

④ ご確認（テスト環境）
　 コーディング完了後、品質チェックを行い、ファイルとチェックシートを
　送らさせていただきます。

⑤ 修正
　ご確認をいただき、修正箇所があれば対応いたします。
　※大幅なデザイン変更は追加料金をいただく場合がございます。

⑥ 納品
　 修正が完了いたしましたら、zipファイルデータを納品いたします。
　 サーバーへのアップロードも対応可能ですので、
　お気軽にご相談ください。

ーーーーーーーーーーーーーーーーーーーーーーー
どんな小さなことでも、お気軽にご相談ください。
丁寧にご対応をいたしますので、安心してお任せいただければと思います。

HTML / CSS / JavaScript のコーディングを代行し、ご支給のデザインデータを明快なコードで正確に再現いたします。
デザインデータは、Figma / Adobe XD / Sketch / Adobe Illustrator でのご支給に対応します。

Webサイト制作会社様はもちろん、Web制作の経験が少ないデザイン事務所様など、デザインワークを Webメディアに広げたい企業様もお気軽にご相談ください。
グラフィックデザイナー様からのご依頼案件も実績が多数ありますので、デザインデータ制作に際してのご質問に、ガイドラインをお示ししてお答えできます。

貴社の Web制作プロジェクトをお手伝いできればうれしいです。
具体的な案件について、お気軽にご相談ください。お問い合わせをお待ちしております。

［対応業務］
・HTML / CSS / JavaScript コーディング
・WordPress でのCMS構築 / カスタマイズ
＊ その他 Webサイト関連業務については、別途ご相談ください。

［対応デザインファイル形式］
・Figma
・Adobe XD
・Sketch
・Adobe Illustrator
＊ Aiでの支給の場合は、PDFファイルを添付してください。

［対応コミュニケーション手段］
・Lancers メッセージ
・Slack
・ChatWork
＊ 継続的なパートナー関係の構築後、Eメールや携帯電話などでのコミュニケーションや、Zoom などでのオンラインミーティング、対面での打ち合わせ（名古屋市・近郊）も可能です。

［料金について］
基本料金の金額及び納期は目安です。
詳細な要件を確認後、正式な見積もりをご提案いたします。

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

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

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

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

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

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

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

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

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

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

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

▼ こんな方へおすすめ
・デザインデータはあるけど、コーダーがいない
・デザインデータに忠実にコーディングしてほしい

▼ 提供内容
HTML/CSSを用いた静的コーディング
(WordPressを用いた動的サイトの構築は別のパッケージにて提供しております)

▼ ご購入後の流れ
① デザインデータの確認
② 制作開始
③ 納品
※ ご希望であれば制作前にオンラインミーティングも可能です

▼ 納品方法
制作ファイルもしくはサーバーアップロード

この度はパッケージをご覧いただき、誠にありがとうございます。
既存サイトやLPの修正・更新を承ります。

サイト利用者がわかりやすい、使いやすいサイトの構築を目指しております。
責任を持って、大切なサイトをお作りいたします。

▼ こんな方におすすめ

• 修正・更新をする、リソースがない
• やり方がわからない

▼ お問い合わせから制作の流れ

①既存サイト・LPをもとに打ち合わせ
　基本はチャットでのやり取りで、必要であればビデオ通話を使用する予定です。
　その後、正式なお見積もり金額を提示いたします。

②仮払い
　お見積り金額にご了承いただけましたら、ご契約とさせていただきます。仮払いをしていただきます。

③素材の提供
　デザインカンプがございましたら、より作業がスピーディーに進められます。
　対応可能なツール
　・Figma
　・XD
　・Photoshop
　・Illustrator

④制作開始

⑤初稿提出・修正
　テスト環境のURLをお伝えいたしますので、そちらからご確認をお願いいたします。
　こちらでの修正は無償で回数の制限もなく対応いたします。

⑥本番環境にアップロード、納品
　FTPでの納品か、zip形式のファイルでの納品になります。

★★クオリティ・スピード重視のWeb制作、お任せください！（即日対応可）
コーディングを専門に行っておりまして、
コーディング歴は８年となり、大手企業（バンダイ様、ネスレ様、プジョー様）など400サイト以上の実績がございます。

★★こちらのパッケージ商品は下記のような方にお勧めしています。
・とにかく急いでコーディングしてほしい！
・素人や副業ではないプロのクオリティでコーディングしてほしい！
・すぐに連絡を取りたい！
・土日祝深夜問わず対応してほしい！

★★ご依頼の流れ
１．ヒアリング
　　コーディングの内容やスケジュールなどを確認させていただきます。
２．ご契約
　　上記ヒアリングにて工数を確認し、プランやオプションをご購入いただきます。
３．コーディングテストアップ
　　コーディングデータをご確認いただき、必要であれば修正等を行います。
４．納品
　　指定サーバへのアップロードまたはデータ送付を行います。

★★最後に
失敗が許されないお急ぎの時にはぜひご相談ください！
途中で連絡が途絶える、納期に間に合わない、そのような心配は一切ございません！
依頼してよかった！そう思っていただける自信があります。ぜひご検討ください。

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

デザインデータに忠実にコーディングいたします。
お気軽にご相談ください。

【基本サービス内容】
・HTML / CSS / JQueryを用いたコーディング
・レスポンシブ対応（スマホ・PC）

【オプション】
・下層ページ追加：10,000円~
・アニメーション（jQuery）追加：5,000円（1点）
・アニメーション（jQuery使用無）追加：3,000円（1点）
・お問い合わせフォーム追加：8,000円
・スピード納品：20,000円~

【制作の流れ】
①ご相談 ＊1
②ヒアリング
③お見積もり
④ご購入
⑤デザインデータの共有
⑥コーディング作業
⑦確認作業 ＊2
⑧修正
⑨納品(zip形式)

＊1 「見積もり・カスタマイズを相談する」より、ご依頼内容の詳細をお聞かせください。
＊2 テスト環境 Chrome / Safari / FireFox

【納期について】
■デザインデータをいただいてから最短5日程で納品いたします。
　ただし、作業量によって前後する可能性があります。

【その他】
■コーディング実績として掲載させていただくことがございます。あらかじめご了承願います。

ご不明な点がございましたら、お気軽にご連絡ください。
どうぞよろしくお願いいたします。

【実績】
https://kannagarae.com/
https://refill1710.com/

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

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

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

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

プログラミングのほうは本当に勉強中なので簡単なものを挑戦させてくれる人に限ります。パソコンもコードが入っているパソコンはないので買うまでに時間がかかります。
ですがWord・Excelができるパソコンはもっていますので是非たも任せてください。
動画編集のほうはスマホで行います。
よろしくお願いします。

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

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

内容

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

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

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

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

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

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

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

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

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

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

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

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

■サービス内容
ーーーーーーーーーーーー
・HTML/CSSを用いた静的なコーディング
・JavaScript(jQuery)を用いたアニメーション実装
（ハンバーガーメニュー、スライダー、アコーディオン等）
・レスポンシブ対応

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

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

・コーディング：3,000円（10,000pxまで）
※10,000pxを超える場合は、1000px毎に1,000円。
・アニメーション実装（スライダ―・ポップアップ・アコーディオン等）：
1カ所につき1,000円～
※ホバーアニメーション、ハンバーガーメニューは無料。（アニメーション内容によては追加オプション対応になる場合がございます）

※上記を基本料金として、デザイン内容によっては追加料金をいただく可能性がございます。

◆制作の流れ

１．ご相談よりお見積もり
２．デザインデータお預かり
３．コーディング
４．ご確認・修正
５．最終確認・納品

◆納品方法

・zipファイルの送付

WEB制作のコーディング代行サービスです。
「すべてのお客様に満足を」をモットーにお客様のご要望に全力で対応いたします！
ぜひお気軽にご相談くださいませ！

【　こんな方におすすめ　】

「デザインは制作できるけどコーディングをする時間がない」

・コーディング業務の外注先をお探しの方
・コーディングが苦手な個人webデザイナー様
・継続的にお願いできるパートナーをお探しの制作会社様

このような悩みを解決いたします！
ご満足いただけるように丁寧かつ柔軟な対応を心掛け、満足していただけるサービスを提供いたします。

【　料金　】

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

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

【　対応可能データ　】

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

【　納品までの流れ　】

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

【　納品形式　】

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

【　注意事項　】

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

※やり取りの間に１週間以上ご回答がない場合はキャンセルさせて頂く場合がございますのでご了承ください。（ご回答にお時間がかかる場合は、その旨をお伝え頂くようお願いいたします。）

ご満足いただけるように丁寧かつ柔軟な対応をいたします。
気になる点などがありましたら、お気軽にご相談くださいませ。

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

＼ 追加料金なし ／
HP・LPサイトのコーディングを一律15,000円でいたします！
（トップ1ページ、下層5ページまで）

サービス内容
ーーーーーーーーーーーーーーーーーーーー
・いただいたデザインデータをもとに、HTML/CSSを用いた静的なコーディング
・レスポンシブ対応（スマホのデザインが無い場合でもレスポンシブ対応可能です）
・簡単なアニメーションの実装（スライダ―・ポップアップ・アコーディオン等）
・無料の修正対応（3回まで）

◾️細部にこだわった丁寧な構築
・デザインに応じて適切なブレイクポイントを設定し、どのブラウザで見てもズレが無いように構築いたします。

◾️保守・運用を考慮したCSS設計
・保守や運用をし易いように、FLOCSSを用いたCSS設計をしております。
・SCSSで構築を行い、シンプルで管理のし易い記述をしております。

◾️丁寧でスピーディな対応
丁寧でスピーディなレスポンスや進捗の報告を徹底しております！

◾️納品方法
・zipファイル送付

サービスの流れ
ーーーーーーーーーーーーーーーーーーーー
1.　ご相談・ヒアリング
2.　デザインデーターお預かり
3.　作業開始
4.　ご確認・修正
5.　最終確認・納品

注意事項・サービスに含まれていないもの
ーーーーーーーーーーーーーーーーーーーー
・WordPressの構築は承っておりません。
・ピクセルパーフェクトでの実装やOGPの設定、SEO対策は実施しておりません。
・サーバーへのアップロードは行っておりません。
・大幅なデザインや内容の変更、受注時に指示の無かった追加の要望は対応致しかねます。
・通話でのお打ち合わせは行っておりません。
・制作物をポートフォリオに掲載させていただく場合がございます。
（掲載不可の場合はお申し付けください。）

★【Webデザイナー様、制作会社様へ】あなたのデザインをお任せください！
★ベトナムの高度IT人材があなたのWebサイトを忠実に再現します。

【こんなお悩みはありませんか？】
・デザインは用意してあるのでコーディングだけサクッと任せたい
・いつもお願いしているコーダーの手が空いていない

【初めての方へ】
当サービスはHPやLPなどのコーディングを専門にご提供します。
・お問い合わせフォームを追加したい
・テキストや画像を変えたい
・HPをネットに公開したい
など、ぜひお気軽にご相談ください。

相談（無料）はこちらからお気軽にどうぞ！
https://www.lancers.jp/profile/hasulab

価格
⚫︎HP、LPの画像、文言の修正、更新（１箇所）：3,000円

⚫︎TOPページコーディング or ランディングページのコーディング：20,000円
<<実績作りのため期間限定価格にて承り中です！>>
※長さによって変動いたします。

⚫︎ホームページのコーディング（TOPページ or ランディングページ + お問合せフォーム + 送信完了ページ）：30,000円

⚫︎ホームページのコーディング（TOPページ + 下層ページ5P + お問合せフォーム + 送信完了ページ）：100,000円

【ご依頼、お問い合わせ】
https://www.lancers.jp/profile/hasulab

現役のWEBデザイナーが対応します！
「デザイン作業だけに集中したい」「コーダーが不足している」などお困りごとがありましたら
是非お気軽にご相談下さい。

＜サービス内容＞
◎１ページ（レスポンシブ対応します）
◎PSDファイル、AIファイル、Figma、AdobeXDなどにてデザインデータの提供をお願いいたします。
（デザインからこちらで請け負う場合はお見積りとなります。）
◎納品方法はファイル納品、サーバへのアップロードどちらにも対応します
◎納品後の修正は３回以上はお見積りとさせて頂きます。（こちらのミス等はカウントしません）

＜制作の流れ＞
①ご依頼内容についてヒアリング
②お見積り
③ご契約
④お客様よりデザインデータのご提供
⑤コーディング
⑥お客様にてご確認・修正作業
⑦納品

＜私について＞
インハウスのWEBデザイナーとして10年間WEBデザイン＆コーディングを行ってきました。
LPやトップページ制作の他、ウェブ解析、SEO対策、ライティングの経験もあるため幅広くご相談に乗ります。
★スピード感　★メンテナンスのしやすさ　★ページの表示速度
を意識してコーディングを行います！

＜実績＞
実績に関しては、個別にお問合せ頂けましたらお伝えいたしますのでお気軽にお声がけください。

シンプルなwebページを安価で作成されたい方。
すでにデザイン済みのwebページの
コーディングを頼みたい方。
経験を積みたいのでできる限り安価でお仕事を引き受けさせいただきます。

こんな方にお勧め
・Webページを作成してほしい

どんな課題がある
・Webページの作り方が分からない

何を提供できるのか
・お客様が求める品質以上のWebページを作成します！

具体的な納品物
・1～10ページのWebページ

進め方
・進捗を随時報告しながら進めていきます。
・コミュニケーションを大事にします！
・どんなことでもお気軽にご連絡ください！

私の強み
・コミュニケーション能力
・情報収集能力

ホームページ制作をお願いしたい人向け。

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

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

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

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

下記対応可能です。

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

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

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

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

◽︎こんな方におすすめ
・デザインカンプはあるけどコーディングの手間を省きたい
・デザイナーとしてカンプは用意できるがコーディングまで手が回っていない
・ポートフォリオ制作で、コーディングだけを代行してほしい
・PC、スマホのみしかないデザインをよいように解釈してレスポンシブにしてほしい
・WordPressやstudioではできない演出をサイト上に実装したい
・特殊な実装をしているサイトを改良したい

◽︎対応範囲
・1ページ
・レスポンシブ(スマホ、PC)対応
・基礎的なSEO対策

◽︎対応技術
・HTML Living Standard
・CSS 3
・SASS(SCSS)
・JavaScript
・TypeScript

◽︎開発環境（ご指定がない場合）
・Astro.js
・Vite
・SCSS

◽︎制作のすすめかた
①カンプ確認、すりあわせ
デザインカンプを確認しながら、ヒアリングを行います。

②コード制作
カンプをもとに、コーディングを行います。

③最終確認、納品
確認していただいたのち、納品を行います。

この度は当商品をご覧いただきありがとうございます！
Webコーダーとしてフリーランスで活動しております、「あん」と申します。

▼サービス内容
・HTML/CSSを用いた静的なコーディング
・JavaScript(jQuery)を用いたアニメーションな実装（ハンバーガーメニュー／スライダー等）
・レスポンシブ対応
・静的サイトのWorepress化
・画像圧縮によるサイトスピード高速化

※大幅なデザイン変更については、別途料金が発生する場合がございます。

▼商品の詳細
・ホバーアクション、基本的なSEO対策（h1タグ、alt等）はコーディングに含みますので、オプションのご購入は不要です。
・デザイン内容によっては追加料金をいただく可能性がございます。

▼サービス購入の流れ

1. お客様のご依頼の詳細を伺わせてください。

2. お見積り、納品日を提示させていただきますので、問題がなければ発注及び仮払いをお願いいたします。

3. デザインデータ、画像等必要なものの送付をお願いいたします。

4. すべてそろいましたら、コーディングに入らせていただきます。

5. 完成品のご確認、修正の有無をお知らせ頂きます。修正は3回まで無料で対応いたします。

6. 最終確認後、納品いたします。（zipファイルにて納品）

閲覧していただきありがとうございます。
こちらはコーディング代行を提供するパッケージとなっております。

ランサーズでの活動を始めたばかりで、これから実績を築いていくため、
特別価格でのサービス提供をさせていただいております。
最後まで責任を持って対応させて頂きます！
お気軽にご相談ください！
　

◆以下の方にオススメ！

・デザインは得意でも、コーディングが不得手な方
・コーダーが不足し、信頼できる外注先を求めている制作会社
・長期的なパートナーとして協力できるコーダーを探しているデザイナー
　
　

◆基本料金に含まれるサービス

・HTML／CSSコーディング
・レスポンシブ対応
・各ファイルの圧縮
・アフターフォロー（納品後1週間以内）
※ECサイト、予約機能などには対応しておりませんのでご了承ください
　
　

◆納品までの流れ

1.コーディング、ご相談の内容、詳細のヒアリング
2.納品日と見積もりの提出
3.コーディング
4.ご確認、修正
5.納品
　
　

◆デザインのデータ形式について

・XD、Figma、Photoshop
その他データ形式についてはご相談ください
　
　

◆ 確認・納品方法について

問題ないようでしたら、
私のテストサーバーにアップロードして確認していただくこともできます。

・HTML、CSS、JSファイルのお渡し
・FTPサーバーへのアップロード
・Wordpressへの適応

　
　
以上になります。
不明点など、お気軽にメッセージください！

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

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

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

LP、コーポレートサイト等なんでも格安・高品質・スピーディにコーディングします
レスポンシブ対応、モダンコーディングで対応いたします。

「過去実績　クライアント評価」（10/28現在）
24件　★4.9

作業フロー
【要件インプット】
・動き、挙動、リンク先等共有
・デザインデータ共有
・テストアップ日、納品日決定
↓
【コーディング】
↓
【テストアップ】
・修正、指摘部分まとめ（★クライアント様）
↓
【フィードバック修正】
↓
【納品】
・zip形式、直接サーバーアップ

対応ブラウザ
・Internet Explorer 11 以降
・Microsoft Edge 最新版
・Mozilla Firefox 最新版
・Safari 最新版
・Google Chrome 最新版

■サービス出品経緯

【Webサイト制作を依頼したいが、時間と費用がかかる！とお困りではありませんか？】

スマホが普及した現在のWebサイト制作には、PCデザインだけではなくスマホデザインも
作成する必要があります。そのため、制作時間と費用が1.5倍～2倍程度かかってしまいます。

そこで、制作時間と費用を削減できる方法がないか思案し、当サービスを出品しました。

■サービス概要

当サービスは、【PCデザインからコーディング（スマホ・レスポンシブ対応）を行う】サービスです。
作成済のPCデザインをお持ちでしたら、スマホデザインの作成有無に関わらず、
スマホ対応のWeb制作が可能です。

※当サービスは、「静的サイト（WordPressなし）を前提とした構築」がメインですが、
　WordPress実装の案件も承っております。

　　　　　　　↓　↓　↓

▼【低価格・高品質】WordPress構築＋コーディング（スマホ・レスポンシブ対応）作業を承ります。
　https://www.lancers.jp/menu/detail/1239400

■サービス購入のメリット

【制作時間と費用を削減し、御社の宣伝や物品購入など他のモノに時間と費用をまわせます】

私はデザインとコーディングともに経験を積んできましたが、
コーディング（WordPress構築）をより得意としています。
そして、PCデザインからスマホ対応Webサイトの制作は70件以上こなしていますので、
ご要望どおりの制作が可能です。

少しでもご興味がある場合は、メッセージにてお気軽にご相談ください。

HTML/CSSでのHPの制作をさせていただきます！
小規模なサイトや、試しで安くページを作りたい！
と、いう方にオススメです。
お客様に満足いただくために何度でもやり直しを承ります！

ＨＴＭＬの更新、画像編集はお任せください。
ＨＴＭＬ＋ＣＳＳのコーディングは日々携わっておりますので、更新作業等は得意分野としております。
画像編集も１時間にかなりの量はこなせますので、更新作業を必要とされる場合はお声掛けください。
また、文章チェックやコードチェック等にも対応いたします。

スマートフォンがインターネットコンテンツの主流になる中、かつての簡単なＦＬＡＳＨコンテンツをうまく流用できないかというご相談が増えています。
ただの動画やスライドショーなどはｊＱｕｅｒｙや他のファイルに差し替えることができますが、今回のご提案は、HTLM上で展開していたスクリプトの伴うFLASHをHTML5とCANVASの機能を使ったスマホ対応のコンテンツにＦＬＡＳＨをコンバートするというご提案です。
Ｆｌａｓｈコンテンツをスキップして、スマホ対応のＨＴＭＬコンテンツの作成も可能です。

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

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

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

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

作成されたモックを元にwebサイトのコーディングを実施します。
3ページまでを承り、納品までは基本的に2週間を見積もっております。

お客様との話し合いを重ね、双方で納得をしながら進めていきたいと考えておりますので、
まずはお気軽にご連絡いただけますと幸いです。

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

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

当方、現在Web制作会社に勤務しており、HTML/CSS、JavaScriptを使用してWEBページをコーディングしております。
================
自己紹介
================
以下に簡単な経歴と自己紹介を記載しております。
https://www.lancers.jp/profile/tatsurouhayashi0120
================
基本サービス
================
・ご依頼者様からいただいたデザインデータ、テキスト、素材画像を用いて、コーディングいたします。

・基本的に「レスポンシブウェブデザイン」で対応いたします。
デザインデータがPCしかない場合、こちらでSP時の表示を調整することとします。
（SP時カラム系は段落ちさせる、SP時ボタン幅は横幅いっぱい、など）

・ページTOPへ戻る、アンカーリンクのスムーススクロールが必要であれば無償で対応します。
その他のアニメーションや、クリックしてのイベントなどは別途料金にて対応いたします。

・お問い合わせフォームに関しては設置のみとさせていただきます。
その後の入力データの扱いに関しては、ご依頼様のシステムの調整になるかと思いますのでご了承ください。

・アフターフォロー（納品後2週間以内）
納品後、こちらのミスでデザインと異なるものや、コーディングが間違っているというものであれば無料修正させていただきます。
================
納品方法
================
・制作ファイルをzip化して納品いたします。
================
基本料金外対応
================
・IE対応
（IEは2021年8月17日にサポート終了なのと、現在開発を終了しているため別途料金対応となります。）
・JavaScriptやjQueryを多用する対応。
（ページTOPへ戻る、アンカーリンクのスムーススクロール以外の対応）
・アフターフォロー経過後の修正対応

ランサーズ初受注のため特別価格で提供中です。

▼作業内容
・HTML、CSS、JavaScriptを用いたコーディング
・LP全体の修正とご提案

▼オプション
・デザイン+5,000円〜（＋1週間〜）

ブートストラップに限らず、
ウェブページのＳＰ対応（スマホ画面、レスポンシブ）を作成致します。
1発注につき1ページでお願いします。
念のため、納期は10日にしてりますが、難易度によりますので、
かなり早くできる場合がございます。

【サービス内容】
・HTML/CSSを使ったコーディング

【使用言語】
・HTML
・CSS
・場合によってはJavaScript(jQuery)

【使用ツール】
・AdobeXD

【稼働時間】
平日休日問わず1日5~6時間程度です。

【納期】
余裕をもって少し長めに提案させていただいております。しかし、ご連絡いただいたら即座に制作に取り掛かり、できる限り早く納品するよう努めます。

【費用】
Lancersに最近登録したこともあり、まずは実績を作ることを目的としているので、相場よりも格安で承りたいと考えております。

【自己PR】
納期を守ることはもちろん、丁寧なコミュニケーションを心がけております。
最初の打ち合わせに加えて、作業中も2~3日に一回進捗状況を報告することで、お客様との認識の相違を減らし、納品まで責任を持って対応いたします。

また、私のポートフォリオサイトのURLを以下に記載しますので、ご覧いただけると幸いです。「WORKS」にデザインカンプからコーディングしたサイトを掲載しております。

http://tomtomlog.com/

ご連絡いただければ、すぐに対応できる態勢を整えておりますので、どうぞよろしくお願いします。

フリーのwebエンジニアとして大手企業から個人サイトまで多数のサイト制作をおこなっております。

コーディングでお困りのことがある方や、サイト改善のヒントを探している方がおりましたら、ぜひお声がけください。

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

デザインを頂戴し、コーディングしたサイトデータを納品いたします。
まずはお気軽にお問合せ、見積もりをご相談ください！

●作業内容
・デザインに基づくHTML/CSSを用いた静的コーディング（1ページ〜複数ページ）
・レスポンシブ対応
・簡単なJavaScriptの動的実装（スライダー、トップに戻る、アコーディオン、ハンバーガーメニューなど）

●対応が難しいもの
・高度な動きのあるJavaScript
・WordPress化

●料金表
実績がないため、格安にてサービスをご提供いたします。
・トップページ、下層ページのコーディング：1,000円～/ 1ページ
・LPのコーディング：1,000円～
・レスポンシブ対応：無料
・JavaScriptの機能実装：1,000円～ / 1点

●制作の流れ

1. ヒアリング&お見積り
2. お客様からデザインのご提供
   ※Adobe XD, Photoshop, Illustratorのデザインを基にコーディングします
3. コーディング＆テスト
   ※テストはMacで「Chrome、Safari、Firefox」の各ブラウザと、スマホ実機での確認はiPhone12で「Chrome、Safari」にて確認します。
4. ご確認＆修正（納期期限前に可能な限り余裕を持って確認依頼をさせていただきます）
5. 最終確認＆納品
   ※納品はzipファイルでご提供します。

●納期
作業量によって異なりますが、基本１〜2週間ほどお時間いただいております。
ご希望の納期がある場合はご相談いただけますと幸いです。

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

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

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

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

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

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

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

セミナー・ライブコーディング経験のあるコーダーが担当いたします！

安心してお任せください！

☆★こんな方におすすめ★☆

・Web制作会社様
・Webマーケティング会社様
・ブランディング会社様
・デザイナー様
・既にあるデザインをWebページに再現してほしい方
※デザインからでもご対応をご検討の方へ。
デザイナーとパートナー提携していますのでデザインから一貫して品質を担保いたします！

今後継続的にお願いしたい方などおすすめです。

◆◇-- サービス内容 --◇◆

1. 静的コーディング
   　└ スマホ、タブレット、PC対応

2. LPコーディング

3. WordPressによるCMS構築（オリジナルテーマ開発）
   　└ カスタムフィールド
   　└ カスタム繰り返しフィールド
   　└ カスタム投稿
   　└ お問い合わせフォーム設置

4. アニメーション
   　└ スライダー実施（swiper、slickどちらも可）
   　└ スクロールアニメーション

5. お問い合わせフォーム設置

6. 修正作業（詳細をヒアリングしたのちお見積もりいたします）

※その他の実装内容はご相談くださいませ！

◆◇-- 業務進行 --◇◆

・FLOCSS記法を用いたCSS設計を意識したコーディング
・Gulpを用いた業務効率化
・Gitでのソースコード管理
・モバイルファーストのコーディング
・rem指定のコーディング可
・品質チェック（主要ブラウザ対応）
・ テスト環境の構築

◆◇-- 実績 --◇◆

・不動産会社様
・飲食店様
・某県所有のスポーツ施設
・ランディングページ複数
・その他

◆◇-- 私が意識しているところ --◇◆

「安心して任せられる人」
「連絡、対応が早い人」
「気持ちよくお仕事ができる人」

まずはお気軽にお問い合わせください！
上記以外で実装希望の内容がありました見積もり依頼時に記載していただけますと幸いです。

◆◇-- 当サービスの強み --◇◆

❶ 安心してお任せできる外注先
　 人手がたりない！けど安心して任せれる業者がいない・・・
　 ぜひお任せください！
　 お客さまの安心してお任せできる外注業者としてお手伝いいたします！

❷ 高品質な制作物
　 丁寧なお仕事と品質チェックシートを使用したセルフチェックで
　 お客様のお手間をとらせない作業で高品質な制作物を納品いたします。

❸ お急ぎ案件も対応可能！
　 お急ぎの案件もご対応可能ですのでまずは一度ご相談ください。

❹ デザインからまるっとお任せ！
　「デザインからまるっとお願いできる人がほしい」
　 お客様が別業務に集中できます様デザインからお任せも可能でございます。
　 デザインは信頼のできるパートナーデザイナーが対応いたします。
　 クラウドソーシングで探すことはありませんのでご安心ください。

◆◇-- 契約の流れ --◇◆

① ページ構成・アニメーション・仕様をヒアリングしてすり合わせ
　 ご契約前に仕様の相違がない様に事前にお打ち合わせをいたします。
　 作業量、納期を決めたのちお見積もり額をお伝えいたします。

② 作業着手
　 進捗状況は共有しつつ実装上の問題などございましたら
　 すぐご連絡いたします。
　
④ 品質チェック
　 こちらで用意しています品質チェックシートを元に品質チェックいたします。

⑤ 修正（3回まで無料対応）
　 全ページが完成した段階で初稿を提出します。
　 この時点で修正などございましたら随時対応いたします。

⑥ 納品
　 修正がおわりましたらデータを納品いたします。
　 ご指定のサーバーへのアップロードも問題ありませんので
　 お気軽にご相談くださいませ

デザインデータをもとにHTML・CSSコーディングいたします。

ランサーズで受注したお仕事はほぼコーディングの案件で
ありがたいことにリピートいただいております。

制作会社で4年、デザイン会社で1年勤め現在フリーで活動しております。
丁寧な対応と早めのレスポンスを心がけております。

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

【TOPページ】のコーディングになります。

PSD、ai、Xd形式でのデザインデータのご用意をお願いいたします。
確認用にデザイン1ページごとのjpg、PNGファイルをご用意いただけると幸いです。
aiはアウトラインあり、なしでのご用意をお願いします。
（ファイルのリンク切れ等ご注意ください）

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

基本的にはHTML/CSSでの納品です（Sass対応必要な場合は事前にお知らせください）
コーディングルールがある場合は事前にお知らせください

＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
動きについて
【料金内で対応可能なもの】
メインビジュアルのスライダー（切り替えのみ・ほかの要素と連動などは別途追加料金）
アコーディオンメニュー
ハンバーガーメニュー

【オプション】
スクロールアニメーション
スライダー1ページに複数個対応

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

【納期】
納期はデザインデータをいただいてから3営業日以内になります。
（デザインデータをいただいた日は含みません）

土日、祝日も対応が必要な場合は別途費用が掛かります。

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

▼こんな方へオススメ
WordPressではできないような動きのあるホームページを作りたい方。
料金表にイメージボタンを設置し、ボタンを押すとサンプル画像が出るなど、効率のよいホームページを作りたい方。
どこかのサイトがとても気に入ったということで、それと似たようなホームページを作ってほしいという方。

ポートフォリオ:
https://gracepages.web.fc2.com/

▼ご提供内容
１．HTML/CSS/JSにてホームページを制作します。
２．他者のサイトで、気に入ったものをご提示くだされば、それと似たようなサイトを制作します。利用する写真は、似たようなものを有料・無料の画像素材サイトから探します。

▼ご購入後の流れ
24時間以内にお返事メールいたします。
詳しい内容をお聞きして、ご利用したい写真や、記載する文章、理想的な他者のWebサイトのURLなどをいただきます。もしそれらがなければ、「おまかせ」ということでもかまいません。
さらに、契約済のサーバーのパスワード等、ドメインをいただきます。
納期はご契約時に２週間や４週間で決めさせていただいておりますが、ある程度できた段階で、一旦御覧いただいて、修正点など伺います。このような修正を数回行い、契約納期内にご指定の納品いたします。

▼制作可能なジャンル
こちらのパッケージではECは含まれていません。
ECサイトをご希望でしたら、当方の別のパッケージ「BASEにてHTML方式でWeb制作します」をご利用ください。

▼料金やオプション
特別なテクニックを要するものは、別途相談で承ります。
契約後の制作途中でページを増やしたいなどのご要望がありましたら、ご相談承ります。
サーバー契約やドメイン取得はお客様でしていただきとう存じます。もしこちらで行う場合、実費のほかに別途料金として1万円ほどをいただきます。
もし、完成納品物が理想とかけ離れたものであれば、その度合いに応じて最大５０％までお値引きさせていただきます。

▼納期
納期後に当方の都合で微調整などさせていただくこともあります。それは無料です。

どうぞよろしくお願いいたします。

※ベーシック、スタンダードはコーディングのみのプランです。

頂いたデザインを忠実にコーディングさせて頂きます。
スマホ、iPad、PC、その他どのデバイスでも最適なサイズ感で綺麗に表示させます。

プランの違い

▼ベーシックプラン
頂いたデザインをどのデバイスでも違和感のないように調整しながらコーディング致します。
※ペライチに限ります。
※デザインに合わせた動きは付きません。

▼スタンダードプラン
ベーシックプランにデザインに合わせた動き（アニメーション）が付きます。
ボタンがピョコピョコ上下したり、コンテンツがスクロールに合わせてふわっと上がってきたり、デザインのアクセントになる動きをお付けします。
※ペライチに限ります。

▼プレミアムプラン
弊社でデザインからコーディングまで承ります。
経験豊富な現役Webデザイナーが丁寧にヒアリングして、完全オリジナルデザインのLPに仕上げます。
※ペライチになります。

ベーシック、スタンダードのご依頼の流れ

①デザインを提供頂きます。
PCとスマホ、両方お持ちでしたらそのまま再現させて頂きます。
PCのみの場合、弊社でスマホでも綺麗に見えるよう工夫致します。
↓　↓　↓
②表示のご確認。
コーディングをしたものをテストでアップロード致します。
動作確認、デバイス確認をしていただき問題ないようであれば納品させて頂きます。
修正は2回まで無料です。
何かございましたら、ご指示下さい。

プレミアムのご依頼の流れ

①LPの指示書や素材を頂きます。
指示書は、メモ帳でもエクセルでも何でも構いません。
「こんなデザインにしたい」というイメージや参考サイトを教えて下さい。
使いたい画像やロゴ、テキストを提供頂き、デザインにとりかかります。
↓　↓　↓
②デザインの確認。
出来上がったデザインラフをJPGの状態で確認して頂きます。
デザインの修正は2回まで無料です。
ほとんどのお客様が2回までの修正で満足のいくデザインに仕上がっています。
↓　↓　↓
③表示のご確認。
コーディングをしたものをテストでアップロード致します。
動作確認、デバイス確認をしていただき問題ないようであれば納品させて頂きます。
問題がございましたら、ご指摘いただければ対応させていただきます。

どんなことでも気軽にお問合せ下さい。

ご覧いただきありがとうございます！
ホームページやLPのデザインカンプをもとに、コーディングいたします。

お客様とのコミュニケーションはもちろん、品質やスピードを大切にコーディングをします。

■当サービスの内容
・HTML/CSSによる静的コーディング
・レスポンシブ対応（デザインが大幅に変わる場合は別途料金が発生します）
・内部SEO対策
・画像圧縮などのサイト表示速度の向上対策
・修正対応

■オプション（一例）
・WordPress化（3,000円〜）
・お問い合わせフォームなどの動的実装（10,000円〜）
その他にもご要望がございましたらご相談ください！

■当サービスの特徴
・バリデーションツールによるHTMLの構文チェック
・imgタグの属性(レイアウトシフト対策やload属性、alt属性)
・必要に応じてCSSのベンダープレフィックスの付与
・CSS設計を考慮した記述(指定がなければFLOCSSで記述いたします)
・自作のCSSフレームワークを活用した効率的な記述
・各種ブラウザの表示確認(Chrome, Safari, Firefox)

■お取引の流れ
お見積もり依頼 または お問い合わせ
↓
お見積り提出→ご購入
↓
デザインデータや指示書などのご提供
↓
コーディング開始
↓
初稿提出
↓
ご確認・修正
↓
ご納品

■納品方法
コーディングデータをzipファイルで送付
サーバーにアップロード(1,000円)

■デザインデータ形式
Illustrator / Photoshop / XD / Figma に対応しております。
使用する画像は事前に書き出しをお願いします。(こちら側で書き出す場合別途料金1,000円〜)

■納期
作業量により異なりますが3日〜10日ほどお時間をいただいております。
お急ぎの場合は事前にお問い合わせくださいますようお願いいたします。

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

初めまして！現在、兼業でコーダーを
しておりますnamiと申します！！

「デザインは出来るけどコーディング出来ない」
「コーディングの人手が足りないので手伝ってほしい」
「スマホ対応出来るコーディングをして欲しい」

そんな方のお手伝いが出来たら嬉しいです！

gulpを使って静的コーディング致します。
レスポンシブ対応(スマホ対応)もお任せ下さい。
CSS設計は保守性の高いFLOCSSを採用しています。

«価格»
デザインや納期によって変動致しますので、
まずはお見積からご相談下さい。

«納品方法»
・zipファイルで納品致します。

«納品までの流れ»
①ヒアリング・お見積もり
└細かい実装方法や費用まで納得いくまでヒアリングします
②デザインデータ確認
└デザインや画像に不備が無いか確認します
③コーディング開始
└途中経過も随時報告します
④テストサーバーで確認・修正
└実装についての修正は何度でも無料でお受けします
⑤zipファイルで納品

ぜひ一度、お気軽にお問い合わせ下さい！！

ご覧いただきありがとうございます。
WebコーダーのMotaと申します。
平日日中は制作会社にて勤務しており、制作時間が少ないため急がれてる方のご希望には沿えないかと思います。
それでも

・できるだけ安くお願いしたい。
・時間より価格！
・デザイナーの方のポートフォリオの構築
・コーディングがめんどくさい！

など、サイト構築でお困りの方はお気軽にご相談ください！
相談は無料です！
あまりお金をかけずに、サイトを構築したいと言った方にお勧めです。
レスポンスは遅くとも当日中にはご返信します。

●使える機能一例
・jQueryを使ったアニメーション実装（スライダー、スクロールアニメーション、アコーディオン、ハンバーガーメニュー、モーダルなど）　
・お問い合わせフォームの実装
・レスポンシブ対応

基本何でも込みでやらせていただきますが、WordPress導入までお求めの方は別途ご相談ください。
全てのご要望に応えたいとは思っていますが、その分時間はかかるかと思いますので、ご了承ください。

●制作の流れ
まずはご相談ください。
1．依頼内容のヒアリングを行います。
　　↓
2．デザインデータのご提供。納品日の目安などをお伝え致します。
　　↓
3．コーディング。完了後、ご確認いただき、無制限で修正対応致します。
　※大幅なデザインの変更は対応致しかねます。
　　↓
4．最終チェックが出来ましたら、ZIPファイルかサーバーへのアップロードという形で納品させていただきます。
　※サーバーへのアップロードはログイン情報を共有させていただきます。

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

【注意点】
・冒頭でお伝えした通り、時間が限られるため完成までお時間をいただくこともございます。
・注文後のお客様都合でのキャンセルは原則致しません。
・制作実績として使わせていただくことがあります。

●PhotoshopやFigmaで作られたデザインカンプから、画像や文字を読み込む（ない場合はこちらでデザインもご提案します）
●ご希望のアニメーションの確認
●VScodeにてコーディングまたはWordPressのテーマSnow Monkeyで制作
●３割完成時点で方向性の確認
●６割完成時点で方向性の確認
●９割完成時点での詳細チェック
●コーディングデータを提出し終了（サーバーにアップロード対応）

総ページ数10,000ページ超！
シンプルなページのコーディングを、
最短3営業日（※）で代行いたします！
お客様の事情に合わせた柔軟な対応をさせていただきます。

■サービス内容
・HTML＋CSSを用いた静的なコーディング
・レスポンシブ対応
・簡単なJavascript

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

「デザインはできているけどコーディングが間に合わない」
「コーディングしてみたら思ってたのと違った！」
「後から修正が入ってしまった！」
「ページを追加しているうちに結局割高に！」
ということがよくありますよね。

▼デザイナーだから融通が効く！
デザイナーが兼任するので、ちょっとしたデザインの修正にも対応可能です。
※大幅なデザイン変更の場合は別途費用が必要です。

デザインもご希望のお客様は、WEBサイト制作プランをご検討ください。
https://www.lancers.jp/menu/detail/1266171

▼おおまかな制作の流れ

1. お問い合わせ
   「まずは相談する」ボタンよりお気軽にご相談ください。
   デザインデータをお持ちのお客様は、デザインデータもお送りいただけるとスムーズです。

2. デザインデータの送付・コーディング開始
   確定したデザインデータをお送りください。

3. コーディングデータのご確認
   弊社テストサーバーにて、コーディングデータをご確認いただきます。
   修正必要な箇所がある場合はテストサーバー内にて修正を反映いたします。

4. 納品
   ご確認いただいたデータ一式をzipまたはサーバーにアップロードで納品となります。

■ご注意事項
・目安として5,000px程度のデザインの価格となります。
・デザイン内容によっては追加料金をお願いする可能性がございます。
・複雑なJavascriptを使用する場合は別途費用が発生します。
・原則ブレイクポイントは1つの価格となります。（PC/スマホ）
・レスポンシブ対応が必要な場合は、スマホのデザインもお送りください。
・案件時期によっては3営業日で納品できない可能性もございますので予めご了承ください。
・制作実績として作成したホームページの画像やURLを掲載させていただきます。掲載不可の場合はお気軽にお知らせください。

◎パートナーを探している制作会社様
◎コーディングをしてほしいデザイナー様
◎受注案件が回らないフリーのコーダー様

制作会社現役勤務だから安心のクオリティ。

コミュニケーションを大切にしております。
曖昧なことはそのままにせず、明確にしつつお仕事を進めさせていただきます。

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

ご提供頂いたホームページまたはLPのデザインカンプを元に、
格安価格の1ページあたり10,000円～から、HPやLPのコーディングを代行します。

ココナラで活動始めて間もなく、実績を積みたいため、
格安でコーディングを代行させて頂きます。
HTML/CSS/Javascript(jQuery)の基礎をしっかりと学んでおりますので、
ご提供頂いたデザインを忠実に再現します。

■提供サービス
・HTML/CSSを用いた静的コーディング
・スマホ・タブレットにも対応したレスポンシブデザイン
・JavaScript(jQuery)を駆使したダイナミックな機能実装
例）スライダー、アコーディオン、ハンバーガーメニュー、スクロールアニメーションなど
・既存サイトの一部修正
※対応できないこと
　・イラストや画像等サイト内で使用する素材の作成

■サービスの魅力
・格安価格で、あなたのWeb制作を飛躍させます
・追加料金不要の無料オプションもご利用いただけます
・緊急案件にも迅速に対応します

■料金プラン
1ページあたり、10,000円からご提供いたします。

※無料でお届けする特典
　・レスポンシブ対応
　・修正対応3回まで

■制作のステップ
ヒアリング・見積もり
　コーディング内容や実装機能を詳しくヒアリングし、お見積もりを提供いたします。
↓
ご購入
↓
デザインデータ確認
　Photoshop、Illustrator、XDのデータに対応しています。デザインデータをご確認ください。
↓
コーディング作業開始
↓
ご確認・修正
　最大3回まで修正対応いたします。ご確認いただき、ご要望をお知らせください。
↓
ご確認完了後、納品
　ご確認いただいた後、完成したコーディングデータをzipファイルで納品いたします。

■納期
コーディング内容や実装機能をヒアリングしたうえ、目安をお伝えいたします。

■その他
コーディングの成果物は、制作実績として自身のポートフォリオに掲載することがあります。
もし掲載を希望されない場合は、事前にお知らせください。

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

当サービスはデザインデータからWebサイトのコーディングを承っております。
LPや小規模サイト、20ページ～の中規模サイトまで対応します。

【サービス内容】
┈HTML・CSSの静的コーディング
┈JavaScriptを使用した動きの表現（スクロールに合わせたアニメーション・スライダー・ハンバーガーメニュー・アコーディオンなど）
┈CSSアニメーション
┈WordPressの実装(オリジナルテーマ制作 / カスタム投稿設定などカスタマイズ)

【基本料金】
┈TOPページ：15,000円〜 / 1ページ
┈下層ページ：10,000円〜/ 1ページ
┈JavaScriptの実装 → 内容に応じて別途お見積もり
┈お問い合わせフォームの設置 → 内容に応じて別途お見積もり
┈WordPress-TOPページ：20,000円〜 / 1ページ
┈WordPress-下層ページ：10,000円〜 / 1ページ
※カスタマイズ内容によっては別途追加料金をいただく場合がございます。
※デザインによって金額は変動いたします。

【無料対応範囲】
┈jQuery/JavaScriptの実装(無料JavaScript一覧内のもの)
┈レスポンシブ対応
┈画像圧縮による表示速度最適化(Webp対応あり)
┈SEO対策のmetaタグ設置（内容はご提供お願いします。）
┈テスト環境のご用意
┈修正無料
◆無料JavaScript一覧
┈簡単なスクロールアニメーション
┈ハンバーガーメニュー
┈アコーディオンメニュー
┈カルーセル/スライダー
┈モーダルウィンドウ
┈スムーススクロール
┈タブ切り替えなど、サイトによく実装されている動き。

【納期】デザイン、ボリュームにより変動いたします。
┈トップページ：2～3日
┈下層ページ：1日～
※デザインデータ受け取り翌日からの日数です。

【対応ブラウザ】
Chrome・Edge・Firefox

【ご依頼～納品までの流れ】
１．コーディング内容の詳細をお聞かせください。納品日と金額をお伝えいたします。
２．問題がなければ、デザインや素材等コーディングに必要な材料をお送りください。
３．コーディング開始
４．ご確認
※修正は基本無料で対応いたしますが、作業開始後の大幅なデザイン修正や仕様変更等は別途費用となります。
５．納品（サーバーへのアップ・もしくはファイルの送付）

このようなお悩みの方におすすめ
┈コーダー不足でお悩みの制作会社様
┈コーディングだけ外注したいデザイナーの方
┈社内でコーディングできる人がいない

ご満足いただけるよう、責任をもって対応させていただきます。
またお急ぎの場合は土日祝日も可能な限り対応いたしますのでご相談ください。
その他、ご不明な点は、お気軽にお問い合わせくださいませ。

★こんな方へオススメです★

🔸継続的にお願いできるパートナーを探している制作会社様
🔸コーディングできる人を探しているデザイナー様
🔸レスポンスが良いフリーランスにお願いしたい
🔸リソースが足りないから外注したい
🔸すぐに対応してほしい

そんな方の期待にお応えします！
現在は制作会社様から業務委託にてコーディング依頼を受注しており、
継続的にお付き合いさせていただいております！

「ストレスのないコミュニケーション」と「思いやりのあるチャット」
を心がけております！

【当サービスの特徴】

🔸 XD / Figma / illustrator のデザインカンプに対応
🔸PCのみのデザインデータから各種サイズのレスポンシブ対応可能※LP等画像部分はSP版が必要です
🔸完全フリーランスだから昼夜、土日問わず連絡、作業いたします
🔸業務委託契約実績10社以上
🔸scss/BEMを用いたCSS設計によりコードの保守性担保

【対応できる業務】

🔸html/cssの静的コーディング
🔸jQueryによるアニメーションの実装
🔸Wordpress構築（オリジナルテーマ作成、カスタム投稿、カスタムフィールド等、各種プラグイン対応）
🔸既存サイトの更新業務（Wordpressも可）

【制作の流れ】

①デザインカンプの支給・確認
②お見積りのご提示
③コーディング開始
④完成品の確認・修正(デザイン変更による修正は3回まで無料です)
⑤最終確認、データ納品

【納品方法】

zipファイル / FTPサーバー / WordPress環境にデータ移行

【稼働時間】

6:00〜7:00 / 9:00〜18:00 / 21:00〜23:00
ご相談いただければ柔軟に対応いたします！
土日問わず対応できます！

気になることがあれば、まずは一度お声掛けください！
ご相談だけでも構いませんのでお気軽にどうぞ！