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

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

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

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

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

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

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

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

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

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

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

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

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

▼こんな方へオススメ
　HTML/CSS/JavaScriptのコーディングで困っている方

▼ご提供内容
　HTML/CSS/JavaScriptコーディングのファイル

▼ご購入後の流れ
　案件の詳細を確認
　納期の確認
　コーディングファイルの確認及び納品

▼作成可能なジャンル
　HTML/CSS/JavaScriptを用いた簡単なLP作成

■作業内容
HTML/CSS/jQueryを用いたコーディング
レスポンシブ対応（PCやスマホなど画面サイズが異なる場合でも適切に表示させるためのものです）
JavaScriptを用いた動的な実装（サイトに動きをつけたい場合に使用します）※jQueryを使用

■料金表
トップページのコーディング：１２０００円 / 1ページ
下層ページのコーディング：１００００円/ 1ページ
レスポンシブ対応：無料
アニメーション・JavaScriptの動的実装：＋２０００円　/　１点
SEO対策用metaタグ設置：無料

■対応していないもの
WordPress
お問い合わせフォームの送信プログラム（フォーム自体はHTML/CSS/JSにて実装可能です）

■制作の流れ

ご購入
↓
ヒアリング（直接購入された場合は購入後にご依頼内容についてお聞かせください）
↓
デザインデータをいただきます
↓
コーディング作業に入ります
↓
コーディングしたものをご確認いただきます（①データファイルをお渡し、又は②こちらのサーバーにアップして確認どちらかお選びいただけます）
↓
修正希箇所があればお知らせください
↓
内容についてご了承いただけたら納品

■納品方法
コーディングデータをZipファイルで送付

■デザインデータ形式
Adobe Photoshop / Illustrator / XD　に対応しております。

■納期
事前にご相談ください。
通常は3日程度（1ページあたり）いただいております。

「費用は抑えたい」「でも高品質なサイトを作りたい」
そんなお客様のニーズに第一に考えております。
是非web制作に詳しい方はもちろん、詳しくない方でも対応いたします。どんな些細なことでいいのでお気軽にお見積り、相談ください。

▼こんな方におすすめ！
・サービスをスモールスタートしたい。
・月額コストをかけたくない。
・あわよくば自分で修正したりしてフォームを管理したい。

▼納品内容　
■下記２ページ分
フォーム入力画面
フォーム送信後画面

▼ご利用後の流れ
打ち合わせをzoomまたは直接お会いして行う。
制作をする内容をヒアリングさせていただき、すり合わせを行います。
↓
制作を開始します。
↓
初稿を提出いたします。
↓
修正内容を反映し再度提出いたします。
↓
内容が問題ないことを確認し納品。

▼オプション
フォームを２個以上制作したい場合、
２個目からは、フォームの数分の料金から5000円引きをさせていただきます。
例：3万円プラン３つフォームを制作の場合、３万＋2万5千円＋2万5千円=8万円

ご覧いただきありがとうございます！
Webサイトのコーディングを承ります。

▶︎こんな方にオススメ！

　・デザインはできるけどコーディングが苦手な方
　・コーダー不足で外注先を探している制作会社様
　・コーダーのパートナーを探しているデザイナー様

▶︎基本料金に含まれるもの

ベーシックプラン
　・HTML／CSSを使用したWebサイトコーディング
　・レスポンシブ対応（PC／スマホ）
　　※ハンガーガー・ドロワーメニュー込み
　・画像ファイルの圧縮（必要な場合はお申し付けください）
　・テスト確認用サーバーの設置（こちらで用意）
　・アフターフォロー（納品後1週間以内）

　　納品後、こちらのミスでデザインとは異なる部分がございましたら無料修正いたします。

スタンダードプラン
　・ベーシックプランに加えてフェード表示
　　ホームページをリッチに！

プレミアムプラン
　・ベーシックプランに加えてページ内フォーム設置(Wordpress利用)
　　入力項目はお名前、メールアドレス、問合せ内容
　　※入力項目の追加は別途見積り
　・サーバーへのWordPressインストール

▶︎オプションサービス（基本料金に含まれないもの）
　・Javascript（jQuery）を使用したアニメーションの実装：3,000円〜／1点
　　トップスクロール ／ スムーススクロール ／ スライダー
　　アコーディオン ／ タブ ／ モーダルウィンドウ　等

▶︎納期
7〜14日程度で納品が可能です。

※稼働状況やページ内容により変動します。

