コーディングの依頼・無料見積もり

サービスを閲覧いただきありがとうございます！
まずはお見積もりからお願いしております。

◎ サービス内容 ◎
・HTMLの静的ページのコーディング
・JavaScriptを使用した動きの表現
（スクロールに合わせたアニメーション・スライダー・ハンバーガーメニュー・アコーディオンなど）
・WordPressサイトのコーディング
・WordPressへの機能実装（カスタム投稿・カスタマイザーの設定など）
※WordPressはカスタマイズによって別途費用がかかる場合がございます。

◎ 制作内容 ◎
1ページから複数ページまで承っています。

◎ コーディング費用 ◎
・TOPページ：15,000円〜 / 1ページ
・下層ページ：10,000円〜/ 1ページ
・JavaScriptの実装 → 内容に応じて別途お見積もり
　※簡単なハンバーガーメニューは無料となります。
・お問い合わせフォームの設置 → 内容に応じて別途お見積もり
・WordPress-TOPページ：30,000円〜 / 1ページ
・WordPress-下層ページ：10,000円〜 / 1ページ
※カスタマイズ内容によっては別途追加料金をいただく場合がございます。

※デザインによって金額は変動いたします。
※料金は全てレスポンシブ込みです。

◎ 無料対応範囲 ◎
・画像圧縮（基本的にはwebpに変換いたします）
・SEO対策のmetaタグ設置（内容はご提供お願いします。）
※WordPressの場合はプラグインを使用
・サーバーへのアップロード（FTP情報のご提供をお願いいたします。）、もしくはZipファイル

◎ 流れ ◎

1. コーディング内容の詳細をお聞かせください。
   ↓
2. 納品日と金額をお伝えいたします。
   ↓
3. 問題がなければ、デザインや素材等コーディングに必要な材料をお送りください。
   ↓
4. コーディング開始
   ↓
5. ご確認
   ※修正は基本無料で対応いたしますが、仕様変更等は別途費用となります。
   ↓
6. 納品（サーバーへのアップ・もしくはファイルの送付）
   ※対応ブラウザは「Chrome・Edge・Firefox 」としています。

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

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

宜しくお願い致します。

★＝＝＝初めての方へ＝＝＝★
Webサイトの修正や更新、新規ページのコーディングなどWebサイトのお困り事を解決します！

もし依頼がはじめてで不安な方は、ぜひ依頼前にお気軽にDMをください。
あなたの不安を全て解消して、納得していただいてから正式にご依頼していただきます＾＾

★＝＝＝こんなお悩みを解決します＝＝＝★
・テキストや画像の変更
・スマホで見ると表示が変になる
・デザインやレイアウトを一部変更したい
・HP LPのコーディング
・Wordpressのオリジナルテーマの作成
など、上記以外にもWebサイトのことならなんでもご相談ください。
丁寧にご対応させていただきます！

★＝＝＝価格＝＝＝★

【修正、更新】
1箇所3,000円でご対応します。
パッケージのシステム上10,000円以下は設定できないため、修正希望の方は一度DMください。
詳しい依頼内容をヒアリングして、正式なお見積もりを作成させていただきます。
※内容によっては対応不可の場合もございます。
複数項目ご依頼の場合は、内容によっては割引も可能です。
画像変更のみなどの、簡単な修正のみの場合は複数箇所でも3,000円でご対応します。

【LPコーディング】
33,000円でご対応します。
上記は基本料金になります。
長さによっては変動いたしますので、ご了承ください。

【HPコーディング】
６ページ以内：55,000円
６ページ以降は１ページ8,000円の追加費用がかかります。

＊ご依頼していただく場合は上記金額にシステム手数料（5.5%)がかかりますので
ご依頼していただく前にぜひご確認くださいませ。
詳しくは下記URLにてご確認ください。
https://www.lancers.jp/faq/A1034/936

★＝＝＝納期＝＝＝★

【修正、更新】
最短で即日納品

【LPコーディング】
４日〜

【HPコーディング】
14日〜
＊依頼内容によって変動いたしますのでご了承ください。

・納品までの流れ
①依頼前にDMにて打ち合わせ
②ご契約、仮払い
③作業開始
④確認・修正
⑤納品

★＝＝＝実績＝＝＝★

公開・掲載が難しいものがいくつかありますので、大変お手数ですが個別にお問い合わせいただければと思います。

・デザイナー様からLPコーディング依頼
・制作会社様からWordPress（オリジナルテーマ）のコーディング依頼
・個人事業主の方から静的ホームページの修正依頼など

ここまでご覧いただきありがとうございました。
数多くのサービスから私のサービスに興味を持っていただき、嬉しく思います。

もしお任せしていただける場合は【丁寧な対応】、【最高品質】を持って
料金以上の納品物を納品させていただきます。
その為にもまずは詳細なご依頼内容を伺いたいので、
下記の【ご依頼、お問い合わせ】のURLの「見積もり・カスタマイズの相談に進む」から
一度ご連絡ください。
また質問なども同じURLからお問い合わせできますので、お気軽にご相談ください。

ご検討のほど、よろしくお願いいたします。

【ご依頼、お問い合わせ】
https://www.lancers.jp/menu/detail/1245805

ランサーズ参入にあたり、先着５名様限定でお得にお試しいただけるプランをご用意いたしました！
全１ページのHTMLコーディングでしたら、ボリューム・デザインに関わらず20,000円（税別）追加料金なしでご依頼いただけます。どうぞこの機会にお試しください！

【サービス内容詳細】
・HTML/CSSコーディング
・アニメーションの実装
・レスポンシブ対応
・内部SEO対策
・各種ブラウザの表示確認
・無制限の修正対応
・公開作業（zipで納品も可能です）

【本サービスの強み】
◼︎高品質なサービスをとてもお得に試せる
先着５名様までの限定価格ですので、ぜひこの機会にお試しください。

◼︎細部にこだわった丁寧な構築
→細部の設定を見逃さないため、基本的にピクセルパーフェクトでブラウザとデザインを重ね合わせて差異がないか確認をします。
デザインに応じてリキッドレイアウトや最適なブレイクポイントを選択し、どのブラウザで見てもズレのないよう構築します。

◼︎保守・運用を考慮したCSS設計
保守や運用をしやすいよう、命名規則はBEMをベースに柔軟性を持たせて設計しております。
SCSSで構築を行い、ページやパーツごとにディレクトリを分割・整理しております。
ページ追加の場合は、既存サイトの設計にあわせて構築いたします。

◼︎内部SEO対策
W3Cの基準に沿って適切な見出しやタグでマークアップし、W3Cチェッカーで構造や構文にエラーがないことを確認します。
ご希望に応じて、タイトル・ディスクリプション・OGP等のmetaタグを設定いたします。
こちらで設定することも可能ですが、しっかりと対策を行いたい場合はあらかじめ内容をご用意いただくことをお勧めいたします。
何を設定したら良いかわからない場合はサポートいたしますので、お気軽にご相談ください。

◼︎丁寧なコミュニケーション
リモートだからこそよりご安心いただけるよう、迅速なレスポンスや進捗の報告に加え、温かいコミュニケーションをこころがけております！

ご覧いただきましてありがとうございます♪
はじめまして、LPデザイナーのもーなと申します。
女性向け通販系・美容系ランディングページに特化した制作をしています！
女性に親しみやすい、大人可愛い・高級感、柔らかい色合い、オシャレなイメージの女性向けサイトのデザインが得意です。

テキスト、素材をいただけましたらそれを元にデザインをしてコーディング、サーバーアップロードまで行います。
※サーバー、ドメインはご準備お願いいたします。（テスト環境はこちらでご用意いたします。）

【ご契約の流れ】
①事前のヒアリング
ご契約前にヒアリングをさせて頂き、作業量・納期から正式お見積もり金額お伝えさせていただきます。
② 仮払い・素材のご提供
打ち合わせにてご納得頂けましたら、この段階でご契約とさせていただきます。仮払いをしていただき、画像やテキストなどの素材をご提供いただきます。
③ 制作開始
不明点の確認や進捗報告など適宜コミュニケーションをお願いいたします。
④ 初稿を提出
確認いただき修正を無制限で対応させていただきます。
⑤ 納品
最終確認をいただき、データ納品。

【注意事項】
＊サーバー契約、ドメイン取得、サーバーアップロードはお客様の方でお願い致します。
＊料金は消費税を含まないものになっております。
＊無償修正2回までとさせていただいております。
＊実績としてSNSやポートフォリオに掲載させていただきたいため、掲載不可な場合には予め申し付けください。
＊お問い合わせフォームを設置する場合、Googleアカウントが必要になる為、ご共有お願いいたします。

