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

Figma、XD、PSD、AiのデータからHTML/CSS/JSでLPやHPの制作
レスポンス対応可能です。

■サービス内容
まずはご購入前に事前にメッセージでご相談ください！
ご覧いただきありがとうございます。こちらはHP、LP（ホームページ、ランティングページ）コーディングのサービス出品でございます。

「デザインはできるけどコーディングが苦手」
「外注先を毎回探す手間がかかる」
「コーダーのパートナーを探している」
「外注先の制作費用が高い」

こんなお悩みをお持ちではないでしょうか？本サービスならそのお悩みを解決できます。

【爆速納品、素早いレスポンス】
これらを実現できます。

1,爆速納品
主にコーディングを得意としており、素早く、細部にこだわったコーディングを心掛けてます。
ご依頼いただいた際は、期待を裏切らないよう成果にコミットします。
コーディング時にはHTML、CSS、SASS、jQueryを使いコーディングします。
また、単にコーディングするだけではなくSEO対策を施したコーディングいたします。
SEO対策をすることで検索上位に表示され、集客につながりやすいです。
そのため、SEOを意識したコーディングには力を入れております。

2,素早いレスポンス
普段から素早いレスポンスを心掛けており、
素早いレスポンスでお客様を不安にさせることはさせません。
どんなに遅くても24時間を超えることはありません。

■ベーシックプランに含まれる具体的な内容
・コーディング
・レスポンシブ対応
・簡易的なSEO対策（レスポンシブ対応、Webサイトの表示速度改善）
・アフターサービス（1週間、ご質問承ります。）
以上になります、ご検討の方はお気軽にご相談ください！

購入時のお願い
購入にあたってのお願い

■本サービスの流れ
①ご購入
②コーディング＆修正【1週間】
③納品（zipファイル送付）
④アフターサービス（1週間）

■用意していただくもの
依頼者様に用意していただくものが以下になります（後は丸投げで構いません）。

・デザインカンプ
・会社や個人のロゴの背景透過画像
・ホームページに使用する画像

上記の中で、ご用意が難しい場合にはこちらでご用意が可能です！
それでは納品まで何卒よろしくお願いいたします。

「急ぎで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ファイルの送付

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

＼ 追加料金なし ／
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対策、ライティングの経験もあるため幅広くご相談に乗ります。
★スピード感　★メンテナンスのしやすさ　★ページの表示速度
を意識してコーディングを行います！

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

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

◆ご提供内容
•HTML/CSSコーディング
•レスポンシブ対応
（スマホ用のデザインカンプあり・なしの場合は追加オプションとなります。）
•アフターフォロー（納品後1週間以内）

◆納品までの流れ
ヒアリング
↓
デザインデータお預かり
↓
コーディング
↓
テストアップ（ご確認・修正）
↓
納品

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を用いた動的サイトの構築は別のパッケージにて提供しております)

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

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

ホームページのデザインがある程度決まっている方のページを、HTML　CSSを使ってブラウザーで表示が可能な形にします

＼＼　デザインカンプ通りにコーディングします　／／

「低価格で新規LPを頼みたい」
「デザインはあるけど、コーディングができない」
上記などをご要望の方、お気軽にご連絡ください。

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

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

ホームページが欲しい方！ぜひ最後までご覧ください。

埼玉県所沢市在住48歳のWEBデザイナーです。
コロナの影響で皆様の生活が苦しくなっていると思います。
僕も大変な時期を過ごしています
お互いに頑張りましょう

というわけで、個人的にホームページの制作依頼を受け始めました。
低価格で良い品質のホームページをご希望の方がいらっしゃればぜひ参考になさってください

サイト構成のサンプルはこちらからでご確認できます。

http://omwebcr.com/temp/store/

サンプルサイトのようなページ構成での制作になります。
WEB制作会社様の外注業務としてのお問い合わせも歓迎致します。

メインのお仕事以外の副業としての作業になりますので
1か月に受けられるサイトの数は限られております
ご依頼が多くなると作業のご受け入れができない場合も
ございますのでご了承ください。
なお、ECサイトや大型プロジェクトのご依頼は
時間が許せないため丁重にお断り致します。

■こんな方にお勧め致します。
-高くてデッカイサイトまではいらないがホームページは欲しい方
-低価格で良い品質のホームページをご希望の方
-チラシ、名刺などにQRコードを掲載してお店や事業を広報したい方
-SNSなどを利用してお店や事業を広報したい方