◆納品までの流れ

1. ヒアリング（ご相談、デザインデータのご確認、料金見積もり、スケジュール確認）
   ↓
2. ご購入
   ↓
3. コーディング ・テスト
   ↓
4. ご確認・修正
   ↓
5. 納品
   　・ベーシック＆スタンダードプラン
   　　→ zipファイル送付、またはFTPでレンタルサーバーへアップロード
   　・プレミアムプラン
   　　→ サーバーへのWordPress導入

正確なコーディングをお求めの方に！

◆はじめに◆
この度は本サービスをご覧いただきありがとうございます。
本サービスでは下記のような方のお手伝いをさせていただいております。

　・コーダーを探している
　・デザインはあるけどコーディングは苦手なので、誰かに丸投げしたい
　・コーディングする時間がない
　・スマホ版もいい感じにコーディングしてほしい
　・デザイン通りにコーディングしてほしい

無料で迅速にお見積もりさせていただきますので、お気軽にご相談ください。
当方プロフィールよりご参照ください

◆サービス内容◆
　・HTML/CSSを用いたデザインカンプからのコーディング
　・スマホ対応(レスポンシブ)
　・Webページアニメーション機能実装（スライダー、アコーディオン、ハンバーガーメニューなど）
　・Wordpressの導入、構築、改修（カスタム投稿・カスタムフィールド・検索機能なども対応可）
　・お問い合わせフォームの実装
　・品質チェック(表示崩れチェックなど)

◆料金◆
　・ページ修正コーディング：10,000円〜
　・トップページコーディング(スマホ対応)：15,000円～
　・下層ページコーディング(スマホ対応)：10,000円～
　・アニメーションの機能実装：3,000円～ / 1点
　・WordPress化コーディング：7,000円〜

＜無料オプション＞
　・表示速度の高速化のための画像圧縮
　・SEO対策のためのmetaタグ導入、Alt入力

◆サービス購入の流れ◆
　①ヒアリング&お見積り
　　「見積もり・カスタマイズの相談に進む」より、ご依頼内容の詳細をご教示ください。
　　デザインや納期などを確認させていただき、お見積もりさせていただきます。
　　↓
　②お客様にて仮払い
　　見積もりや納品日に問題がなければ、こちらから見積もりの回答をさせていただきます。
　　ご確認いただき、仮払い手続きをお願いいたします。
　　↓
　③コーディング開始
　　仮払い確認後に、コーディングを開始いたします。
　　↓
　④お客様にてご確認、報告書提出
　　テスト環境より構築したページを確認いただきます。
　　また、その際に報告書も併せて提出させていただきます。
　　↓
　⑤修正対応
　　修正がございましたら最大3回まで対応させていただきます。
　　↓
　⑥最終チェック
　　修正箇所も含めて最終の確認をお願いいたします。
　　↓
　⑦ファイル一式をzipファイル化し納品(別途希望がありましたらご相談ください)
　　最終チェック完了後、データを納品させていただきます。

◆納期◆
最短3日にて納品させていただきます。
※リソース状況や実装内容により変動ございます

丁寧な仕事を心がけております。
ご相談・お見積もりのみでも大丈夫ですので、まずはお気軽にご連絡ください。

・納期
　約一週間程度で納品いたします．

ホームページ制作いたします。

WordPress(php)対応可能
レスポンシブ対応可能

HTML/CSS/JavaScript

webサイトの修正を承ります。

既存のWebサイトで訴求しているサービス内容が変更になった！
価格表の金額やプラン名を変更したい！
表示している画像を新しいものに差し替えたい！

など、必要な時に十分なスキルでコーディング対応が可能で、
これまでご依頼いただいたお客様からも高い評価をいただいております。

★ 簡単ですが自己紹介させていただきます★
20年以上の社会人経験と、その中で長く従事した営業職の経験から、
ご依頼をいただくお客様に満足いただくことを最善に対応させていただきます。

★ 対応可能データ★
・PSD、AI、XD形式のいずれか
　AI形式の場合はリンク画像も添付（もしくは埋め込みで）お願いいたします。

★ 動作確認ブラウザ★
・Windows
　Chrome、Firefox、Microsoft Edge
・Mac
　Chrome、Firefox、Safari
・iOS11以降
　Safari
・Android5.0以降
　Chrome

※いずれも最新版です。
※IEへの対応は終了いたしました。

★ 納品形式★
ファイル送付、もしくはご指定のサーバーにアップロード