【最後に…】

この度は数多くのパッケージの中からご覧くださって誠にありがとうございます♪
LPを通して認知や集客に繋がるような売れるLPを制作し、売上UPに貢献させていただけましたら大変光栄でございます！
パートナーとして長期的に一緒にお仕事ができましたら幸いです。
まずはダイレクトメッセージにてお気軽にご相談下さい❤︎
何卒よろしくお願いいたします。

▼エンジニア歴16年の私が制作代行します▼

制作代行のご依頼でこんなお悩みはありませんか？

・代行依頼したがレスポンシブが対応しきれていない。
・構築に関して、仕様提案をしてほしい。
・依頼途中で飛ばれて困っている。
　　
　　　　▼▼▼

そんなお悩みのある方は、エンジニア歴16年の私がご対応します。
これまでの重大なミス・クレーム件数は0件です。
大手での勤務経験を活かし、当たり前のように責任感のあるご対応をします。

チェックリストを用いた品質確認後に納品させていただきますが、
修正・変更等がございましたらお気軽にご連絡ください。

－－－－－－－－－－－－

【実績】

　26サイトの構築
　※掲載不可が多数
　
－－－－－－－－－－－－

【納品までの流れ】

1. 出品者へDM（ダイレクトメッセージ）を送信
   　ご依頼内容を記載し、ご連絡ください。
   　※参考サイトをご提示いただけますと幸いです。

2. 出品者から相談者様へ返信
   　送っていただいた内容について質問や回答を行います。

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

4. 製作開始
   　随時、進捗報告させていただきます。
   　また、確認事項が発生しましたらご連絡致します。

5. 納品物の確認と修正
   　お客様に納品物をご確認いただきます。

6. 最終納品
   　修正箇所・追加のご依頼など全て対応し、納品と致します。
   　※追加の場合は別途費用についてご相談となります。

－－－－－－－－－－－－

【最後に】

私にとって「仕事」とは「喜んでいただくこと」です。
パートナーとしてお取引して良かったと思っていただけるよう、
ご対応させていただきます。

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

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

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

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

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

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

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

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

■当サービスの特徴

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

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

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

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

■ご契約後の流れ

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

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

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

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

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

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

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

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

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

本パッケージはWebサイトのコーディング代行サービスです。
ココナラプラチナランク・60件以上の販売実績有り！
ランサーズ参入にあたりお試し価格でプランをご用意しております。
ぜひお気軽にご相談下さいませ！

■□――――こんな方におすすめ――――□■

「デザインデータはあるけどコーディングをする時間がない」

このようなお悩みをお持ちではありませんか？
・コーディング業務の外注先をお探しの方
・コーディングが苦手な個人Webデザイナー様
・継続的にお願いできるパートナーを探している制作会社様

ご満足頂けるように丁寧かつ柔軟な対応を心掛け、満足していただけるサービスを提供しています

■□―――― 料金 ――――□■

・トップページのコーディング：10,000円 〜
・下層ページのコーディング　：8,000円〜 / 1ページ
・LPのコーディング：25,000円〜
・アニメーション：要相談
・Wordpress構築：要相談

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

修正や部分コーディングも対応可能ですのでお気軽にご相談くださいませ。

■□―――― 対応可能データ ――――□■

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

■□―――― 納品までの流れ ――――□■

① ヒアリング・お見積もり
② ご契約・デザインデータお預かり
③ コーディング
④ テストアップ（ご確認・修正）
　→ テスト環境にアップしお客様にブラウザで確認いただきます
⑤ 最終確認・納品

■□―――― 納品形式 ――――□■

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

■□―――― 注意事項 ――――□■

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

※デザインデータがない状態でのご相談が増えております。参考サイトのみのご提示やデザイン作成込みの対応は行なっておりませんのでご了承ください

ご満足頂けるように丁寧かつ柔軟に対応致しますので、疑問に思った点などがあれば、お気軽にご相談下さい。

ランディングページのコーディングを承ります。

Webデザイナーの方で、コーディングだけ外注したい！
Web制作会社様でコーダーのリソースが急に必要になった！

など、必要な時に十分なスキルでコーディング対応が可能です。

特に、
「お客様の大切なデザインを忠実に再現する」
「お約束した納期を厳守する」
という当たり前の2点について、これまでご依頼いただいたお客様からも高い評価をいただいております。

デザインについては、PC用デザインのみでもスマホ対応（レスポンシブ）が可能です。

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

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

★ 動きのある要素について★
【料金内で対応可能】
・スライダー、カルーセル
・アコーディオン
・タブメニュー
・ハンバーガーメニュー

《オプション料金にて対応可能》
・アニメーション（簡易な動き）
・PHPメールフォームの実装
・その他、動きのある要素

※追加オプションの内容は、下記オプション欄をご参照ください。
※オプション内容により納期が変わります。
※上記にない内容につきましては別途お見積りさせていただきます。

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

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

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

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

ランディンページ(LP)の制作をデザイン、コーディングからアップロードの納品まで一人で対応します。
複数の方と取引をしないので制作業務が円滑です。

初めてのLP制作を考えている方で何を載せて良いか解らない方や原稿が無い方にも、こちらでヒアリングシートとライティングシートをご用意します。

【このような方におすすめ】
・デザインが綺麗なだけではなく、反応が取れるLPが欲しい。
・はじめてLPを作るけど、何を載せれば良いかわからない。
・無料のサービスでは作れない、オリジナルのLPが良い。
・修正の際の追加料金が煩わしい。
・デザイン、コーディング、アップロードまでを任せたい。

【サービス内容】
・オリジナルデザイン
・コーディング
・有料写真素材提供
・ファビコン設置
・スマホ対応
・サーバーアップロード
・納品まで修正回数無制限
・長さ無制限
・フォーム設置
・計測タグ(Googleアナリティクス等)設置
・HTML、CSS納品

【制作工程】

1.お問い合わせ：まずは、お気軽にDMよりお問い合わせください！
⬇
2.資料送付：ご購入後、ヒアリングシート、ライティングシートを送付します
⬇
3.資料返信：資料、画像など素材を送っていただいてから制作開始となります
⬇
4.全体完成
⬇
5.確認＆修正
⬇
6.納品（HTML&CSS）

こちらのパッケージはコーディングの代行、WordPress構築（オリジナルテーマ制作）
のサービスです

こんな方におすすめ
✅コーディング業務を外注したい
✅コミュニケーションコストがかからず仕事ができる人を探している
✅継続的にお願いできるパートナーを探している制作会社様
✅コーディングできる人を探しているデザイナー様、デザイン会社様

現在は制作会社様の他、フリーランスのディレクター様からのご依頼で
制作会社様、デザイン会社様からのコーディング業務をメインに
継続的にお取り引きをさせてもらっています。

丁寧なやり取り、即レス対応など当たり前を確実にし、お相手に満足していただける
サービスを提供しています！

●●パッケージ内容
▶︎静的コーディング
　・LPコーディング
　・コーポレートサイトコーディング
　・JavaScript（jQuery）を用いた各種アニメーション対応
　・PCのみのデザインデータから各種サイズのレスポンシブ対応可能
　・BEM、FLOCSSを用いたCSS設計によりコードの保守性担保
　・テスト環境
　・基本は無料修正対応
▶︎WordPress構築
　・オリジナルテーマでの実装可

●●品質チェック、対応ブラウザ・端末
品質チェック内容の詳細共有し、チェックのお手間を減らします
各種ブラウザ、端末でのチェック内容も共有
端末：Mac/Windows/iPhone/Android
ブラウザ： Chrome、FireFox、Microsoft Edge、Safari

●●納品方法
zipファイル、FTPサーバー、GitHub、WordPress環境にデータ移行

●●扱えるツール
・HTML / CSS / SCSS / jQuery / WordPress / gulp / EJS / Git,GitHub

●●対応デザインデータ
・Figma / XD / Photoshop / Illustrator

●●対応できる作業
コーディング作業全般
LP制作、コーポレートサイト制作、WordPress構築を主にお受けしております

●●実績
・HTML/CSSを用いたLP制作
・チーム開発で企業コーポレートサイト制作（EJSコーディング、Githubソース管理）
※こちらでの公開は控えますが、お見せできる実績もございますので
　一度お声掛けいただけると幸いです

●稼働時間
AM3時〜PM17時まで
必要時にはご相談いただければ21時まで対応可能
土日問わず対応できます

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