■サイト制作費用
制作費用：25,000円
サーバー代：1,000円(+消費税)月
ドメイン費用：2,000円(+消費税)/１年

制作初期費用:28,000円
サイト完成からの月費用：1,150円(+消費税)/月(ドメイン費用含め)

■制作の流れ
-打ち合わせ
　・埼玉県東部地域、西東京方面は訪れ可能です
-サイト制作
　・原稿と画像などが全て揃ってから7日間以内
-サイト確認修正
-納品

■サイト制作の準備事項
-依頼者様事業内容
　・商号
　・電話番号,FAX番号
　・営業時間
　・住所
-お店、事業の紹介文または事業者様の挨拶文など
-サイトに必要な画像、動画、ロゴ画像など
-その他(必要場合)
　・飲食店の場合メニューの画像と値段、簡単な説明など
　・スタッフの写真やプロフィールなど
　・その他
-アピルポイントの提案
　・お店または事業者様が持ってる強みを強調

■サイトスペック
-反応型(レスポンシブ)ウェブサイト
　・PCとモバイルに合わせてデザインが変わる
-常時SSL標準対応
-基本SEO対応
-メールアドレス作成

※チラシ、名刺のデザインも受け入れております。

最後まで読んで頂きましてありがとうございます。
ご連絡お待ちしてます。

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

まずはお見積もりからお願いしております。

■作業内容
・HTML/CSSを用いた静的コーディング（1ページ〜制限なく複数ページまで作成します）
・レスポンシブ対応
・JavaScriptの動的実装

・お問い合わせフォームの実装（静的ページの場合はGoogleフォームでの対応となります）
※ご希望の方には、お問い合わせフォームの参考ページをお送りします。

■料金表
◎基本プラン
・トップページのコーディング※：20,000円
・LPのコーディング※：20,000円
・下層ページのコーディング※：10,000円～/ 1ページ
・部分コーディング、既存ページの修正：3,000円〜/1箇所

※PC版縦5,000px以上より1,000pxにつき1,000円加算させていただきます

◎オプション
・JavaScriptの機能実装：2,000円～ / 1点
　(ハンバーガーメニューは無料)
・お問合せフォームの設置：15,000円

＜無料オプション（ご希望の場合）＞
・表示速度の高速化のための画像圧縮
・SEO対策のためのmetaタグ設置
・テスト環境の構築

■制作の流れ

1、ヒアリング&お見積り

2、お客様からデザインのご提供

3、コーディング＆テスト

4、ご確認・修正

5、最終確認・納品

※テストはMacで「Chrom、Safari、Firefox」の各ブラウザで行います。
※納品方法は基本的には、zipファイルとなります。
サーバーアップをご希望の場合は事前にご相談ください。

■納期

最短で5日〜

ご希望の納期がある場合はご相談くださいませ。
納期は「2、お客様からデザインのご提供」完了後からとなります。

■その他
迅速・丁寧にコーディングいたします。

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

こちらコーディング代行サービスとなっておりますので

デザインとサイトに使用する画像素材は全てお客様の方でご用意をお願いいたします
・画像加工には対応できませんのでご了承くださいませ。

・デザインは、 Photoshop / XD / Figmaなどに対応しております。
上記以外の形式をご希望の場合は一度ご相談くださいませ。

【作業内容】
・React, TypeScript, Next.jsを用いた静的コーディング（1ページから大量ページまで対応可能です。修正のみも対応可能）
・レスポンシブ対応
・JavaScriptの動的実装（スライダー、スクロールアニメーション、アコーディオン、ハンバーガーメニューなど基本的にご希望どおり実装します）

【制作の流れ】

・ヒアリング/お見積り（お気軽にご相談ください）
・お客様からデザインのご提供
・コーディング
・ご確認・修正
・最終確認・納品
・納品方法はGitHubコミット、zip納品、FTP送信などが可能です。その他の場合もご相談ください。

【納期】
実装内容により異なりますが、基本的には１〜２週間以内に納品させていただきます。
ご希望の納期がございます場合はご相談くださいませ。

定めた納期は必ず守ります。
デザインに忠実なコーディングに努めております。
ご相談・お見積もりのみでも大丈夫ですので、まずはお気軽にご相談くださいませ。

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

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

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

当サービスの特徴

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

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

制作の流れ

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

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

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

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

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

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

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

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

こんな方にお勧め
LP初心者

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

HTML・CSSを使用して、WEBサイトのコーディングを行なっています。

