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

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

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

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

全てお任せください！！

・コーダーの経験年数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形式のファイルでの納品になります。

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

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

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

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

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

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

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

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

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

▼こんな方へオススメ
　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日にて納品させていただきます。
※リソース状況や実装内容により変動ございます

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

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

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ファイルで送付します。
※サーバーアップをご希望の場合はご相談ください。

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

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

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

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

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

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

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

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

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

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

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

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

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

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営業日となります。（ベーシックプランの場合）

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

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

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

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

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

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

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

宜しくお願い致します。

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

【可能な業務】
・デザインカンプからのコーティング〜WordPress構築・公開まで
・ランディングページ制作、スマホ対応
・WordPressの導入・構築・改修（既存テーマでの構築、HTMLサイトのWP化）
・WordPressテーマ「Snow Monkey」を組み込んだホームページ制作（デザインからも承ります）

【制作内容の詳細】
・静的コーティング（1ページ〜）
・タブレット対応、スマホ対応
・お問い合わせフォームの実装（内容に応じて別途お見積り）
・スライダー、スクロール、アコーディオン、ローディング、スクロール、ハンバーガーメニュー等の実装
（各1点5,000円~）
・WordPress化（内容に応じて別途お見積り）

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

Web関係の知識がなくても安心して下さい！
お客様のご要望に全力で対応させていただきます。

少しでもご興味を持っていただけましたら、お気軽にお問い合わせください。
何卒、よろしくお願いいたします！

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

【全体の作業について】

デザインカンプをもとにコーディングを行います。
デザインデータをお送りお願いいたします。

その際、｛pc版はソリッドレイアウト
sp版はリキッドレイアウト｝等ご指定ください。

指定のない場合は上記のレイアウトで
制作対応いたします。

参考サイトなどあればレイアウトの表示をそのようにします。

※こちらの不備のない大幅なレイアウトの変更には追加料金をいただきますので、
よろしくお願いいたします。

リンクタグやリストタグにはこちらで必要そうであれば、
簡単なアニメーションの追加いたしますが、
特にご指定がない場合は後での対応いたしかねますのでご了承お願い致します。

指定がある場合はお気軽にお申し付けください。対応いたします。

【アニメーションについて】

どのようなアニメーションでもできる限り、
制作します。

その際に参考サイトなどあると非常に助かります。

アニメーションに関してはこだわりがある方は、
何度かの修正や細かい指示などお気軽にお申し付けください。

【料金や納期について】

料金や納期については融通ききますのでご相談ください。

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

・HTML＆CSS＆Javascriptのコーディング作業

・ランディングページ（LP）やコーポレートサイトの制作

・レスポンシブ対応

・ホバーアクション

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

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

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

■納品形式
Zip or WordPress組込み

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

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

ホームページの修正や更新を行います！

ホームページの修正や更新を行うにあたってこんなお悩みはございませんか？

【お悩み】
・ちょっと修正してほしいけど、自分ではやり方もわからないしできない…。
・なるべく安く済ませたいんだけど、依頼すると高そうだなぁ…。

➡️全て私にお任せください！！！

【解決策】
・「文字の色やサイズを変更したい」などの簡単な修正から対応！
・ご予算に合わせて安価に対応！

【作業内容】
・文字の色やサイズの変更
・画像の差し替えをしたい
・今あるホームページをスマホに対応させる
・グーグルマップの埋め込み
…など

上記は一例です。
他にも「こんなことがしたい」ということがあれば、ぜひお気軽にご相談くださいませ。

デザインデータからの静的サイトのコーディング作業を代行いたします！

こんなお悩みはございませんか？

【お悩み】
・デザインはできるけど、コーディングができない…。
・デザインデータと違うのができたら嫌だな…。
・なるべく安価で頼みたい。

→全て私にお任せください！！

【解決策】
・デザインデータを渡していただければ、コーディング代行します！
・ピクセルパーフェクトを目指します！
・ご予算に合わせて安価に対応！

【制作例】
・ハンバーガー店のサイト

【作業内容】
・デザインカンプからのコーディング作業の代行
・HTML・CSS・jQueryを使ったコーディング
・FLOCSSを使ったCSS設計を意識したコーディング
・レスポンシブ対応

【ご用意いただくもの】
・デザインデータ(XD、Photoshop)

ＡＵＴＯＣＡＤによる作図
(ＣＡＤ利用技術者 2級の資格)
エクセルによる
・伝票整理
・給料計算
・決算書作成
などを担当しております。

細かな作業もこつこつ真面目に取り組むことができます。

【可能な業務】
上記の業務内容の他、
・エクセルによる作業全般(マクロを含みます)
・画像・映像加工作業(Wondershare Filmora X　で作業しています)
なども得意としております。

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

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

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

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

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

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

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

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

『コーディングにあまりお金をかけられない』
『忙しくてコーディングだけ頼みたい』
方、ぜひ私にお任せください！！

希望のデザイン通りにコーディングいたします。

まずは、「見積り・カスタマイズの相談をする」からお気軽にお問い合わせくださいませ。

◆サービスの内容
・デザインデータからHTML・CSSを使用したコーディング
・レスポンシブ対応（スマホ・タブレットに対応）

■コーディング料金
・基本料金：20,000円〜
・レスポンシブ対応：無料

■納期
稼働状況により変動しますが、ご依頼日の翌日より1週間程度で納品可能です。
※作業開始日より3 〜 4日で初稿をテストアップいたします。

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