実績5件まで1ページ3,000円〜でWEBサイトのコーディングをお手伝いいたします。

パッケージ内容

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

HSP（Highly Sensitive Person：非常に感受性が強く繊細な気質を持った人）の私が人一倍繊細にあなたのWEBサイトのコーディングをお手伝いいたします。
ポートフォリオなどはプロフィールにて紹介しておりますので、よろしければご覧ください。

当パッケージでは私のHSPの気質を活かし、お客様に不快な思いをさせないよう、人一倍繊細にやり取りさせていただきますので、初めての方でもお気軽にご相談ください。
購入されない場合でも丁寧に対応させていただきますのでご安心ください。

【当パッケージの特徴】
・実績5件まで3,000円〜でお受けいたします（システム上10,000円となっていますが、見積もり時にコーディング内容をヒアリングし、価格を変更いたします）。
・HSPの私が人一倍繊細に、丁寧に対応いたします。
・修正回数無制限で対応いたします。
・納品後に更新が必要な場合も丁寧に対応させていただきます。
・Next.jsを使用し、SEO対策を行います。

【料金について】
WEBサイトのコーディングは専門知識と技術が必要です。
しかし高額な費用がかかってしまうため、WEBサイトの作成を諦めてしまう方も多いのではないでしょうか。
私のパッケージでは、実績5件まで3,000円〜でコーディングいたします。
これは業界最安水準です。

【修正について】
デザインをもとにコーディングさせていただきますが、実際にコーディングされたWEBサイトを見ると「この部分に動きをつけたい」というような要望が出てくると思います。
そのような要望にも無制限で対応させていただきます。
※デザインが最初から大きく変更される場合は追加料金をいただきます。

【SEO対策について】
「SEO」という言葉はご存知でしょうか。
SEOとは「Search Engine Optimization」の略であり、検索エンジン最適化を意味します。
SEO対策を施すことにより、WEB検索で上位に表示されやすくなります。
SEO対策には複数の要素がありますが、ページの表示速度を高速化することが1つの要素になっています。
Next.jsを使用することでページを高速で表示できるようになるため、SEO的にも有利になります。
つまり作成したWEBサイトを見てもらいやすくなります。

【ご購入後の流れ】
① 依頼前にお見積もり
↓
② ご契約、仮払い
↓
③ デザインをもとにWEBサイトをコーディング
↓
④ やり取りの中でWEBサイトを修正
↓
⑤ 納品

【基本料金に含まれる内容】
・1ページのコーディング（あまりに長い場合は追加料金がかかります）
・HTML/CSS（Tailwind CSS）/JavaScript（Next.js）を使用したWEBサイトの作成
・簡単な動きのあるWEBサイトの作成
・スマートフォン/タブレット/パソコン対応のレスポンシブコーディング（2つ以上のブレークポイントが必要な場合は追加料金がかかります）
・無制限の修正（デザインが大きく変わる場合は追加料金がかかります）

【追加料金について】
・2ページ目以降のコーディング：2,000円〜
・複雑な動きのあるWEBサイトの作成：3,000円〜
・2つ以上のブレークポイント：2,000円〜
・最初のデザインから大きく変更がある場合：3,000円〜

私からのメッセージ

ここまでご覧いただきありがとうございました。
数多くのパッケージから私のパッケージに興味を持っていただきうれしく思います。

私はお客様の想いをWEBサイトを通してより多くの人に伝えたいと思っています。
私の繊細な感性であなたのWEBサイトを丁寧にコーディングいたします。

お客様に寄り添って丁寧に対応いたしますので、他のサービスとも比較していただいたうえで、私のサービスに魅力を感じていただけた場合はお見積りをよろしくお願いいたします。

＼ モニター価格 ／
WordPressでホームページ・ランディングページの制作をいたします。
公開後2ヶ月間の無料サポート付きですので、ご安心ください！
また、納品時に更新マニュアルのお渡しをいたしますので、運用も安心です！
※制作後のページは実績として当方のポートフォリオサイトなどでご紹介させていただきます。

▼こんな方におすすめ

• お店のホームページをかっこよくおしゃれにしたい
• 自分で更新できるようにしたい
• 知識がなくサポートをして欲しい

など、お悩みの方はお問い合わせください！

＼ もっと安く早く作って欲しい！ ／
そんな方にはSTUDIOでの制作パッケージもおすすめです！
https://www.lancers.jp/menu/detail/1254245

▼納期
14日〜45日程度

▼料金プラン
①ベーシック：5万円
ランディングページ or ホームページ (1～5p)
※テーマ編集制作

②スタンダード：9万円
ホームページ (5～10pまで)
※テーマ編集制作

③プレミアム：15万円
ホームページ (1～10pまで)
※オリジナル構築

※納期・金額は案件のボリュームなどによって変動する場合がございます。
初めに詳細確認・納期確認・お見積りをさせていただきます。

▼プラン内サービス
①公開後2ヶ月間の無料サポート（簡易修正も対応可能）
②アカウント開設サポート（代行の場合はオプションで有料となります）
③メイン画像制作（パソコン・スマホ各1点ずつ）
④写真素材（登録サイト内）使用可能
⑤スマホ対応デザイン
⑥お問い合わせフォームの設置
⑦修正対応
⑧ページ公開設定
⑨Google Analytics・Google Search Consoleの設定（必要な方のみ：gmailアカウントの取得をお願いしております）

▼ご依頼からご納品までの流れ
①まずは相談する (無料) からご連絡ください。
↓
②簡易ヒアリングの後に概算お見積りと納期を提示します。
↓
③デザインなど打ち合わせ・ヒアリングをさせていただきます。
↓
④制作開始
※掲載文章（テキスト）やお写真は基本的にお客様から支給いただきます。
※お写真がない場合の素材対応もこちらの登録サイト内で対応可能です。
↓
⑤ページ確認・修正対応
↓
⑥修正完了後、ページ公開・ご納品とさせていただきます。

まずはお気軽にお問い合わせください！

コーダーであるあなたは

「コーディングはできるけど、デザインはできないよ‥」

「自分で作ったけど、なんかダサい」

「反応がない‥」

と感じたことはありませんか？

その悩み

私がマルっと解決いたします。

Webコーダーさんご自身の

ポートフォリオサイトのデザインを制作いたします。

Webコーダーさんは制作会社、

又はエンドのお客様相手に営業をされる際に

ポートフォリオサイトが必要になってきます。

もしくは既に持っていても

「営業しても仕事が取れない」

と、お悩みではありませんか？

でもそれは当然なのです。

あなたは、

コーディングの学習はしてきても

デザイン・ライディングの学習はしてきていないのですから

そんな時は思い切ってお願いしてしまいましょう。

私はデザインに加え、Webコピーライティングも経験がございます。

また、デイトラのWeb制作コースも卒業しているため

コーディングの知識、技術もございます。

コーディングをしやすいデザインにて

納品させていただきます。

一緒に仕事を獲得しお客様に貢献していきましょう！

🌟 Webサイトを理想のものに。一緒に叶えましょう！ 🌟

新しいWebサイトをお考えですか？
私がお手伝いいたします！
個人様でも企業様でも、お気軽にご依頼ください。

当サービスの特長をご紹介いたします。

✨ 安くても高品質なサイトを提供 ✨
予算に優しく、品質にこだわります。
あなたのビジョンを形にし、訴求力の高いサイトを創ります。
金額を低めに設定しているのは、ランサーズでの実績やレビューを通して依頼に不安がある方でも気軽に発注していただきたいという理由もあります。
手を抜いたりクオリティを妥協したりすることはございません。
納期の変更は、かなり複雑な修正依頼や企画変更などが発生した事例でごく稀にございます。

💻 デザインからコーディングまでフルサポート 💻
手間いらず！デザインからコーディングまで、すべてお任せください。
もちろん、「こんな感じがいい」「こんな構成にしたい」というご要望があれば取り入れます。

🌈 多彩なテイストに対応可能 🌈
「オシャレ」「カッコイイ」「カワイイ」など、あらゆるテイストに対応。
あなたが理想とされるデザインのサイトをご提供いたします。
どんなテイストをご希望か、お聞かせください！
デザイン以外にも、
「集客したい」
「自社サービスの特徴を分かりやすく伝えたい」
「会社をPRしたい」
「お問い合わせ窓口として機能させたい」
など、サイトを制作する目的もぜひお伝えください！