★ 納期について★
標準納期は「ご依頼内容の共有をいただいた日から」2営業日となります。（ベーシックプランの場合）

以上となります。
ご不明な点がございましたら、お気軽にメッセージにてお問い合わせください。

▼このような方へおすすめ
・模写コーディングを求めている方
・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化
◾️レスポンシブ対応
◾️デザインの再現

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

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

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

＼ 追加料金なし ／
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ページを作成してほしい

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

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

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

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

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

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

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

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

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

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

下記対応可能です。

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

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

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

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

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

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

▼ こんな方におすすめ

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

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

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

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

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

④制作開始

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

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

PhotoshopなどのデザインデータをもとにHTML/CSS/JavaScript(vue.js)にてコーディングいたします。
レスポンシブ対応やアニメーションに付与まで対応いたします。
またHeadlessCMSの導入も可能です。

デザインカンプから『Visual Studio Code』で行います。
Sassで修正や追加しやすいようにCSS設計を意識してコーディングをします。
納品は.zipで圧縮してのお渡しを考えております。

■■■ 個人情報の取り扱いに関して ■■■
個人情報に関しましては、一切当方で保存・複製は致しません。
作業完了後は責任を持って提供頂いた情報の破棄を致します。
安心してご依頼ください。

HTML、CSS、JQuery、Wordpressの技術を使ってWeb制作の業務を提供します。

◇こんな方におすすめ
デザインデータがあり、コーディングをしてほしい方
デザインはご自身で行いコーディングを外注したい制作会社様、デザイナー様　など

◇サービス内容
HTML / CSS / DartSassを用いた静的サイトのコーディング
WordPressサイトのコーディング
スマホ標準対応（レスポンシブ）

◇料金の目安
・トップページコーディング：10,000円～
　下層ページコーディング：1ページ7,000円～

jQueryも対応可能ですのでご相談ください。

※デザインデータによりお見積もりさせていただきますので、お気軽にご相談ください

◇制作の流れ
①ヒアリング・見積もり
ご契約前に、内容のヒアリングをさせていただきます。
質問・疑問点などございましたら、お気軽にお問合せください。
↓
②ご契約
↓
③デザインデータをいただきます
↓
④制作
↓
⑤ご確認・修正
修正回数は特に設けておりません（デザイン等の大幅修正は除く）。
↓
⑥納品

■納品方法
コーディングデータをzipファイルで送付します。
※サーバーアップをご希望の場合はご相談ください。

完成度・デザイン再現度の高いコーディングを行います。

▼このような方におすすめ
・デザインはできるけどコーディングが苦手。
・コーディングを外注できるパートナーが欲しい。
・繁忙期だけのスポット依頼できるパートナーが欲しい。

▼お客様から好評いただいている点
・スマホデザイン不要。（パソコンデザインをベースにレスポンシブはお任せ対応）
・スマホデザインがなくてもレスポンシブの完成度が高く、かつデザインの再現度が高い。
・テキストと画像の差し替え程度なら管理画面から簡単に編集できる。
・WordPressが高速化されている。
・セキュリティ対策が込み。
・サーバーへアップロード納品可。
・WordPress運用のコツを伝授。

▼対応ブラウザ
一般的なモダンブラウザに対応しています。
（つまり、IE等の古いブラウザやマイナーブラウザへの対応はいたしません。）

▼ブレイクポイント
ブレイクポイントは1つを決めるのではなく、デザインに合わせて柔軟に指定するスタンスです。（そのため完成度が高い）

▼実機確認
スマホ: iPhoneSE2
タブレット: iPad Air
パソコン: Macbook Pro

▼納品形式
サーバーに直接アップロード納品いたします。
※その他の納品形式もご相談可。

▼本サービスで対応していないこと
・デザイン制作
・ピクセルパーフェクト（1pxレベルでのデザインの再現）

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

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

・コーディング・Wordpress構築業務の外注先をお探しの制作会社様
・頼めるコーダーがいなくてお困りのデザイナー様
・すでにあるデザインをWEBページ再現ご希望の方

どうぞお気軽にご相談くださいませ！

■お受けできる作業内容

❶HTML/CSS/jQueryを使ったコーディング
（保守・運用しやすいようなCSS設計・デザイン再現をいたします。）
❷Wordpressの導入、構築、改修
（テンプレート使用はもちろん、オリジナルテーマでのコーディング～構築、カスタム投稿やカスタムタクソノミー・フィールドも承ります）
❸LPコーディング
❹JavaScriptの動的実装
（スライダー、スクロールアニメーション、アコーディオン、ハンバーガーメニューなどご相談ください）
❺お問い合わせフォームの実装
※基本的にすべてレスポンシブ対応いたします。