実績を作りたいためお安く承っております。
料金交渉も可能です。
【基本料金】
10,000円
・ホームページ１ページのHTML／CSSコーディング
※簡単なアニメーション、レスポンシブ対応無料でおつけ致します。

【サービス内容】
・ホームページのHTML／CSSコーディング

【こんな方にオススメ】
・デザインはあるけどコーディングができない
・費用を抑えたい

【納品までの流れ】
❶メッセージでご相談ください

❷デザインと素材のデータをご用意ください。
完成したデザインデータと使用するロゴ、写真、テキスト等の素材をご提供いただきます

❸コーディング / 修正
ご提供いただいたデータをもとにコーディングに着手いたします

❹最終チェック

❺納品
制作実績として自身のポートフォリオへの掲載を御了承ください

▼このような方へおすすめ
・模写コーディングを求めている方
・1からホームページを制作したい方
・ホームページをリニューアルしたい方
・ECサイトを作成しネットショップを始めたい方
・迅速に作業を進めて欲しい方

▼ご提供内容
・模写コーディング[HTML,CSS,Java]
・WEBデザイン制作の斡旋
・ECサイトの制作

▼ご購入後の流れ
・WEBデザイン、素材の受け取り(素材ありの方)
↓
・ページ制作後ご確認
↓
・修正箇所があれば修正
↓
・完了・納品
↓
※指定期間内であれば画像やテキスト修正を行いますのでご依頼下さい。

▼制作可能なジャンル
・HTML,CSS,Javaを使用したホームページ、ECサイトの制作
※違法なサイト以外には業種は基本的に問いません。

▼納期や料金プラン、オプション
・ご相談頂きましたら出来る限り対応させて頂きます。

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

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

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

全てお任せください！！

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


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

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

最後に

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

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

▼こんな方へオススメ
・デザインはあるがHTMLとCSSへの変換に困っている方
・Figma、XD、PSDからWebページに変換したい方
・品質と効率性を求める方
・レスポンシブなWebデザインを求めている方

▼ご提供内容
・Figma、XD、またはPSDからHTMLとCSSへの変換
・CSSのフレームワークを用いたレスポンシブWebデザインの作成
・JavaScriptを用いた動的なウェブページの作成
・修正対応（プランによる）

▼ご購入後の流れ

プランの選択とデザインファイルの提供
コーディング作業
レビューと修正
納品
▼制作可能なジャンル
・企業サイト
・個人ブログ
・ECサイト
・ランディングページ
・ポートフォリオサイト等

▼料金プランやオプション
・ベーシックプラン：30,000円（納期5日、修正2回まで）
・スタンダードプラン：50,000円（納期7日、修正3回まで、レスポンシブデザイン）
・プレミアムプラン：70,000円（納期10日、修正無制限、レスポンシブデザイン、JavaScript、高度なアニメーション）

▼納期
・ベーシックプラン：5日
・スタンダードプラン：7日
・プレミアムプラン：10日

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

【デザイナー様・制作会社様】コーダー不足でお困りではないですか？

元WEB制作会社勤務のコーダーが、そのお悩み解決いたします！

■直近でのお仕事(7月)
・アパレルブランド新作コレクションLP×4P
・歯科クリニック様コーポレートサイト(WordPresss)
・アパレルブランドコーポレートサイト新規ページ追加

これまでも数多くのコーディングを行ってきた経験から、
納品前のチェックなど必要項目を把握しています。
自身をもって納品させていただきます！

■流れ
①ヒアリング（チャット・オンラインなど柔軟にご対応）
②お見積り提出
③ご購入
④デザインデータのご入稿(Ai,Photoshop,XD)
⑤制作開始
⑥テストアップ
⑦ご確認・修正対応
⑧納品

※レンタルサーバー・ドメインのご準備もお困りでしたら、ご相談ください。

■料金に含まれているもの
・HTML/SCSS
・CSSアニメーション
・jQuery
・Wordpress(プランによります)
・レスポンシブ対応
・お問い合わせフォーム
・画像圧縮（画像軽量化）
・テストアップ後の修正

■納期
デザインやアニメーション、ページ数で変動いたします。
正式な納品日は、デザインデータのご確認後にお伝えさせて頂きます。
なるべく柔軟にご対応いたします。

※目安
LP　4日～6日
HP　TOPページ　4日
下層ページ　1日～2日/1ページ

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

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

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

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

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

シンプルな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. 修正〜納品