🚀 デザインカンプの高度な再現性 🚀
すでにデザイン案をお持ちの場合は、そちらをWebサイトとして形にするコーディングのみを承ることもできます。
提供されたデザインカンプを細部まで忠実に再現し、理想通りの成果物をお届けいたします。

🖊 WordPressにも対応 🖊
WordPressでの制作もOK！
既存テーマのカスタマイズだけでなく、テーマを自作して完全オリジナルデザインでの制作も可能です。

😌 初めての方も安心 😌
Webサイト制作のご依頼に慣れていなくても、心配ありません。
きちんとしたコミュニケーションとサポートを通して、ご希望どおりのサイトを手に入れていただけますのでご安心ください。

🎨 印象的なアニメーションでサイトを彩る 🎨
サイトに動きをプラスし、訪れる人に感動やインパクトを与える視覚的な演出を駆使。
利便性と楽しさを兼ね備えた、印象深いサイトづくりができますよ！

✨ あなたのストーリーやサービスを、Webサイトで輝かせよう！ ✨

まずはお気軽にご相談ください。
お客様のニーズに最適なプランをご提案いたします。
感動的なWebサイトを一緒に創り上げましょう。

*お申し込みに関して
デザインからコーディングまでまるごとお任せいただいても、デザインorコーディングのどちらか一方のみのご依頼でもかまいません。

料金内に含まれるサービス
・スマホ/タブレットデザイン対応
・基本的なSEO対策による検索エンジン最適化
・セキュリティ対策(常時SSL化)
・アニメーションなど動きの演出
・1ヶ月間のアフターサポート（更新含む）
・（WordPressの場合）既存テーマを使用せずオリジナルでの制作→既存テーマを使用したい場合ももちろん対応可能
・お問い合わせフォームの設置

上記を含めた上で、見積金額をご提示いたします。
あとからページが追加になった際などは、別途追加料金の相談をさせていただきます。

【自己紹介】
イラストレーター・漫画家、そしてフロントエンドエンジニアとしての職務経験があります。
近年はフロントエンドエンジニアとしての活動をメインにしております。
同時にデザインの勉強も重ね、Webサイトを自らデザインしてコーディングするスキルもレベルアップしています。

私の強みは、クリエイティブな発想を取り入れたデザイン、そして効率的なコーディングです。
これらのスキルを生かして、ユーザーが使いやすく、満足していただけるWebサイトの開発に貢献いたします。

【習得済みスキル】
HTML5/CSS3/JavaScript/GSAP/jQuery/PHP/WordPress

CSSはSass（SCSS）を使用して構築しており、FLOCSSにて設計しております。
WordPressは、既存テーマを使用せず一から自作してオリジナリティがあるサイトにできます。
デザインにはPhotoshopやIllustrator、Figmaなどを使用。
また、2023年からはVue.jsやLaravelの学習を開始し、それらを使用したWebアプリの制作にも取り組んでいます。

本パッケージはWebサイトのコーディング、WordPress制作・カスタマイズのサービスです。

▼こんな方におすすめ
・コーダー不足で外注先を探している方
・コーディングが苦手なWebデザイナー様
・ディレクションやデザインに集中したい方
など

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

▼内容
・静的コーディング
・LPコーディング
・WordPressコーディング（オリジナルテーマ）
・WordPress既存テーマカスタマイズ（Snow Monkey、SWELLなど）

▼実績
公開・掲載が難しいものがいくつかありますので、大変お手数ですが個別にお問い合わせいただければと思います。

・Webデザイナー様からWordPress（Snow Monkey）サイトのコーディング依頼
・Web制作会社様から10～15Pの静的コーディング依頼
・Web制作会社様からWordPressサイトの更新、メンテナンス
など

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

デザインデータからWebサイトのコーディング、WordPress制作・カスタマイズのサービスです。

◆ サービス内容
・静的コーディング
・LPコーディング
・WordPressコーディング（オリジナルテーマ）
・CSSアニメーション
・WordPressの実装(オリジナルテーマ制作 / カスタマイズ)
・WordPressのお問い合わせフォーム実装

◆ 基本料金内
・jQuery/JavaScriptの実装
・レスポンシブ対応
・画像圧縮による表示速度最適化(Webp対応あり)
・SEO対策(metaタグ、画像に適切なalt、文書構造に適した適切なHTMLタグなど)
・テスト環境のご用意
・修正無料
・アフターサポート
納品後14日以内のテキストや画像の差し替えなど、軽微な修正可能。

web制作のご相談や、既存サイトの一部修正など
まずはお問い合わせください。

◆ページ料金目安
・トップページ：30,000円～
・下層1ページ：10,000円～
・複製ページ：2,000円～
・LPコーディング：50,000円～
・WordPress実装：要相談

◆ こんな方におすすめ
・コーダー不足で外注先を探している方
・コーディングが苦手なWebデザイナー様
・ディレクションやデザインに集中したい方

サービス運営者様、会社経営者様、個人などでも可能ですので
まずはお気軽にご相談ください。

◆ 製作の流れ
①ご相談・ヒアリング

②契約
ご相談の上、ご検討していただきお申し込みいただけたらと思います。

③制作開始

④ご確認・修正

⑤納品

ー1. こんな方へおすすめ:

• 個人ブランドを構築したい方
• 小規模ビジネスを展開する方
• ポートフォリオサイトや個人ブログを持ちたいクリエイター
  -イベントに際しウェブサイトを構築したい方
  -今までのウェブサイトから新しくウェブサイトを更新したい方
  -リブランディングを行い業務方針等が変更になった方

ー2. ご提供内容:

• カスタムデザインに基づくウェブサイトの制作
• レスポンシブデザイン対応（PC、タブレット、スマートフォン）
• 基本的なSEO最適化
• カスタムドメインの設定サポート
• コンテンツのアップロードと初期設定

ー3. ご購入後の流れ

1. 「ヒアリング」
   ご連絡とニーズヒアリング: パッケージ購入後、クライアント様との打ち合わせを行い、要件やデザイン　　　の希望を徹底的にヒアリングいたします。ここで３日ほど競合等の情報の洗い出しやブランドの位置、詳細なターゲット等を明確にしていきます。（３日）

2.「 デザインの提案」
表面的なデザインを制作し、全体的なデザインを構築していきます。（４～５日）

3.「 制作」
デザインが確定したら、ウェブサイトの制作に入り、進捗状況をこまめに送らせていただきます。
修正箇所が見つかった段階でご連絡していただき、随時修正を入れながら進めていきます。（１０日）

4.「 テストと修正」
制作が完了したのちクライアントに提供し、フィードバックを受け、最終的なチェックに入ります。
ここで最終調整をいたします。（５日）

5.「 納品」
修正が完了したら、ウェブサイトを公開し、クライアントに引き渡しをいたします。
ここまでが流れとなります。

ー4. 製作可能なジャンル:

• 個人ポートフォリオ
• ブログ・ニュースサイト
• 小規模ビジネスサイト
• アーティスト・クリエイターサイト
  -サービス提供サイト
  -プロダクトサイト
  -イベントサイト
  -コーポレートサイト
  その他なんでもご相談ください

5. 納期:
   • 通常の制作期間は約4週間ですが、プロジェクトの複雑さや要望によって変動する可能性があります。制作開始前に具体的な納期を相談させていただきます。急ぎの場合は対応可能な限り柔軟に対応いたします。

【★初回10%OFF★実績100件以上！制作会社勤務歴9年のデザイナー兼コーダーがコーディングします】

「デザイン通りにコーディングしてほしい」
「スマホデザインはないけど、スマホ対応にしてほしい」
「作った後も更新や修正などの保守をお願いしたい」

中小企業様、店舗様、こんなお悩みありませんか？？
はじめての方でも大丈夫。そのお悩み、解決いたします！

PCデザイン、スマホデザインのどちらかしかない方も大歓迎です！

もしお見積もり金額が予算を超える場合はお気軽にご相談ください。

■対応可能データ
・Adobe Photoshop
・Adobe Illustrator
・Adobe XD

■制作内容の詳細
・WordPress（静的コーディングをご希望の方はご相談ください）
・レスポンシブ対応
・Sassを使用したコードのメンテナンス（scss記法）
└※scssファイルは納品いたしませんのでご了承ください
・更新者が運用しやすいCSS設計（REMM）
・内部SEOを意識したマークアップ
・スマホ（またはPC）デザインがない場合、コーディングベースで作成
・画像サイズ圧縮
・webp化
・ファビコン作成
・OGP画像作成
・Webクリップアイコン作成