■私の強み
①納期厳守
　納期は必ず守ります。
　定期的に作業の進捗を報告致します。
②細部へのこだわり
　どんな方でもわかるようなコーディング
③ヒアリング重視
　Webサイトによって何を実現したいのか目的を共有させていただきます。
　目的達成のため、私からも提案させていただく場合もあります。
④柔軟な対応
　フリーランスであるため、平日休日問わず対応が可能です。
　すぐお答えできない事も、現状をお伝えした上でお調べし、丁寧なご返答を心がけております。

■こんな方にオススメです！
・コーディングは全て丸投げしたい。
・リソース不足で外注したい。
・長期的に依頼できるコーダーを探している。

■その他のサービス内容
・レスポンシブ対応
・jQuery & CSSアニメーション
・お問いわせフォーム実装
・WordPressへの変換作業
・下層ページのコーディング
・サーバーへのアップロード（無料）

本サービスをご覧いただきありがとうございます。
WEB制作、HTMLコーディングを行なっておりますおおたに（Ohtani）と申します。

本サービスはコーディング代行サービスとして出品しております。
以下のようなお客様、私にお任せいただけないでしょうか。
「デザインはあるけどコーディングは任せたい」
「時間がないからコーディングを任せたい」

【サービス内容】
・デザインデータからHTML / CSS コーディング
・レスポンシブ対応
・jQuery使用

【納品までの流れ】
①ヒアリング（コーディングについての内容、スケジールの確認）
②デザインお預かり →Photoshop、Illustrator、XDのデータに対応可能です。
③コーディング作業開始
④内容の確認と修正
⑤最終確認
⑥納品

コーディングのサンプルに関しましては当方プロフィールのポートフォリオをご覧ください。

サービスをご覧いただきありがとうございます！
即レス・丁寧な対応を心がけております。まずは気軽にご相談ください。

■サービス内容
下記、基本料金に含まれる項目です。
・HTML/CSSを用いたコーディング
・レスポンシブ対応
・JavaScript(jQuery)を用いた、スライダー、ハンバーガーメニュー等の実装
・gulp、scssを使用した効率的なコーディング
・BEM設計を取り入れた保守性の高いコーディング

■その他のサービス内容
・WordPressもご相談ください。
・その他（柔軟に対応をさせて頂きますので、ご相談ください。）

■納期
作業量によって異なりますが、基本５日〜１週間ほどお時間いただいております。
ご希望の納期がある場合はご相談ください。

■ポートフォリオ
https://www.resume.id/shigeru

■主な制作の流れ
①ヒアリング〜お見積り
②お客様からのデザインデータのご提供
③HTML&CSSコーディング
④テストサーバーにて確認・無制限修正
⑤最終調整後、納品（または本番サーバーへの反映）

＼ こんなお悩みありませんか？ ／
・昔ホームページを作ったけど知識がなくて更新できていない
・画像を差し替えたい
・文章を変更したい
・崩れている箇所がある
・画像の文字を修正したい
・動画を埋め込みたい
・スマホ対応にしたい
・項目を追加したい
などなど組み合わせ自由で対応いたします！
※画像を作成することも可能です。（有料オプション）

作業の目安は1日2時間程度です。
内容により対応量が変わりますのでお気軽にご相談ください。

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

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

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

　企業様コーポレートサイトから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を使用したコーディング
・レスポンシブ対応

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

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

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

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

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

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

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

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

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

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

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

【使用ツール】
・AdobeXD

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

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

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

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

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

http://tomtomlog.com/

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

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

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

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

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

Photoshop、illustrator、Figmaのいずれかでデザインを頂ければ、
コーディングしたサイトデータを納品いたします。

Web制作でお困りのことがございましたら、是非お手伝いさせてください！

◆サービスの内容
・デザインデータからHTML・CSSを使用したコーディング
　※jsを使った動きや、フォームの作成は別途見積もり対応です
　　（ハンバーガーメニュ、スライダー、お問い合わせフォームなど）
　※Wordpressを使った納品は、別途見積もり対応です

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

◆料金
10,000円～/1ページでお受けいたします。
※あまりに長さのあるLPの様なモノや、複数ページのものは別途見積もり対応です

■注意事項として
※レンタルサーバーの用意とドメイン取得はお客様自身でお願いします。
　ご希望であれば、別途見積もり対応にてサポートはしますが、
　各種お支払いや管理をしていくにあたって、結局お客様の操作が絶対に必要にはなりま　　　す。

※画像に関して、フリー素材でよければこちらでご用意することも可能ですが、
　基本的には　お客様でご用意をお願いいたします。

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

ご提供頂いたホームページまたは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

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

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

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

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

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

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

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

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

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

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

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

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

【ご提供できること】

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

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

【制作実績】

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

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

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

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

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

【制作フロー】

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

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

【ご用意いただくもの】

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

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

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

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

ホームページデザインを経験豊富な実力のあるデザイナーに頼みたい方。
SEO対策を盛り込んだ集客につながるホームページデザインを請け負います。

▼こんな方におすすめ
起業されたばかりの方、時間がない方等におすすめです。
簡単なものであれば即日対応いたします。

▼ご提供内容
HTML/CSSの制作を行います。
資料作成なども合わせで行なえます。

▼ご購入後の流れ
いつまでにほしい、納品の仕方等ご指定いただければご対応いたします。

▼製作可能なジャンル
ウェブ制作であれば、ご対応できます。

▼納期
ご指定いただければ、遵守いたします。