ご覧いただきありがとうございます。
こちらのサービスでは、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の有無などで金額・納期などご相談させていただければと思います。

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

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

▼ こんな方におすすめ

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

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

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

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

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

④制作開始

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

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

■サービス出品経緯

【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の制作をさせていただきます！
小規模なサイトや、試しで安くページを作りたい！
と、いう方にオススメです。
お客様に満足いただくために何度でもやり直しを承ります！

作成されたモックを元に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週間〜）

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

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

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

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

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

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

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

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

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

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

　企業様コーポレートサイトからLPなどのコーディングをメインとして活動しております！さまざまなWeb制作に携わってまいりましたが、やはりコーディングが一番好きで、コードを書いていると1日がすぎてしまうこともザラにあるほどです...。

　実績につきましては、公開できないものが多くありますので、ご希望ございましたらお送りさせていただきます！

知識ゼロでも大丈夫！
HTML/CSS/JavaScript（j-Query）による静的サイトの制作を承ります。

【お悩みへの解決をお手伝いします】
　・LPやサイトを作りたいけど、どうすれば良いかわからない！
　・誰に相談すれば良いかわからない　！
　・デザインを持ってないけど、サイトを作りたい！
　・制作会社に依頼すると高そうだし、よく分からない業界だから怖い！

　ご安心を！
　知識ゼロでも私が代行して制作を承ります。
　何でもお気軽にご相談いただけます。
（予算、納期、お客様のご希望に最大限対応させて頂きます）

【作業内容】
HTML/CSS/JavaScript（j-Query)を用いた静的サイトの制作
デザインデータ(psd,XD)を元にしたLP制作、サイト制作
レスポンシブ対応した整ったサイトの構築

【実績】
　株式会社　D-open様のホームページ作成
　（サイトのデザイン以外の全て工程を私が担当させてもらいました。スマートフォン用デザインはなかったので、自分で実装しました。）
　https://d-open.jp

【稼働時間】
　日によってばらつきはありますが、4〜８時間/日は稼働可能です。

命の危機が迫る現場で働いてるので、相手の意思を汲み取ることには長けています。
常に相手を思いやる姿勢を心がけています。

HTML/CSSによるコーディング案件を請け負います。
下限が10,000円になっていますが、それよりも安価で請け負うことも可能です。
自分には、量がまだ足りていないと思っています。それに伴い幅も足りていないと思っています。ですので私の経験量を加味すると、安価になります。実務経験を積ませていただきたいです。正直スキルは申し分ないと思います。
クライアント様にご迷惑のかからないよう誠心誠意やらせていただきます。
ぜひよろしくお願いいたします。

デザインカンプからのコーディングを行います。
デザインの再現についてと表示の確認作業を重点的に行います。
納品について以下が可能です。
・html,css,javascriptファイル納品
・サーバーアップ（FTP）
・scss、gulpfile（ご希望あれば）
別の納品方法のご指定がある場合にはご相談ください。

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

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

コーディング・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営業日以内になります。
（デザインデータをいただいた日は含みません）

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

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

ブートストラップに限らず、
ウェブページのＳＰ対応（スマホ画面、レスポンシブ）を作成致します。
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を用いた静的コーディング
・レスポンシブ対応
・JavaScriptの動的実装（スライダー、スクロールアニメーション、アコーディオン、ハンバーガーメニューなど何でもご相談ください）

◆制作の流れ
①ヒアリング&お見積り
②お客様からデザインのご提供
③コーディング＆テスト
④ご確認・修正（当方テストサイトorご自身のサイトでご確認いただきます）
⑤最終確認・納品

■ご用意いただきたいもの
・デザイン
・画像データ
・文章（コピー＆ペーストできるテキスト形式でご提示ください）

■納品形式
Zip or WordPress組込み

■納期
作業量によって異なりますが、基本的に１週間ほどお時間いただいております。
お急ぎの場合は事前にお申し付けくださいませ。柔軟に対応いたします。

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

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

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

●作業内容
・デザインに基づく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週間ほどお時間いただいております。
ご希望の納期がある場合はご相談いただけますと幸いです。

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

「デザインは用意できるけど、コーディングは誰かにお願いしたい」
「コミュニケーションをしっかりとりながら進めたい」

そのようなクライアント様の為に、
デザインをご用意していただければ、コーディング代行いたします。

是非、私にお任せください！！

※駆け出しのため、低価格にてサービスをご提供させていただきます！
ご相談、お見積もりなど何でもお気軽にご相談くださいませ。

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