■料金範囲内
・お知らせ機能（WordPressのデフォルト投稿を使用します）
・スライダーまたはカルーセル（1つまで）
・アコーディオン
・トップへ戻るボタン
・ハンバーガーメニュー

■割引特典対象内容
下記に該当するお客様・制作内容につきましては、10〜30%割引させていただくことがございます。
・初めてご依頼いただいたお客様
・継続してご依頼いただいたお客様
・コンテンツ内容が少ないページ
・シンプルなデザインで制作

■サービス対象外
・テスト環境構築
・WordPressテスト環境→本番環境への公開作業
・サイト引っ越し
・ドメイン設定
・データベース作成
・サーバーからのWordPress簡単インストール
・Javascriptを一から組んだような過度なアニメーション
・アナリティクスを使ったWeb解析
・埋め込みタグ発行（埋め込みは可能）

■今までの制作実績
https://www.lancers.jp/profile/tsukito3103/portfolio_popup/563916

■ご契約の流れ
┗お見積もりMTG[必須]
┗仮払い[必須]
┗制作開始
┗納品

ここまでご覧いただきありがとうございました！
こちらに記載している内容以外にもお気軽にご相談ください。

例）CMSを使わずHTMLでコーディングしてほしい、LPやバナーのデザインを作ってほしい など

デザイナー様/制作会社様向け

【ホームページ/ランディングページのコーディング代行をさせていただきます。】
「デザインは出来るけど、コーディングが出来ない。」
「忙しいのでコーディングだけやってほしい。」

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

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

レスポンシブ対応込みです。
ご要望、ご意見、ご質問など、なんでもお申し付けください！

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

■当サービスの特徴
・デザインを忠実に再現
→デザインデータを綺麗に形にいたします。 Pixel Perfectという拡張機能を用いてズレを最小限に抑えます。

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

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

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

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

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

3. 制作開始
不明点の確認や進捗報告など、適宜情報共有を図りながら制作を進めさせて頂きます。

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

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

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

ご依頼頂いた仕事を途中で投げ出すようなことは致しません。
即レス・即対応を心がけております。

最後までお客様と共に気持ちよくお仕事をさせて頂ければと思いますので宜しくお願い致します。

【★初回10%OFF★実績100件以上！制作会社勤務歴9年のデザイナーがWebデザインを制作します】

「新事業を始めたからHPが欲しい。でも、どうやって進めればいいんだろう...」
「予算内で高品質なデザインをお願いしたい」
「急ぎだから、短期間で作ってほしい」

中小企業様、店舗様、こんなお悩みありませんか？？
はじめての方でも大丈夫です。そのお悩み、解決いたします！

もしお見積もり金額が予算を超える場合はお気軽にご相談ください。

■特色
デザインを一から考え、お客さまのスケジュールに合わせ最短2日でスピード納品にも対応いたします。

■システム
・Adobe Photoshop
・Adobe Illustrator
・Adobe XD

■今までの制作実績
https://www.lancers.jp/profile/tsukito3103/portfolio_popup/563916

■割引特典対象内容
下記に該当するお客様・制作内容につきましては、10〜30%割引させていただくことがございます。
・初めてご依頼いただいたお客様
・継続してご依頼いただいたお客様
・コンテンツ内容が少ないページ
・シンプルなデザインで制作

■サービス対象外
・原稿作成
・写真撮影
・動画撮影

■ご契約の流れ
┗お見積もりMTG[必須]
　※こちらで用意する要件定義書を【わかる範囲】でご記入いただく場合がございます。
┗仮払い[必須]
┗制作開始
┗納品

■ご用意いただくもの
・ロゴ、写真素材（ない場合は、こちらで無料素材を用意させていただきます）
・ExcelやWordなど、コピペできる原稿
・参考サイト（1〜3つ）

ここまでご覧いただきありがとうございました！！
こちらに記載している内容以外にもお気軽にご相談ください。

例）コーディングもお願いしたい、広告バナーやLINEのリッチメニュー画像を作ってほしい など

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

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

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

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

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

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

1. HTML／CSSコーディング
2. レスポンシブ対応
3. 画像、CSSファイル、JavaScriptファイルの圧縮
4. テスト確認用サーバーの設置（こちらで用意）
5. アフターフォロー（納品後1週間以内）
   →納品後のテキストや画像の差し替えは無料対応いたします。

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

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

◆納期

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

◆納品までの流れ

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

◆お見積り参考例

【長さ10,000pxのランディングページコーディング例】
・ページ長さ10,000px：31,000円
・ページトップボタン：無料
・ドロワーメニュー：10,000円
参考価格：41,000円

【8ページのホームページコーディング例】
・トップページ（長さ4,000px）：25,000円
・下層ページ（長さ2,000px）×6：72,000円
・下層ページ（プラポリ）×1：6,000円
・お問い合わせフォーム：17,000円
・ページトップボタン：無料
・ドロワーメニュー：10,000円
・スライダー：15,000円
参考価格：145,000円

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

経験3年目のWebエンジニアがあなただけの高品質なホームページをWordpressで制作致します。
企業、個人、食品店舗、塾などのサイトを制作してきました。

【即レス対応】
サイト制作に関してご不安にならないよう即レス対応で取り組んでおります。

【問題解決のための対応】
ご希望やご質問などに真摯にお答えいたします。サイト制作後に「わからないこと」がないようにしておくことが大切です。「制作してよかった」と思えるように私がお手伝いを致します。

【一緒に作り上げるWebサイト】
クライアント様と一緒に0から、末長く使いやすいサイトの構築を致します。

以下直近の実績です。
https://goodebike.co.jp/
https://anello-inc.co.jp/
https://aimiru.com/

●プラン内容●
※不明点は直接お問い合わせください。

《ベーシックプラン》
Wix・STUDIO
WordPressテンプレートデザイン（Snow Monkey・Ligitning）

トップページ+下層4ページ
Wix,STUDIO,Wordpress設置/初期設定
お問い合わせフォーム設置
スマホ対応（レスポンシブ）

《スタンダードプラン》
WordPressテンプレートデザイン（Snow Monkey・Ligitning）
トップページ+下層9ページ
基本プラグイン設定
画像スライダー、動画設置
投稿機能設置
お問い合わせフォーム設置
SEO対策
スマホ対応（レスポンシブ）
SSL対応

《プレミアムプラン》
トップページ+下層14ページ

【サービスの流れ】
①　ダイレクトメッセージか問い合わせ
↓
②　ご希望のヒアリング・見積もり
↓
③　サーバー・ドメイン取得（お客様自身で行っていただきます）
↓
④　Wordpressでの作業開始
↓
⑤　納品物のご確認
↓
⑥　納品

【ご用意、お知らせ頂きたい情報】
・サーバー・ドメイン情報
・ブログのタイトルやキャッチコピー
・画像（トップページのヘッダー画像やロゴ画像）

【★初回10%OFF★実績100件以上！制作会社勤務歴9年のデザイナー兼コーダーがコーディングします】

「デザイン通りにコーディングしてほしい」
「スマホデザインはないけど、スマホ対応にしてほしい」
「作った後も更新や修正などの保守をお願いしたい」

中小企業様、店舗様、こんなお悩みありませんか？？
はじめての方でも大丈夫。そのお悩み、解決いたします！

PCデザイン、スマホデザインのどちらかしかない方も大歓迎です！

もしお見積もり金額が予算を超える場合はお気軽にご相談ください。

■対応可能データ
・Adobe Photoshop
・Adobe Illustrator
・Adobe XD

■制作内容の詳細
・静的コーディング（WordPressをご希望の方はご相談ください）
・レスポンシブ対応
・Sassを使用したコードのメンテナンス（scss記法）
└※scssファイルは納品いたしませんのでご了承ください
・更新者が運用しやすいCSS設計（REMM）
・内部SEOを意識したマークアップ
・スマホ（またはPC）デザインがない場合、コーディングベースで作成
・画像サイズ圧縮
・webp化
・ファビコン作成
・OGP画像作成
・Webクリップアイコン作成

■料金範囲内のアニメーション
・スライダーまたはカルーセル（1つまで）
・アコーディオン
・トップへ戻るボタン
・ハンバーガーメニュー

■割引特典対象内容
下記に該当するお客様・制作内容につきましては、10〜30%割引させていただくことがございます。
・初めてご依頼いただいたお客様
・継続してご依頼いただいたお客様
・コンテンツ内容が少ないページ
・シンプルなデザインで制作

■サービス対象外
・テスト環境構築
・サイト引っ越し
・ドメイン設定
・Javascriptを一から組んだような過度なアニメーション
・アナリティクスを使ったWeb解析
・埋め込みタグ発行（埋め込みは可能）

