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

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

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

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

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

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

【制作の流れ】

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

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

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

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

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

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

当サービスの特徴

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

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

制作の流れ

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

❹最終チェック

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

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

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

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

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

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

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

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

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

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

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

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

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コーディング
•レスポンシブ対応
（スマホ用のデザインカンプあり・なしの場合は追加オプションとなります。）
•アフターフォロー（納品後1週間以内）

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

■制作の流れ

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

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

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

4、ご確認・修正

5、最終確認・納品

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

■納期

最短で5日〜

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

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

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

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

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

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

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

＼ 追加料金なし ／
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のコーディングをしてほしい」
「デザインはあるけどコーダーがいない」
「ボリュームのあるサイトのコーディングをしてほしい」
「ワードプレスやアニメーションの対応もしてほしい」

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

【私たちについて】
・グラフィックデザインから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円からとなりますが、ページ数が多い場合はボリュームディスカウントにも対応いたします。

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

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

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

【使用ツール】
・AdobeXD

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

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

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

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

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

http://tomtomlog.com/

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

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

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

●作業内容
・デザインに基づく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,javascriptファイル納品
・サーバーアップ（FTP）
・scss、gulpfile（ご希望あれば）
別の納品方法のご指定がある場合にはご相談ください。

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

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

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

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

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

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

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

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

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

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

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

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

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

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

2. LPコーディング

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

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

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

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

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

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

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

◆◇-- 実績 --◇◆

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

当方、現在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サイトのコーディングを実施します。
3ページまでを承り、納品までは基本的に2週間を見積もっております。

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

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

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

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

【全体の作業について】

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

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

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

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

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

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

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

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

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

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

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

【料金や納期について】

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

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

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

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

・レスポンシブ対応

・ホバーアクション

ランサーズは初めてですので、レビュー5件までは割引価格で提供いたします。

私の業務内容を下記に記載いたしますので、ご興味いただけましたら、
ご連絡のほど、宜しく願いいたします。

【スキル】
・HTML / CSS(Sass) / Javascript / jQuery / PHP(WordPress実装レベル)
・WordPress(オリジナルテーマの作成)
・Gulp

■上記のスキルを使用して以下のご提供が可能です。
・ランディングページの制作
・WordPressを用いたオリジナルテーマのサイト制作
・マルチデバイスに対応したサイト制作(レスポンシブ対応)
・Sass(CSS設計)を用いた保守・予測・拡張・再利用しやすい設計
・Javascript / jQueryを用いたアニメーション
・Gulpを使用したユーザビリティを向上させた効率的なコーディング

【使用ツール】
・Adobe (XD / Photoshop) / Figma
・Chatwork / Slack / Zoom / Microsoft Teams / Google Meet 等
　※その他は貴社の規定に従います。

【実務経験】

実務経験の詳細を記載いたします。
どの案件も納期を遵守しており、お客様からのクレームは一切ございません。
納品前の品質チェックを重要項目として考えておりますので、品質を担保するための「品質チェックシート」を作成し、納品前の確認を行なっております。

(1)LINEマーケター様 LPコーディング
・ボリューム：9224px(問い合わせページ含む)
・担当範囲：ディレクション、コーディング
・実装期間：5日(レスポンシブ込み)

<意識したこと>
・制作状況の報告
・納期の遵守
・依頼者の想いが伝わるデザインにする
・ヒアリングシートの活用により、依頼者とデザイナー様の認識違いを無くす
・表示崩れを起こさないコーディング
・仕事を納期通りにやり切る姿勢

(2)法人様 会社紹介のサイト制作(静的サイトのコーディング)
・ボリューム：TOP 1ページ　下層3ページ
・担当範囲：コーディング
・実装期間：7日(レスポンシブ込み)

<意識したこと>
・制作状況の報告
・納期の遵守
・品質チェックシートの提出
・デザインを忠実に再現する
・仕事を納期通りにやり切る姿勢

【稼働時間】
・現在専業フリーランスとして活動しており、1日10時間以上の稼働が可能です。
貴社の事業を最優先に取り組ませていただきます。

・14年にわたる社会人経験を生かし、丁寧な対応と即レスにより円滑なコミュニケーションをお約束いたします。

・自主的な報連相と納期遵守にて作業を行います。

円滑なコミュニケーションとコーディングにより、依頼者様の業務をお手伝い致します。
ご興味いただけましたらご連絡いただけると幸いです。

▼サービス内容　※すべてLPが対象となります
・HTML/CSSによるコーディング
・レスポンシブ対応
・アニメーションやJavaScript等を用いた機能の実装
・お問い合わせフォームの設置
・運用を意識したmeta情報やOGPの設定
・ページ読み込み速度向上のための画像圧縮
・WordPress化、必要に応じたプラグインの設定
・サーバーへの設置

ホームページ、LP、WordPressなどのコーディング業務はお任せください。
デザイナー様が作成したXD、Photoshopファイルなど、ご提供頂いたデザインデータからコーディングいたします。
作成したデータをzipファイルで送付、または、レンタルサーバーへのアップロードも対応可能です。
出来る限りご要望には柔軟に対応可能ですのでお気軽にご相談ください。

このようなお悩みを解決します。
・コーディング、WordPress構築を依頼できるパートナーを探している。
・デザインはできるがコーディングが苦手。
・リソース不足でコーダーが不足している。

【可能作業】
・HTML、CSSを用いた静的コーディング
・静的サイトからWordPress構築
・WordPressテーマの編集/作成
・各デバイス（スマホ、タブレット、PC）表示対応、レスポンシブ制作
・PC用デザインしかない場合のタブレット、スマホ表示のコーディング。※こちら側でPCデザインを元に表示を調整します。
・ブレイクポイントの追加。
・JavaScript,、jQueryによるアニメーション実装

ボリューム・機能によって納期や料金が変わってきますので、まずはご相談いただければと思います。

【連絡・打ち合わせ可能ツール】
メール、電話、Slackやチャットワーク、zoom/Teams/Google Meet。

【作業の流れ】
(1)ヒアリング：ご契約前の打ち合わせ
(2)お見積り・ご契約：お見積り、納期をご提示させていただき、ご理解とご納得いただけた場合にご購入をお願いいたします。
(3)各データ・情報の共有：制作に必要な資料やデザインデータなど素材ファイルなどのをご提供してください。
(4)制作開始：いただいた資料とデータを元に作業をいたします。
(5)作業完了後、レイアウトや動作検証などご確認ください。
(5)問題がなければ納品となります。

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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