●サービス内容
・デザインデータからHTML・CSSを使用したコーディング
・レスポンシブ対応

＼ 丁寧に、デザインに忠実なコーディングをいたします ／

●制作の流れ
①サイト構成・イメージをヒアリング
②サイトのページ数、追加したい機能などを確認した上でのお見積もり
③デザインデータを頂いてからのコーディング、機能の導入
④ご希望納期1～2日前に納品
⑤ご確認・修正
⑥最終納品
　※納品方法はZipファイルを送付いたします

●料金
・1ページ　3,000円
　※複数ページの場合は応相談

・レスポンシブ対応：無料
　※デザインカンプをご用意ください

・jQuery / Javascriptの機能実装：3,000円/1箇所
　※スライダー、ハンバーガーメニューなど
　※できる限りご要望にお応えしますが、歴浅いためご希望に添えない場合もございます

・修正回数：無料・無制限

●納期
5日〜1週間
※作業量によって異なります
※余裕を持ってご依頼いただけますと幸いです
購入にあたってのお願い
＜クライアント様にご用意いただきたい物＞
・デザインカンプ（Photoshop,Illustrator,XD）
・写真、画像等
・サイトに使用する文章（※コピー＆ペーストができる形式でご用意ください）
・お店などのロゴ

＜注意＞
・指示はできるだけ具体的にいただけますと幸いです。
・1ページ分の価格となります。複数ページご依頼の場合は別途ご相談ください。
・フォーム送信などの通信を伴うページ作成は別途ご相談ください。
・実績としてポートフォリオに掲載させていただくことをご了承いただけますと幸いです。
　掲載不可の場合は、その旨ご連絡お願いいたします。

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

・コーディング・WordPress構築を外注できる人を探してる方
・コーダー不足で外注先を探している制作会社様
・コーダーのパートナーを探しているデザイナー様

などそんな方々のお役に立てたらと思います！

▼作業内容
・HTML / CSSコーディング
・JavaScript / jQueryを用いたアニメーション実装
・レスポンシブ対応
・wordpressオリジナルテンプレート制作
・サーバーへのアップロード

▼制作の流れ
①ヒアリング
　↓
②契約
　お見積もり、納期をご提示させていただきます。
　ご納得いただけた場合、ご購入をお願いいたします。
③制作・確認
　制作実施後、制作物のご確認をお願いいたします。
　気になる点がある場合、可能な限り修正対応いたします。
④納品
・zipファイル納品
・WordPressへのマイグレーション
・FTPツールを使用してサーバーへの納品

最後までご覧いただきありがとうございます。
Webサイト制作のお仕事でしたら基本的になんでもお受け可能ですのでお気軽にお声がけください。
よろしくお願いいたします。

事業を新しく始められる方、新しいブランドや商品を宣伝される方に向けたLPページ（一枚ページ）のウェブサイトを制作いたします。

オプションや変更希望ございましたらご相談ください。
なるべくご要望にお応えできるようプラン内容の変更も行います。
例えば、金額を抑えたい方には金額に寄り添った内容で対応させていただきます。

私自身走り出しの為、配慮に欠ける所があるかと思いますが何卒よろしくお願いいたします。

ぜひ、事業を一緒に盛り上げましょう！

デザインは出来るけどコーディングが分からない。デザイナーはいるけど、コーダーがいない。このような方にお勧めです！デザイン通りにコーディングさせていただきます！
Frontend Mentorというサイトでデザイン忠実のコーディングについて日々練習しています。適宜経過を報告させていただくので修正もほぼ無いようにいたします。

ご希望の金額やデザインを伺い、十分なお話を進めてから契約に至らせていただきたいと思っております。どんなことでもご気軽にご相談ください。

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

おすすめポイント
とにかく安く作りたい人向け！

業務内容
HTML CSSのコーディング

企業や店舗のホームページ制作

▪️お勧めな方
・コストを抑えたい方
・手軽にコーディングをして欲しい方
・デザインは自分でするけどコーディングは安く手軽に誰かにやって欲しいとゆう方にお勧めです。

なるべく依頼主のご意向に添いたいので修正の回数は設定していません。
気になるところがあれば、 どんどん修正依頼して下さい！

▪️サービス内容
・トップページ
・コンテンツページ
・ハンバーガーメニューの実装
・グーグルマップの埋め込み
・SNS埋め込みや連携
・お問い合わせページ
・スマホ対応