■今までの制作実績
https://www.lancers.jp/profile/tsukito3103/portfolio_popup/563916

■ご契約の流れ
┗お見積もりMTG[必須]
┗仮払い[必須]
┗制作開始
┗納品(ファイル送付、もしくはご指定のサーバーにアップロード)

ここまでご覧いただきありがとうございました！！
こちらに記載している内容以外にもお気軽にご相談ください。

例）WordPressでコーディングしてほしい、LPやバナーのデザインを作ってほしい など

ご覧いただきありがとうございます！
こちらのパッケージでは、FigmaやXDなどのデザインカンプをSTUDIOで実装いたします。

▼こんな方におすすめです
・デザインカンプはあるものの、実装する時間がない
・STUDIOの操作が思いのほか難しい
・レスポンシブ設定でデザインが崩れてしまう
・更新が簡単にできるよう、わかりやすい構造で実装したい
・SEO対策を万全にしておきたい

▼実装の流れ
①お見積り
まずは依頼内容について事前にご相談ください。
ヒアリングをもとに、正式なお見積りや納期などをご提示いたします。

②ご注文・仮払い
内容に問題がなければ、ご注文・仮払いをお願いいたします。

③STUDIO実装
FigmaやXDなどのデザインカンプをご共有いただき、STUDIO実装を開始します。

④ご確認
実装完了後、STUDIOのプロジェクトにご招待いたしますので、内容のご確認をお願いいたします。

⑤修正
修正点があれば、随時対応いたします。

⑤納品
修正完了後、STUDIOのプロジェクトの権限をお渡しして、納品完了とさせていただきます。

▼料金について
・料金表に記載の金額はあくまで目安です。ご依頼内容に応じて金額が異なります。
・特にLPはボリュームによって金額が変動いたしますので、必ず事前にご相談をお願いいたします。

【★初回10%OFF★実績100件以上！制作会社勤務歴9年のデザイナーがWebデザインを制作します】

「制作をお願いできるデザイナーさんがいない」
「予算内で高品質なデザインをお願いしたい」
「急ぎだから、短期間で作ってほしい」

ディレクター様、コーダー様、こんなお悩みありませんか？？
そのお悩み、解決いたします！

もしお見積もり金額が予算を超える場合はお気軽にご相談ください。

■特色
デザインを一から考え、お客さまのスケジュールに合わせ最短2日でスピード納品にも対応いたします。

■システム
・Adobe Photoshop
・Adobe Illustrator
・Adobe XD

■今までの制作実績
https://www.lancers.jp/profile/tsukito3103/portfolio_popup/563916

■割引特典対象内容
下記に該当するお客様・制作内容につきましては、10〜30%割引させていただくことがございます。
・初めてご依頼いただいたお客様
・継続してご依頼いただいたお客様
・コンテンツ内容が少ないページ
・シンプルなデザインで制作

■サービス対象外
・原稿作成
・写真撮影
・動画撮影

■ご契約の流れ
┗お見積もりMTG[必須]
　※こちらで用意する要件定義書を【わかる範囲】でご記入いただく場合がございます。
┗仮払い[必須]
┗制作開始
┗納品

■ご用意いただくもの
・ロゴ、写真素材（ない場合は、こちらで無料素材を用意させていただきます）
・ExcelやWordなど、コピペできる原稿
・参考サイト（1〜3つ）

ここまでご覧いただきありがとうございました！
こちらに記載している内容以外にもお気軽にご相談ください。

例）コーディングもお願いしたい、広告バナーやLINEのリッチメニュー画像を作ってほしい など

■こんな方におすすめ
ホームページ作成を安くかつ手間いらずをお求めの方。技術不要でオリジナルなサイトを持ちたいビジネスオーナー様や個人事業主様（個人含む）に最適です。

■ご提供内容
①完全丸投げサービス： 技術知識不要。お客様のアイディアを元に、デザインからコーディングまでトータルでサポート。
②魅力的なデザイン： ビジネスにぴったりなデザインを提供。オリジナリティとプロフェッショナリズムを融合。
③SEO最適化込み： 検索エンジンでの高い可視性を確保。ビジネスのオンラインプレゼンスを向上させます。

■ご購入の流れ
①ご相談：メッセージまたはお問い合わせフォームでご連絡いただけますと幸いです。
②ヒアリング： お客様のビジョンをヒアリングし、理想のサイトを共有します。
③制作開始： 制作が開始され、進捗に応じて随時ご報告いたします。
④納品： サイト完成後、動作確認を経て納品いたします。

■作成可能なジャンル
ビジネスサイト
ポートフォリオサイト
ブログサイト
個人ブランドサイト など

■料金プランやオプション
お客様の要望に合わせた柔軟なプランをご用意。詳細についてはお気軽にお問い合わせください。

■納期
通常は約3週間程度。緊急の場合はご相談に応じます。素早い対応でビジネスの展開をサポートします。

■こんなお悩みを解決
・最初のホームページ作成に費用をあまりかけたくない
・運用コストをかけずに、自分で管理・更新ができるWebサイトが欲しい
・無料テーマで自作をこころみたけど挫折した
・新規設立・新規事業を立ち上げることになり、Webサイトが必要になった
・費用を抑えてを作りたいけど、将来的なことも見据えてしっかりしたものが欲しい

■ページ構成例
▼5ページ場合のページ構成例
1.トップページ
2.About us
3.事業紹介
4.会社案内
5.お問い合わせ（メールフォーム）
※ブログ、NEWＳの投稿も可能

■標準仕様
・基本的なSEO内部対策
・Webサイトの表示速度最適化
・スマートフォン表示対応
・セキュリティ対策
・Googleアナリティクス、サーチコンソールの設定
・ブログ、NEWS（お知らせ）の投稿機能
・メールフォーム
・Googleマップ（埋め込み）

ご不明な点やご相談などありましたら、メッセージからお気軽にお問い合わせください。

【1ページ30,000円→15,000円】ランサーズ出品記念として先着５名様で半額キャンペーン実施中！

　
本サービスをご覧いただきありがとうございます。
Webサイトデザインのコーディング代行サービスを提供しております。
手軽にウェブサイトを作りたい方、制作会社様、フリーランスのWebデザイナー様におすすめです。

✅デザインはできるけれども、コーディングができない。
✅デザインを忠実に再現してほしい。
✅スマホ用デザインを制作する時間がない…。でもレスポンシブに対応してほしい。

こうしたお悩みにお答えし、あなたに最適なプランで問題解決を実現いたします。

サービス内容

• HTML／CSSコーディング
• レスポンシブ対応
• 簡単なjQuery/JavaScriptのアニメーションの実装（2つまで）※1
• テスト環境のご用意
• 納品前の確認作業

※1　簡単なアニメーションの範囲（2つまで）
→ハンバーガー・アコーディオンメニュー ／ スムーススクロール ／ ホバーアニメーション ／ TOPへ戻るボタン ／ スライダー

納品までの流れ

1. 出品者へDM（ダイレクトメッセージ）で連絡
　「見積もり・カスタマイズの相談」というボタンから問い合わせフォームに移動します。
　納品希望日と相談内容、ご質問等をお送りください。

2. 出品者から相談者様へ返信
　送っていただいた内容について回答・質問を行います。

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

4. 制作開始

5. 納品物の確認と修正
　お客様に納品物を確認していただき、修正が必要な箇所を指摘して頂きます。

6. 最終納品
　納品日から3日間無制限に修正対応致します。

料金

• トップページ・LPのコーディング：￥15,000〜 【先着5名様限定価格】

• 下層ページのコーディング：￥15,000〜/ページ
【先着5名様限定価格】
• 複雑なアニメーションの実装：￥5,000円/1機能

• WordPress化：￥10,000円/ページ
• カスタム投稿タイプなど更新機能の追加：￥15,000円～

• お問い合わせフォームの実装：￥5,000円


※縦5,000px以上の場合、1,000pxごとに1,000円が追加料金となります。

対応可能データ

PSD、AI、XD、Figmaのいずれか
その他データをご希望の場合はご相談ください。

納品形式

ファイル送付、またはご指定いただいたサーバーへのアップロード

納期について

標準納期は、「デザインデータ受領から」10日となります（ベーシックプランの場合）
サービス購入からデータのご提供までの日数は、納期には含まれておりませんので、予めご了承ください。

＜毎月1名様限定のモニター価格＞