■料金

・下層ページのコーディングや修正案件：10,000円～/ 1ページ
・トップページ・LPのコーディング：30,000円～
・JavaScriptの機能実装：5,000円～ / 1点
・お問合せフォームの設置：内容に応じて別途お見積もり
・WordPress化：内容に応じて別途お見積もり

※料金はあくまでも目安です。
作成するページ数やデザインなどに応じて金額は変動いたします。
ご予算に応じて調整可能でございますので、どうぞお気軽にお問い合わせくださいませ。

■ご契約の流れ

①ヒヤリング　
　　└「見積もり・カスタマイズの相談に進む」より、ご依頼内容を詳しくお聞かせください。実装機能などの確認をさせていただきます。
②お見積もり
　　└お見積もり、納期をご提示させていただきます。
　　　内容に問題がなければ、ご発注をお願いいたします。
③制作
　　└制作に必要なデータ・テキスト・素材のある場合お送りください。
　　最終的な納品日をお伝えし、サイト構築スタートいたします。
④制作物確認
　　└作業完了後、制作物のご確認をお願いいたします。
　　　3回までは無料で修正対応いたします。
⑤納品
　　└最終チェック完了後、データ納品をさせていただきます。
　※サーバーアップロードのご希望の際は、FTP情報など必要になりますので、ご相談くださいませ。

HTML,CSSコーディングを承ります。

密なコミュニケーションと臨機応変な対応を心掛けますので、よろしくお願いします。

サービスを閲覧いただきありがとうございます。
現在フリーランスとして神奈川で活動している齋田隆幸と申します。

サービス内容
・デザインカンプからのHTML/CSSコーディング
・JavaScriptを使用したアニメーション実装
・WordPressサイトの構築・導入
※WordPressはカスタマイズによって別途費用がかかる場合がございます。

無料特典
お客様にはより満足したいただけるよう、以下の作業については無料にて対応させていただいております。

・追加ページ２ページ以内の無料作成
・お問い合わせフォームの導入
・セキュリティに強いプラグインの導入
・なにか不具合があった際には即日対応
ご希望に合わせてお気軽にお申し付けつけください。

デザインデータ
デザインデータは以下の3種類に対応しております。
・Adobe XD
・ figma
・ Photoshop

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

宜しくお願い致します。

デザイン案からホームページをコーティングします。

「急ぎで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フォントを使用したデザインの場合、フォントの契約はお客様の方でご準備をお願いいたします。
・コーディング着手後に大幅なデザイン変更があった場合、追加料金が発生する場合がございます。
・サーバーのご準備はお客様の方でお願いいたします。

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

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

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

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

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

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

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

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

スマートフォンがインターネットコンテンツの主流になる中、かつての簡単なＦＬＡＳＨコンテンツをうまく流用できないかというご相談が増えています。
ただの動画やスライドショーなどはｊＱｕｅｒｙや他のファイルに差し替えることができますが、今回のご提案は、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へ戻る、アンカーリンクのスムーススクロール以外の対応）
・アフターフォロー経過後の修正対応

フリーの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週間ほどお時間いただいております。
ご希望の納期がある場合はご相談いただけますと幸いです。

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

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

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

【使用ツール】
・AdobeXD

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

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

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

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

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

http://tomtomlog.com/

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

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

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

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

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

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

◆作業内容
・HTML/CSSを用いた静的コーディング
・レスポンシブ対応
・JavaScriptの動的実装（スライダー、スクロールアニメーション、アコーディオン、ハンバーガーメニューなど何でもご相談ください）

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

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

■納品形式
Zip or WordPress組込み

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

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

　企業様コーポレートサイトから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円になっていますが、それよりも安価で請け負うことも可能です。
自分には、量がまだ足りていないと思っています。それに伴い幅も足りていないと思っています。ですので私の経験量を加味すると、安価になります。実務経験を積ませていただきたいです。正直スキルは申し分ないと思います。
クライアント様にご迷惑のかからないよう誠心誠意やらせていただきます。
ぜひよろしくお願いいたします。

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

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

コーディング・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コーダーをしている「みっぴ」です。

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

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

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

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

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

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

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

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

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