この度は当サービスをご覧頂き、誠にありがとうございます！
デザインから制作まで全て一貫してご対応しています、
フリーランスWebデザイナーのtamashitaと申します。

当方の方針として後のランニングコストが低い、
本格的なコード記述（コーディング）によるサイト制作をおすすめしています。

これは決してノーコード・ローコード（以下ノーコード）を否定している訳ではなく、
コーディング不要でサイト制作ができるのは素晴らしいと思います。

ただ、きちんとメリット・デメリットをご理解いただいた上で
ご決断いただきたいと考えています。

｜ノーコードデメリットとは？

一例を挙げると、

• 細かいタグ打ち（Googleロボットに内容を説明）ができない
• レイアウト構成が決まっている
• デザインの自由度が少ない
• 表示速度が遅くなるケースがある
• 初期費用は安いが制作後ランニングコスト（毎月の出費）が発生することも
• 拡張性が低く、結局1からコーディングによりサイトを作り直すはめに・・ etc...

もちろん全てではありませんが、可能性があるというお話です。

これらはクライアント様側では制作初期にはわかりづらく、数年経過していろいろ経験された後に
ようやく問題点として気づかれるようです。

そのため長い目で見られてサイトを育てたいとお考えの場合には、
まずはお気軽にご相談いただければと思います。

今お持ちの課題やお悩みをメールやビデオチャットでお聞きした上で、
最適なプランの提案、問題解決となるサイトを作成いたします。

｜自己紹介

・過去にDTPでのチラシ制作や広告代理店など、デザイナーやものづくりの経験あり。

・一時は別業種を経験しましたが制作への情熱が忘れられず、
独学での後にスクールに入塾してフリーランスWebデザイナーとして独立。

｜当サービスの特徴

■ノーコード・ローコードを使用しません

→制作会社のHP制作の相場は30万円以上のことが多く、仮に低単価や短納期のものは
基本的にノーコードツールを使用していることでしょう。

私の場合は地道にコード記述によってサイトを制作するため、
お受けできる件数には限りがあります。

その分妥協せずにきめ細かい設定を心がけます！

■WordPressの場合は保守管理がしやすい形に

→WordPress制作の場合は、クライアント様がご自身で文字や画像など
ご自身で簡単に要素を追加できるよう設定いたします。

■リーズナブルなHTMLサイト

→LPや名刺代わりのサイトでいい場合、工数が少なくリーズナブルな
HTMLというマークアップ言語を用いたサイトの制作も可能です。

WordPressのような拡張性や自動化機能はありませんが、
表示速度が速いというメリットがあります。

｜全プラン共通の搭載機能

・スマホ対応
・基本的な内部SEO対策
・Wordpress導入、初期設定
・1～5ページ
・お問い合わせフォーム
・SNS・Googleマップ・YouTubeの埋め込み対応
・セキュリティ対策

｜制作実績

制作実績の一部をご紹介しておりますので、ご覧下さい。
(ランサーズのシステムにより直接リンクを貼れません。お手数ですがコピーして検索窓に張り付けてください。)

－ポートフォリオー
pf.mypf-yp.com/

ーデザイン（LP・TOPページ）ー
figma.com/file/1nctOs7PklKFZwvxeX5lNy/TOP%E3%83%9A%E3%83%BC%E3%82%B8%E3%83%BBLP?type=design&node-id=0-1&mode=design&t=iSgq01angISqaTXM-0

｜ご契約後の流れ

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

②仮払い・素材のご提供
打ち合わせにてご納得頂けましたら、仮払いにお進みください。
また、画像やテキストなどの素材をランサーズメッセージにご添付ください。
（既存サイトのリニューアルの際は、サイトのテキストや画像でまずはデザインカンプを進めます）

③方向性や項目が決定の後に制作開始

④Figmaにてデザイン案を提出（３回まで修正無料）
全ページが完了した段階で初稿を提出します。修正があれば都度対応させて頂きます。

⑤HTMLコーディング・WordPress
コードを記述開始。

⑥最終確認

⑦本番環境で公開（納品）

webサイトのコーディングを承ります。

Webデザイナーの方で、コーディングだけ外注したい！
Web制作会社様でコーダーのリソースが急に必要になった！

など、必要な時に十分なスキルでコーディング対応が可能です。

特に、
「お客様の大切なデザインを忠実に再現する」
「お約束した納期を厳守する」
という当たり前の2点について、これまでご依頼いただいたお客様からも高い評価をいただいております。

デザインについては、PC用デザインのみでもスマホ対応（レスポンシブ）が可能です。

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

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

★ 動きのある要素について★
【料金内で対応可能】
・スライダー、カルーセル
・アコーディオン
・タブメニュー
・ハンバーガーメニュー

《オプション料金にて対応可能》
・アニメーション（簡易な動き）
・PHPメールフォームの実装
・その他、動きのある要素

※追加オプションの内容は、下記オプション欄をご参照ください。
※オプション内容により納期が変わります。
※上記にない内容につきましては別途お見積りさせていただきます。

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

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

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

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

HTML・CSSのコーディングを承ります。
カフェやコーポレートサイト、イベントLP、個人サイトなど業種・形態問わず請け負います。
サイトのイメージや雰囲気などお聞かせいただけると、サイトの動作やアニメーションなどの提案もさせていただきますので、お気軽にご相談ください。

【下記のようなご依頼承ります】
・コーディングをしてほしい
・LPを作りたい
・現在のサイトの一部修正をしてほしい　など

⚫️業務対応範囲
・LP制作
・HTML /CSSコーディング

⚫️対応
・HTML /CSS
・JavaScript
・jQuery
・PHP
・WordPress

⚫️ご連絡について
連絡は基本的にいつでも可能です。急ぎの案件もお気軽にご相談ください。

ご縁がございましたら、どうぞよろしくお願いいたします。

購入にあたってのお願い
こちらのサービスにおいて、使用する画像は原則あらかじめご用意下さい。

本サービスをご覧いただきありがとうございます。
Webサイトデザインのコーディング代行をいたします。
名刺代わりにとりあえずサイトが欲しい方、外注先をお探しの制作会社さま、フリーランスのWebデザイナーさまにおすすめしております。

現在、【先着10名様限定の特別価格】でお見積価格から10％引きセールをいたしております♪

お見積もりは無料となっておりますので、是非この機会にお気軽にご相談ください^^

「デザインは出来るけど、コーディングが出来ない。」
「デザインを忠実に再現してほしい」
「スマホ用デザインを作る時間がない…。でもレスポンシブに対応してほしい」

このようなお悩みはありませんか？
そうした、あなたに最適なプランの提案、問題解決となるサイトを作成いたします。

【デザインを正確に再現し高品質なコーディング】にこだわっております。

デザイナーさまが誠心誠意作成された大切なデザインを、私のコーディングでそのまま表現いたします。

また、デザインデータがPCのみでもご安心ください。
PCのみのデザインからスマホでも問題なく綺麗に表示されるようにコーディングをいたします。

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

■サービス内容

・HTML／CSSコーディング
・レスポンシブ対応
・簡単なjQuery/JavaScriptのアニメーションの実装2つ※1
・テスト環境のご用意
・納品前の確認

■無料オプション

　・SEO対策のmetaタグ設置（内容はご提供お願いします。）
　・サーバーへのアップロード（FTP情報のご提供をお願いいたします。）又はZipファイル
　
※1　簡単なアニメーションの範囲（2つまで）
→ハンバーガー・アコーディオンメニュー ／ スムーススクロール ／ ホバーアニメーション ／ タブ切り替え ／ スライダー

【料金表】

・コーディング（トップページ・LP）※　　￥30,000〜

・コーディング（下層ページ）※　　　　 　￥15,000〜/ページ

・アニメーション（複雑なもの）　　　　　　￥5,000円/1実装

・WordPress化（トップページ）　　　　　 ￥10,000円/ページ
・WordPress化（下層ページ）　　　　　　￥5,000円/ページ

・カスタム投稿タイプなど更新機能追加 　 　￥15,000円～

・お問い合わせフォーム実装　　　　　　　　￥15,000円


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

◼️対応可能データ

・PSD、AI、XD、Figmaのいずれか
　確認のため、一枚で書き出したJPEGもしくはPNGデータを一緒に送付ください。

◼️ブレイクポイント

一箇所が料金内です。（PC・スマホの切り替え）

※特にご指示がなければ、768pxで切り替えます。
※タブレット用など、ブレイクポイントを追加される場合はオプション料金にて承ります。

◼️納品形式

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

◼️納期について

標準納期は、「デザインデータ受領から」5営業日となります。（ベーシックプランの場合）

※サービス購入からデータをお送りいただくまでの日数は納期に含みません。

■実績

様々な分野のホームページ制作にをしております。
制作実績の一部をご紹介しておりますので、ご覧下さい。
(ランサーズのシステム上、直接リンクさせる事が出来ませんので、お手数ですがコピーして検索に貼り付けてください。)

https://artami-web.com/　←事業サイト

ーコーポレートサイトー

https://graduation-mywork-2.welcome-to-my-portfolio.com/
http://graduation-mywork-3.welcome-to-my-portfolio.com/

◼️ 私について

現在フリーランスでWebクリエイターとして活動しております、元バレリーナのコーダーです♪
常に相手の「期待を超える」仕事を追求して心を込めて作業いたします。
品質を第一に、ご依頼者さまのご要望に精一杯応えつつ丁寧な制作を心がけております。
デザイナーさまへのリスペクトを忘れず忠実にデザインを再現・表現いたします。

ご不明な点・ご相談ございましたら、お気軽にメッセージにてお問い合わせください。

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

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

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

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

▼主な対応可能業務

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

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

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

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

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

▼納品方法

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

▼動作確認

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

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

あなたのサービスを必要としているユーザーの目線に立ち、使いやすいサイトを作る事を心がけています。

• 何から始めたら良いのか分からない
• 作った後のコストが心配。
• 予算内に収めたい。
• 気軽に相談・質問ができる専門家が欲しい
• スマホにも対応したレスポンシブウェブサイトが欲しい

上記のような悩みがあればまずはご連絡ください。
ご要望をしっかりとヒアリングしてニーズに合わせたサービスを提供いたします。
デザイン、制作、ディレクション業務、公開後の更新や運用まで、トータルサポート。

ご相談、お見積り、こんなことできる？などお気軽にご連絡ください。

【ベーシックプラン内容】

ページ設計
サイトデザイン
コーディング
お問い合わせフォーム導入
WordPress導入

【スタンダード・プレミアムプラン内容】

ベーシックプランにプラスで
サイト設計
ブログやお知らせの基本投稿機能
施工実績や制作事例などの投稿機能（カスタム投稿）
FAQ投稿機能
SNS・GoogleMap・Youtubeなど外部連携

【納品までの流れ】

①「見積り、カスタマイズの相談に進む」からご連絡ください
②お打ち合わせ（ご希望であればビデオ通話も可）
③お見積りの提出
④ご発注、ご契約
⑤制作開始
⑥公開前のご確認（最終的な修正や変更の確認などを行います）
⑦ホームページの公開、納品！

ご覧いただきありがとうございます。
安心してお取引いただけるよう、丁寧な対応を心掛けております。

当方では、デザインデータからWebサイトのコーディングを承っております。

---------- このようなお悩みの方におすすめです ----------
・コーディングをお願いしたけどデザインと違うものが納品された
・コーダーが足りない
・コーディングふだけ外注したい
・レスポンシブ対応してほしい

---------- 対応できる内容 ----------
・HTML・CSSを使ったコーディング
・JavaScript/jQueryを使った簡単なアニメーションの実装
・WordPressの導入・構築・改修
・お問い合わせフォームの実装(セキュリティ面を考え、自作ではなくツールを使用します)
小さな修正から新規のサイト制作まで幅広く対応可能です。

【料金内で対応可能な動き】
・ハンバーガーメニュー
・スライダー
・アコーディオン
・タブ切り替え

【お見積りについて】
記載の金額は目安のものとなります。
作成するページ数・要件に応じて金額は変動いたしますのでご了承ください。
ご予算に応じて調整もできますので、お気軽にご相談ください。

【料金内で対応可能なこと】
・レスポンシブ対応
・画像圧縮
・修正（デザインが大きく異なる場合は、別途料金をいただく場合がございます。）

【オプション料金にて対応可能】
・下層ページの追加
・JavaScriptを使用したアニメーション
(アニメーションの内容によっては実装できない場合がございます。)
・PHPメールフォームの実装
※上記にない内容につきましては別途お見積りさせていただきます。

---------- 対応可能データ ----------
・adobe XD
・Figma
・Illustrator

---------- 納期について ----------
デザイン、ボリューム、稼働状況により変動いたしますのでご了承ください。
・トップページ：5日～
・下層ページ：2日～
※デザインデータ受け取り翌日からの日数です。
※急ぎの場合はご相談ください。

---------- 確認端末、ブラウザ ----------
・Google Chrome
＞ Mac, Windows, iPhone14
・Safari
＞ Mac, iPhone14
・Firefox
＞ Mac, Windows
・Microsoft Edge
＞ Windows

---------- ご依頼・制作の流れ ----------
①”まずは相談する（無料）”ボタンよりお問い合わせください。
②ヒアリング：HPの詳細をお伺いさせていただきます。
③制作開始：HPを制作させていただきます。
④ご確認・修正：制作したHPをご確認いただき、必要に応じて修正させていただきます。
⑤ご納品：お客様の希望に応じて納品させていただきます。

ご満足いただけるよう、精一杯対応させていただきます。
まずは、お気軽にご相談いただければ幸いです。

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

【業務内容】

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

【こんな方におすすめ】

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

【ご購入後の流れ】

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

料金、納期について

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

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

HTML、CSS、Javascriptを使用してWebサイトの作成を致します。
WordPress、Vue.jsでの対応も可能でございます。

【使用する言語】
HTML、 CSS（SASS可能）、JavaScript（jQuery）
WordPress、Vue.js、TypeScript可能

*基本的に就業後・休日に作業いたします。

【テスト環境】
Mac：Chrome、Safari、Firefox
Windows：Chrome、Edge、Firefox
iPhone：Chrome、Safari
Android：Chrome

【お客様にご用意いただくもの】
・デザインカンプ
→XD・Figmaにてお願いいたします。

▼下記情報をご提供いただく場合がございます。
・FTPログイン情報 (ホスト名・ユーザー名・パスワード)
・サーバーコンパネ情報 (ユーザー名・パスワード)
・WordPressログイン情報 (ID・パスワード)

【納品について】
・基本的にはファイルをzipでまとめて納品となります。Gitでの納品も可能でございます。
・本番公開も承っております。

【アフターフォロー】（納品後２週間以内）
・変更の際はご相談ください。
・瑕疵の場合、もちろん無料で修正させていただきます。（納品後４週間以内）

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

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

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

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

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

ー ご発注から納品まで ー

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

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

2. ご相談内容に返信

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

3. ご発注

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

4. 仮払い

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

5. 制作開始

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

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

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

7. 納品

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

8. 納品後の修正

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

ー ご用意いただくもの ー

• デザインカンプ(Figma、XD、Illustrator、Photoshop)
• サーバー情報(アップロードにて納品の場合)

ー お願い ー

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

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

※特にご指定がない場合は、こちらで適宜調整していきます。

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

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

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

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

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

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

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

■当サービスの特徴

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

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

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

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

■ご契約の流れ

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

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

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

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

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

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

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

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

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

【WEBサイト制作をさせていただきます。】

「名刺がわりに自分のサイトがほしい」
「自分で更新できるサイトを作りたい」
「集客ができるホームページが欲しい」
「サーバー？ドメイン？何を準備したら良いか分からない」

などなど様々なお悩みがあると思います。
あなたの想いを丁寧にヒアリングさせていただき、問題を解決できる最適なプランをご提案させていただきます。
一緒にオリジナルのWEBサイトを作っていきましょう！

全てのプランに含まれているレスポンシブ対応込みです。

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

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

■当サービスの特徴

・低価格×高品質
ー WEBデザイナーとコーダー両方の経験から、デザインからコーディングまでワンストップで行うため、低価格なのに高品質なサイトの制作が実現できます。

・レスポンシブ対応込み
ー PCだけでなくタブレットやスマホでも問題なく綺麗に表示されるように作り上げます。品質チェックも丁寧に行っておりますので、ご安心ください。

・納品後のサポート込み
ー 「作って終わり」ではなく、集客していくためにどのように活用していくか、ご相談ください。サイトの更新方法についてはマニュアルをお渡しいたします。不明点などがありましたらいつでもご連絡いただけましたらご回答いたします。

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

■その他無料サービス

・SEO対策込み
・セキュリティ対策込み
・Wordpress導入、初期設定
・お知らせ投稿・更新機能
・お問い合わせフォーム
・SNSへのリンク対応
・GoogleマップやYouTubeの埋め込み対応

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

■ご契約の流れ

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

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

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