人気ランキング 期間:5月4日 〜 5月11日
【マーケティング会社様・制作会社様・デザイナー様向け】コーディング代行します
実務経験10年以上のマークアップエンジニアが、誰よりも早くコーディング対応します
WordPress対応_HTML/CSSコーディング承ります
【制作会社 デザイナー様向け】Webサイトのコーディング代行します
業務内容
Webサイトの修正、コーディングはお任せください!
本パッケージはホームページやランディングページのコーディングや修正をするサービスです!
(Wordpress対応)
安心してあなたのWebサイトをお任せください!
【Webデザイナー様、Web担当者の方へ】
こんなお悩みはありませんか?
- デザインはあるけど、コーディングにあてる時間がない
- 安定した品質を担保できるコーダーがいない
- コーディングが苦手で誰かに任せたい
このパッケージでこんな悩みが解決できます
- 急にサイトの変更が必要になっても、安心
- 品質が担保できるから、安心して任せられる♪
- デザインだけに集中できるので、デザインの品質が上がり、デザインの単価も上がった♪
初めての方へ
当サービスはHPやLPのWebサイトの修正や更新、新規ページのコーディングなど
Webサイトのお困り事を解決するサービスです。
こんなお困りごとを解決できますので、ぜひお気軽にご相談ください。
- スマホでは表示が崩れる
- お問い合わせフォームをつけたい
- 文書を変えたい
- HPをネットに公開したい
- デザインはあるけど、コーディングができない、など
「こんなことできるかな?」と思ったら、お気軽にご相談ください。
相談は無料です!
どんどん相談しちゃってください!
価格(全て税込の対応での掲載になります)
⚫︎修正、更新のご依頼:要相談 3,300円〜
(※内容によっては対応不可の場合もございます。)
システムの都合上10,000円と表記されております。
⚫︎ランディングページのコーディング:48,000円
※長さによって変動いたします。
⚫︎ホームページのコーディング(5ページ以内):110,000円( WordPressも対応`)
上記はあくまで目安になります。
正確なお見積もりは、「見積もり・カスタマイズの相談に進む」から
お問い合わせいただいた後に、出させていただきます。
制作の流れ
- ヒアリング・お見積もり(まずはご相談ください!)
- ご契約(仮払いで契約となります)
- お客様よりデザインデータのご提供
- コーディング・テスト
- ご確認・修正(回数無制限)
- 納品(zipファイルでの納品またはご指定サーバーにアップロードいたします。)
購入する際の注意点
*ご依頼していただく場合は上記金額にシステム手数料(5.5%)
がかかりますので
ご依頼していただく前にぜひご確認くださいませ。
詳しくは下記URLにてご確認ください。
https://www.lancers.jp/faq/A1034/936
納期
【修正、更新】
最短で即日納品
【LPコーディング】
4日〜
【HPコーディング】
14日〜
*依頼内容によって変動いたしますのでご了承ください。
実績
公開・掲載が難しいものがいくつかありますので、大変お手数ですが個別にお問い合わせいただければと思います。
- デザイナー様からLPコーディング依頼
- 制作会社様からWordPress(オリジナルテーマ)のコーディング依頼
- 個人事業主の方から静的HPの修正依頼など
ここまでご覧いただきありがとうございました。
数多くのサービスから私のサービスに興味を持っていただき、嬉しく思います。
もしお任せしていただける場合は【丁寧な対応】、【最高品質】
を持って
料金以上の納品物を納品させていただきます。
その為にもまずは詳細なご依頼内容を伺いたいので、
下記の【ご依頼、お問い合わせ】のURLの「見積もり・カスタマイズの相談に進む」から
一度ご連絡ください。
また質問なども同じURLからお問い合わせできますので、お気軽にご相談ください。
ご検討のほど、よろしくお願いいたします。
【ご依頼、お問い合わせ】
https://www.lancers.jp/menu/detail/1245805
Webコーダーがレスポンシブコーディングを代行いたします
業務内容
サービスをご覧いただきありがとうございます。
本パッケージはコーディング代行のサービスとなっております。
◆こんな方にオススメです
- デザインはできるけどコーディングが苦手
- コーダー不足で外注先を探している制作会社
- コーダーのパートナーを探しているデザイナー
◆基本料金に含まれるもの
- HTML/CSSコーディング
- レスポンシブ対応
- テスト確認用サーバーの設置
- アフターフォロー
→納品後1週間以内でしたら、テキストや画像の差し替えは無料でご対応いたします。
◆基本料金に含まれないもの
- 2倍サイズのデザインデータからのコーディング対応:合計金額に30%を加算
- Photoshopデザインデータからのコーディング対応:合計金額に20%を加算
◆納期
3日程度〜で納品が可能です。
※稼働状況や実装内容により変動いたします。
◆納品までの流れ
ヒアリング
↓
デザインデータお預かり
↓
コーディング
↓
テストアップ(ご確認・修正)
↓
納品(ZIPファイル送付もしくは、レンタルサーバーへアップロード)
◆お見積り参考例
レスポンシブコーディング(ランディングページ:PCデザイン長さ7,500px)
・ページ長さ7,500px:40,000円(長さ超過2,500pxごとに+7,500円)
・スライダー:15,000円
・スクロールページトップボタン:無料
参考価格:55,000円
レスポンシブコーディング×10ページ(トップページ+下層9ページ)
・トップページ(長さ5,000px):30,000円(長さ超過2,500pxごとに+7,500円)
・下層ページ(長さ3,000px)×9:108,000円(長さ超過2,000pxごとに+6,000円)
・お問い合わせフォーム:20,000円
・スライダー:15,000円
・ドロワーメニュー:10,000円
・スクロールページトップボタン:無料
・アコーディオン:無料
参考価格:183,000円
テキストのみのシンプルな下層ページは、長さに関わらず一律6,000円。
例:プライバシーポリシーページや404ページなど。
※WordPress構築も含む場合は+44,000円〜
【制作会社様、デザイナー様向け】コーディング、WordPress構築を代行します
業務内容
このパッケージは、ホームページのコーディングサービスです。
※都合上、お急ぎ・短納期のご依頼はお断りをさせていただいております。
各プランの料金や納期はページ数、仕様、デザインなどの内容によって変動します。
例えば…
「1ページだけコーディングしてほしい」「ページにコンテンツを追加してほしい」
→ 内容によりますがお安くなる場合があります。
もし、プランに迷われましたら「カスタマイズ」またはメッセージでご相談ください。
こんな方におすすめ
- コーダー不足で外注先を探している
- WordPressが苦手
- コーディングが難しくてできない
- Webデザイナーだけどコーディングは苦手
- ディレクションやデザインに集中したい
制作会社様・個人Webデザイナー様からの受注実績があります。
よくあるご相談
- 新規サイトのコーディング・WordPress構築
- 既存サイトのリニューアル(コーディング)
- LPのコーディング
- WordPressのカスタマイズ(機能実装できますか?など)
- WordPressなしの静的サイトのコーディング
WordPressはオリジナルテーマ(ゼロから構築)、無料有料テーマ、すでに公開済みのサイトのどれでも対応できます。
ご相談やお見積りは無料です。
パッケージの内容
コーディング・WordPress構築のみです。
ご契約前にデザインデータをご用意ください。
内容によっては不要な場合もあります。
対応内容
- 静的コーディング
- LPコーディング
- WordPressオリジナルテーマ構築(ゼロから作成)
- WordPress無料有料テーマ構築(Snow Monkey、SWELL、SANGO、Lightning、Cocoonなど)
- 機能実装、コンテンツ追加など
- バグ修正、崩れ修正
対応可能な業種・ジャンル
- コーポレートサイト
- ポートフォリオサイト
- Webサービス
- 飲食店(カフェ、レストラン、居酒屋など)
- 美容室、サロン、ジム
- 芸能、音楽(バンド、アイドル、シンガーソングライターなど)
- ゲーム、ソシャゲ
- ガールズバー、コンカフェ
- ナイトワーク全般
など
その他、掲載のない業種・ジャンルもご相談ください。
実績例
公開・掲載ができないサイトもありますのでご了承ください。
- Webサービス会社のWordPressサイト
- 建築系のWordPressサイト
- コーポレートサイト
- ナイトワークのWordPressサイト(スマホサイズのみ)
納品までの流れ
- ヒアリング・デザインや情報の提供
- お見積り
- ご契約・仮払い
- 作業開始
- 初稿納品
- 検収・修正
- プロジェクト完了
【高品質】実績170件以上。丁寧にレスポンシブでコーディングいたします
業務内容
ご覧いただきまして、ありがとうございます。
安心してお取引していただけるよう、丁寧な対応とご連絡を心がけております。
当サービスはWebサイトのコーディングを承っております。
小規模サイトから50ページ前後の中規模サイトまで対応しています。
𓐄 𓐄 𓐄 𓐄 𓐄 𓐄 𓐄 𓐄 𓐄 𓐄 𓐄 𓐄 𓐄 𓐄 𓐄 𓐄 𓐄 𓐄 𓐄 𓐄
▨ WordPressホームページの修正・更新・改修作業はこちらからご相談ください。
・https://www.lancers.jp/menu/detail/1277304
𓐄 𓐄 𓐄 𓐄 𓐄 𓐄 𓐄 𓐄 𓐄 𓐄 𓐄 𓐄 𓐄 𓐄 𓐄 𓐄 𓐄 𓐄 𓐄 𓐄
⌇サービス内容
┈ HTML・CSSの静的コーディング
┈ jQuery/JavaScriptの実装
┈ CSSアニメーション
┈ WordPressの導入
┈ お問い合わせフォーム実装
┈ 既存サイトの修正
⌇基本料金内
┈ jQuery/JavaScriptの実装(下記無料JavaScriptの実装参照)
┈ レスポンシブ対応
┈ 画像圧縮による表示速度最適化(Webp対応あり)
┈ SEO対策(metaタグ、画像に適切なalt、文書構造に適した適切なHTMLタグなど)
┈ BEMをベースとしたCSS設計
┈ テスト環境のご用意
┈ 修正無料
⌇無料JavaScriptの実装一覧
┈ 簡単なスクロールアニメーション
┈ ハンバーガーメニュー
┈ アコーディオンメニュー
┈ カルーセル/スライダー
┈ モーダルウィンドウ
┈ スムーススクロール
┈ タブ切り替え、サイトによく実装される動き。
┈ JSライブラリを使用した実装(GSAPやLenisなど)
※複雑な実装は別途お見積りとなります。
⌇基本料金
┈トップページ¦30,000円~
┈下層1ページ¦10,000円~
┈ 複製ページ¦2,000円~
┈ LPコーディング¦50,000円~
┈ WordPress導入¦20,000円~
※料金は目安となります。
お一人ずつお見積りをしております、一度ご相談ください。
⌇納期
┈トップページ:3日~
┈下層ページ:2日~
※デザインデータ受け取り翌日からの日数です。
デザイン、ボリューム、稼働状況により変動いたします。
⌇このようなお悩みの方におすすめ
┈ コーダー不足・リソースでお悩みの制作会社様
┈ コーディングだけ外注したいデザイナーの方
┈ 社内でコーディングできる人がいない
⌇ブラウザ・端末確認一覧
┈Google Chrome Mac/Windows/iPad/iPhone/Android
┈FireFox、Microsoft Edge Mac/Windows
┈Safari Mac/iPad/iPhone
品質チェックをしてお渡しいたします。
ご満足いただけるよう、責任をもって対応させていただきます。
ご不明な点は、お気軽にお問い合わせくださいませ。
【Wordpress対応】デザイン通りのコーディング代行を承ります
業務内容
Webコーダーをお探しの方必見! のコーディングを代行します。
・デザインはあるけどコーディングはお願いしたい
・デザインをきちんと再現してくれるコーダーを探している
・jQueryでサイトに簡単なインタラクションを加えたい
など、ホームページ・ランディングページのWebコーダーをお探しの方はぜひご検討ください。
▼業務内容
【パッケージ内容について】
■ベーシック
【Wordpressテーマ使用】 Wordpress内のテーマでカスタムCSSを使用しコーディング
■スタンダード
【静的トップページ(8000pxまで)】 HTML/CSS/JQuery静的コーディング
■プレミアム
【静的LP(ランディングページ)】 HTML/CSS/JQuery静的コーディング
【各プラン料金に含まれるもの】
・ 静的コーディング
・LPのコーディング
・レスポンシブ対応
・スライダー、スワイパー、アコーディオン、ハンバーガーメニューなどアニメーション開始の実装
【対象ブラウザについて】
■パソコン(Mac)
Chrome、Safari 各最新版
■スマートフォン(iOS)
Chrome、Safari 各最新版
【納品形式について】
データ納品(ファイル一式を zip 圧縮したもの)又は指定のサーバーにアップロードして納品いたします。
(サーバー納品の場合は一般的なレンタルサーバーのみ対応)
▼納品までの流れ
①ご相談
↓
②お見積もりの提出
↓(※ここまで無料です!)
③デザインカンプや素材等のご提供
↓
④コーディング
↓
⑤制作物の確認・修正(テスト環境用意いたします)
(※納品前の修正は無制限でご対応いたします。大幅なデザインの変更の場合、追加料金を頂戴します。)
↓
⑥最終確認後に納品
ご購入にあたってのお願い
◆ECサイトの実装は対応しておりません。
◆制作させていただいたwebサイトは実績としてポートフォリオに掲載させていただく場合がございます。掲載不可の場合はお知らせください。
◆デザインデータについて
・Adobe XD, figmaに対応しております。それ以外の場合は事前にご相談ください。
・有料フォントを使用されている場合、読み込みタグやデータをご共有ください。
【スマホ対応含みます!】ランディングページのコーディング代行します
業務内容
ランディングページのコーディングを承ります。
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への対応は終了いたしました。
★ 納品形式★
ファイル送付、もしくはご指定のサーバーにアップロード
以上となります。
ご不明な点がございましたら、お気軽にメッセージにてお問い合わせください。
【コーディング代行】Shopify, WordPress構築も承っております
業務内容
当パッケージをご覧いただき、ありがとうございます。
現在はshopify制作を中心とした開発も含めた対応をしております。
・ほぼぴったりのデザイン再現で確認時間を減らしたい。
・shopifyの知見がなくディレクションもやってほしい。
などのお悩みがございましたら、ぜひお問い合わせください!
当方のコーディング実績は100件以上、大手企業や40ページを超える大学サイトなどの実績がございます。
デザインの再現性やコードの可読性、丁寧なクライアントワーク対応で評価をいただくことが多いです。
細部までこだわった品質でのコーディングを行っており、リピートいただく会社様が多いのが特徴です。
JavaScriptを使ったリアルタイムでの表示切替、機能的な実装なども得意としております。
静的コーディングだけではなく、WordPressやShopifyの構築、ディレクション、デザインなども承っておりますので、お気軽にお問合せください。
【サービス内容】
・デザインカンプを元にコーディング
・CSS, JavaScriptを使った複雑なアニメーション(GSAP可)
・WordPressの構築(オリジナルテーマ制作 / 投稿などカスタマイズ)
・Shopifyの構築(オリジナルテーマ制作 / Liquidを使ったアプリ不要のカスタマイズ)
・お問い合わせフォーム実装(PHP工房、ContactForm7, MW WP Form)
・画像圧縮(webp変換)
・Favicon, OGPの実装
・SEO対策(metaタグ、画像に適切なalt、W3C準拠など)
・BEMをベースとした可読性の高いCSS設計
・テスト環境のご用意
・スマホ、タブレット実機のチェック
- Windows / Mac / iPad / iPhone / Android
【ご対応可能なデータ】
・Figma, XD, Photoshop, Illustrator
・jpegなど画像データ, PDF
・ご参考サイト
【お取引の流れ】
1.ヒアリング
デザイン及び機能やスケジュールを確認させていただきます。
2.ご契約
上記ヒアリングにて金額をご相談させていただき、ご契約となります。
3.テストアップ
当方のテストサーバーにて成果物をご確認いただきます。
4.納品
指定サーバまたはデータ送付で納品いたします。
ご満足いただけるよう、納品まで誠心誠意ご対応させていただきます。
ご不明な点は、お気軽にお問い合わせください。
【レスポンシブデザイン対応】HTML/CSSコーディング代行いたします
業務内容
2024 Top 100 Lancer掲載の認定ランサーがコーディング代行いたします!
コーディングを行う必要があるあなた様へ。こんなことにお困りではないでしょうか?
✅「PC用のデザインしか用意していないが、レスポンシブには対応したい」
✅「自社でコーディングする時間を確保できない」
✅「デザインは用意できるけどコーディングは外注したい」
✅「特定の箇所は後から変更・更新できるようにしておきたい」
そういったお困りごとに2022 Top 100 Lancer掲載の認定ランサーが丁寧に対応させて頂きます。 まずはご相談ください。そちらでご検討いただいて、満足していただけるものを提供したいと思います。
飲食店、士業、美容、建設・不動産、スクールなど業種に関わらず受け付けております。
3つのプランをご用意しておりますので、お作りしたいものに合わせて最適なプランをご用意致します。
『見積もり・カスタマイズの相談』ボタンからご相談を受け付けております。お気軽にお問い合わせください。
【対象】
- 外注先をお探しの法人様
- 協業をお探しの Webデザイナー様
- 依頼の一部を外部リソースに依頼したいコーダー様
【活動実績】
- 2022 Top 100 Lancerに掲載
【納品までの流れ】
1. 出品者へDM(ダイレクトメッセージ)を送信
「見積もり・カスタマイズの相談」というボタンから問い合わせフォームに移動します。
納品希望日と相談内容の業種を入力していただきます。
2. 出品者から相談者様へ返信
送っていただいた内容について質問や回答を行います。
3. 注文・仮払い
納得いただいた場合に注文をお願いします。
4. 製作開始
5. 納品物の確認と修正
お客様に納品物を確認していただき、修正が必要な箇所を指摘して頂きます。
6. 最終納品
納品日から3日間無制限に修正対応致します。
【主な確認事項】
- フォント
- ホバーアニメーション
- ヘッダーの動き
- ハンバーガーメニューの開き方
- メタタグ、OGP
- 各リンク先
- ファビコン
- 電話番号のタップ挙動
- フォーム用メールアドレス
- 確認及びサンクスページの有無
- 画面幅がデザインカンプより広がった場合の挙動
【WordPressテーマ化について】
ご希望であれば静的コーディングのファイルをWordPressテーマ化も承っております。
請求額については要相談。
静的コーディング時のお見積り額に加算させていただきます。
【注文時のお願い】
- ご相談の上で対応出来ないと判断したものは、受注前にお断りさせていただくことがございます。
ご了承の程よろしくお願い致します。 - デザインカンプはFigmaもしくはXDファイルでの提供をお願いいたします。
【注意点】
納期はデザインデータなどすべての提供素材のご提示からのカウントとなります。
出品サービス購入からデータをお送りいただくまでの日数は納期に含みませんのでご注意ください。
納品方法がレンタルサーバーへのアップロードをご希望の場合は以下の3点にご注意下さい。
ドメインとレンタルサーバーのご契約済みであること
DNS設定が反映されている状態であること
FTP接続情報のご用意
WordPressの構築も依頼内容に含む場合は、こちらもご用意をお願いいたします。
レンタルサーバーのコントロールパネルのログイン情報
または
phpMyAdminへのログイン情報
※ご依頼時にもご案内させていただきます。納品前にはご用意をお願いいたします。
ご不明な部分があればお気軽にお知らせください。
【その他】
またこのようサービスを出品しております。
https://www.lancers.jp/menu/detail/1230032
サムネイル右上にある再生ボタンを押していただくと、12秒程の短いメッセージ動画が再生されます。
よろしければ御覧ください。
WordPress対応_HTML/CSSコーディング承ります
業務内容
サービスを閲覧いただきありがとうございます!
まずはお見積もりからお願いしております。
◎ サービス内容 ◎
・HTMLの静的ページのコーディング
・JavaScriptを使用した動きの表現
(スクロールに合わせたアニメーション・スライダー・ハンバーガーメニュー・アコーディオンなど)
・WordPressサイトのコーディング
・WordPressへの機能実装(カスタム投稿・カスタマイザーの設定など)
※WordPressはカスタマイズによって別途費用がかかる場合がございます。
◎ 制作内容 ◎
1ページから複数ページまで承っています。
◎ コーディング費用 ◎
・TOPページ:20,000円〜 / 1ページ
・下層ページ:10,000円〜/ 1ページ
・JavaScriptの実装 → 内容に応じて別途お見積もり
※簡単なハンバーガーメニューは無料となります。
・お問い合わせフォームの設置 → 内容に応じて別途お見積もり
・WordPress-TOPページ:30,000円〜 / 1ページ
・WordPress-下層ページ:10,000円〜 / 1ページ
※カスタマイズ内容によっては別途追加料金をいただく場合がございます。
※デザインによって金額は変動いたします。
※料金は全てレスポンシブ込みです。
◎ 無料対応範囲 ◎
・画像圧縮(基本的にはwebpに変換いたします)
・SEO対策のmetaタグ設置(内容はご提供お願いします。)
※WordPressの場合はプラグインを使用
・サーバーへのアップロード(FTP情報のご提供をお願いいたします。)、もしくはZipファイルでの納品。
◎ 流れ ◎
- コーディング内容の詳細をお聞かせください。
↓ - 納品日と金額をお伝えいたします。
↓ - 問題がなければ、デザインや素材等コーディングに必要な材料をお送りください。
↓ - コーディング開始
↓ - ご確認
※修正は基本無料で対応いたしますが、仕様変更等は別途費用となります。
↓ - 納品(サーバーへのアップ・もしくはファイルの送付)
※対応ブラウザは「Chrome・Edge・Firefox 」としています。
ご不明点があればお気軽にご連絡ください。
迅速・丁寧に対応致します。
お急ぎの場合は土日祝日の対応も可能なのでご相談ください。
宜しくお願い致します。
5月分受付中【Wordpress HTML/CSS】デザイン通りコーディングします
業務内容
◾️提供内容
HTML・CSSの静的コーディング
jQuery/JavaScriptの実装
CSSアニメーション
WordPressの構築(オリジナルテーマ制作 / カスタマイズ)
◾️基本料金内
jQuery/JavaScriptの実装
レスポンシブ対応
SEO対策
テスト環境
修正対応
◾️無料JavaScript
一般的に実装されている動き。 (メニューボタンなど)
◾️納期
トップページ:2~4日
下層ページ:2日~
(ボリューム、稼働状況により変動いたします )
ご安心いただけるよう、密なコミュニケーションをこころがけております!
ご不明な点は、お気軽にお問い合わせくださいませ。
[LPやWordPress]デザイン通りの高品質なHPを丁寧にコーディングいたします
業務内容
*私にできること*
ホームページ、ランディングページのお持ちのデザインデータをもとにコーディング(ブラウザ環境で見れる形にする)いたします。
デザインデータはあるけどコーディングができない方、忙しくてコーディングまで手が回らない方、ぜひお手伝いさせてください!!
〇作業内容
・HTML・CSSを使ったコーディング(スマホ対応込み)
・Javascriptを使った仕掛けの実装(ハンバーガーメニュー、スライド、タブの切り替えなど)
・お問い合わせフォームの実装
・WordPress化
〇料金
*トップページ 20000円~
WordPressや下層ページなどの料金はオプションをご覧ください。
※複雑なデザイン,1ページのボリュームによっては追加料金頂くこともあります。
〇オプションについて
*お問い合わせフォーム
PHPやGoogleフォームで対応可能です。
WordPressの場合はプラグインでお問い合わせフォーム作成します。
他にご希望があればご相談ください。
〇納品までの流れ
(お見積りやご相談は購入に限らず24時間お待ちしております。)
①ご購入後、デザインデータのご提供お願いいたします。
②デザインデータを確認後、制作に取り掛かります。
③お客様のご確認
・WordPressの場合はこちらで用意したテストサーバーにアップロードします。
・HTML/CSSの場合はzipファイルをお渡しします。
④問題がなければ、正式納品とさせて頂きます。
⑤ご評価いただき、お取り引き完了となります。
〇納品について
*HTML/CSSの場合
Zipファイルで納品いたします。
FTPの配置を希望の場合は接続情報の連携をお願いいたします。
*WordPressの場合
All-in-One WP Migrationのプラグインで反映いたします。
■必ずご確認ください
・ご購入後のキャンセルはお断りしております。
レスを速くお客様の声を第一に、コーディングはデザインカンプ通りに丁寧にをこころがけております。
納期やご予算については柔軟に対応させていただきますので、ご気軽にご相談ください。
自社サイトのテキスト修正、画像差し替え等、Webサイトの更新を代行します
業務内容
弊社では「ぱぱっとねっと」というホームページの更新代行サービスを行っています。
忙しくて更新作業まで手が回らない!という企業の味方です。
サービス開始から20年以上の経験と実績があります。
これまでに延べ300社以上の運用を行ってきました。
■こんな困りごとがありませんか?
・担当者が辞めてしまい更新できない
・ページの更新に時間と手間がかかる
・制作会社に依頼しているが対応が遅い
・頻繁に更新したいが費用が高く頼めない
■サービス内容
・ぺージの修正
画像の差し替えや文章の修正を行うことができます。
文字を強調したり、レイアウトの変更など、見た目の修正も可能です。
・ぺージの追加・削除
新しいぺージを作成することができます。
ページが増えたことによるリンクの修正やナビゲーションの修正も一括で承ります。
・サイトデータのバックアップ
・簡易アクセス解析レポート
・サイト改ざんチェック
・サーバー・ドメイン管理
・CMSのトラブル・障害復旧
・ホームぺージに関する無料相談
■納期
1依頼/~3営業日程度(修正内容によります)
【制作会社様・デザイナー様にオススメ!】デザインに忠実なコーディングをいたします
業務内容
数あるサービスの中からこちらのページをご覧いただきありがとうございます。
フリーランスでWEB制作をしている及川 と申します。
========
【 こんな方におすすめ! 】
・デザインカンプはあるけどコーディングに時間を割けない制作会社様や中小企業様・個人様
・LPやサイトのお仕事を受けたけどコーディングが苦手というデザイナー様
・HTMLやCSSはできるけどアニメーションやWordPress化は苦手という方
・忙しくて時間が割けないコーダー様
などなど
========
【 制作の流れ 】
① ヒアリング・お見積もり(必要な機能や納品方法、スケジュールについてもこちらで擦り合わせをさせていただきます)
↓
②psd・ai・XD・figmaでのデザインデータをお送りいただきコーディング作業開始
静的サイトもしくは静的サイトのWordPress化(オリジナルテーマ)で承ります。
↓
③トップページ実装・ご確認
↓
④下層ページコーディング開始
↓
⑤2、3ページ毎にご確認・進捗報告
↓
⑥テストサーバーで全体のご確認
↓
⑦上記ご確認後→修正→再度テストサーバーへアップロード
↓
⑧最終確認が済みましたらzip形式orサーバーにアップロードにて納品いたします。
※サーバーアップロードの場合はFTP情報が必要になります。
========
【 料金 】
トップページ(レスポンシブ・WordPress化込み) 44000円〜
アニメーションや複雑な機能については要相談となります。
========
【 確認環境 】
PC chrome・Safari・Firefox・Edge(Firefox・Edgeは擬似環境です)
スマホ chrome・Safari・Firefox・Edge
========
【 当サービスの強み 】
・制作会社と仕事をしているコーダーが制作しますので高いクオリティでデザインを再現いたします。
・納品前には独自の品質チェックシートを用いて確認したのち、納品させていただきます。
・土日も作業しております!急なご連絡なども対応可能です!
========
ご相談はもちろん無料で行わせていただきますのでまずはお気軽にご連絡くださいませ♪
【制作会社様、デザイナー様向け】HP,LPコーディングのお手伝いをします
業務内容
Webサイト・LPのコーディングを行います。
コーダーがいなくて困っている、制作が溢れていて手が回らない等お困りでしたらお声がけください!!
【お手伝いできること】
・HTML/CSSを使ったコーディング
・JavaScript/jQueryを使った簡単なアニメーションの実装
・保守・運用しやすいCSS設計
・WordPressの導入・構築・改修
これらを使って小さな修正から新規のサイト制作まで幅広く対応可能です。
【制作内容の詳細】
・静的コーディング(1ページ〜)
・レスポンシブ対応
・アニメーションの実装(ご相談ください)
・お問い合わせフォームの実装・設置
・WordPress化:別途お見積もり
【お見積りについて】
記載の金額は目安のものです。
作成するページ数・要件に応じて金額は変動いたします。
ご予算に応じて調整もできますので、お気軽にご相談ください。
【購入の流れ】
・「見積もり・カスタマイズの相談に進む」
コーディングの内容、実装したい機能等お聞かせください。
対応可能かを判断し、制作の流れをお伝えいたします。
↓
・見積もりの提案・契約
作業内容、納期等を踏まえてお見積もりします。
ご納得いただいた上でご購入をお願いします。
↓
・作業開始・確認
お客様でご準備していただく素材を提出して頂きます。
作業が完了しましたら制作物を提出しますので、確認をお願いします。
確認後、修正・変更をいたします。
↓
・納品
作業が全て完了し、納得いただいた上で納品いたします。
データファイルの提出、サーバーへのアップロード等ご希望に合わせて納品いたします。
レスポンシブ対応込みで、ホームページ・LPのコーディング代行いたします
業務内容
ご覧頂きありがとうございます。
Webコーダーのタカと申します。
本サービスは基本的に静的サイトのコーディングを行います。
ご相談いただければWordPressでのコーディングも対応致します。
■サービス内容
・HTML/CSS/JSでの静的コーディング
・レスポンシブ対応
・JavaScript(jQuery)を用いたアニメーション実装(ハンバーガーメニュー、スライダー等)
・お問い合わせフォームの実装
※WordPress対応もご相談下さい
■料金表(レスポンシブ対応含む)
・LPコーディング:15,000円~
・トップページ:15,000円~
・下層ページ:5,000円~/1ページあたり
・アニメーション:2,000円~
・問い合わせ機能:10,000円~
・WordPress対応:要相談
※画像圧縮による表示スピードの改善無料
■納品までの流れ
1.「見積り・カスタマイズを相談する」よりご相談ください。
2.デザインデータお預かり
3.コーディング
4.ご確認・修正
5.最終確認・納品
■納品方法
・Zipファイルにて送付
・サーバーへのアップロード
ホームページ、LPのコーディング、WordPress制作いたします
業務内容
ご覧いただきありがとうございます!
ココナラ等でも活動しており、200件以上の実績がございます。
◆サービス内容
・HTML/CSSを用いた静的なコーディング
・JavaScript(jQuery)を用いたアニメーションな実装(ハンバーガーメニュー、スライダー等)
・レスポンシブ対応
・WordPressの構築(オリジナルテーマ)
とのによる修正回数については無制限です、ご満足いただけるまで責任をもって対応いたします!
※デザイン変更については、別途料金が発生する場合がございます。
◆料金表(レスポンシブ対応含む)
・LPコーディング:30,000円~
・トップページ:20,000円~
・下層ページ:10,000円~/1ページあたり
・アニメーション:5,000円~
・問い合わせ機能:10,000円~
・WordPressの機能実装:要相談
【無料対応】
・ホバーアニメーション
・ハンバーガーメニュー
・フェードイン
※ご希望される場合は、ご依頼時にお申し付けください。
◆制作の流れ
1.「見積り・カスタマイズを相談する」よりご相談ください。
2.デザインデータお預かり
3.コーディング
4.ご確認・修正
5.最終確認・納品
◆納品方法
・zipファイルの送付
・サーバーへのアップロード
※サーバへのアップロード希望の場合は原則 FTP情報共有をお願いします。不明な場合・サポートが必要な場合はご相談下さい。
【¥12000~】ホームページやLPなど HTML/CSSコーディング代行します
業務内容
サービスをご覧いただきありがとうございます!
本サービスでは、HTML/CSSコーディングをお任せいただけます。
ホームページ・ランディングページのコーダーをお探しの方はぜひご検討ください。
【提供内容】
・HTML・CSSの静的コーディング
(HTML4などの旧バージョンは対応しておりません)
・JavaScriptは一般的に実装されている動作のみ実装(ハンバーガーメニューなど)
・レスポンシブ対応
・修正は3回まで無料
納品時には、プログラムデータなどを圧縮してZipファイル形式でお送りします。
【制作内容】
1ページ(トップページのみ)から複数ページまで承っています。詳しくは料金表をご覧ください。
【納期】
・ベーシック: 3日
・スタンダード: 7日
・プレミアム: 10日
納期はボリューム、稼働状況により変動する場合がございますので、参考としてご確認ください。どのプランにするかお悩みの場合は、 「カスタマイズ」 をお選びください。
サービスの相談、お見積りに関しては、無料です!
お気軽にご相談ください!
LPコーディング代行します!【SEO・プログラミング・アニメーション】ます
業務内容
現在Web・デザイン制作会社に勤務しながらフリーランスとして
活動している「なんり」と申します。
Web関連の業務経験はトータルで8年ほどになります。(2022年現在)
ランサーズでの活動はまだ間もないため、実績を積むまでの期間は
特別価格でご提供します!
こちらはLPコーディング専用のスキルパッケージになります。
基本的にSEOを意識してコーディングします。
また、納期の中でできるだけ早めの納品を心がけます。
ご希望に応じて、SEO対策、デザインからプログラミングまでオプション追加対応可能ですので
お気軽にお声掛けいただけたらと思います。
HTML / CSS 【Wordpress対応】レスポンシブコーディングいたします
業務内容
ご覧いただきありがとうございます。
制作会社での経験を活かし、Webサイトの修正や更新をはじめ、
新規Webサイトのコーディングを1ページから承ります。
制作の際は、
◎ デザインを忠実に再現
◎ メンテナンスしやすいコード
◎ SEOに配慮したマークアップ
を心掛けています。
【 スタンダードプラン・プレミアムプランに含まれるもの 】
・HTML / CSS コーディング
・レスポンシブ対応(ブレイクポイント1箇所)
・内部SEO対策
・お問い合わせフォームの実装
・ハンバーガーメニュー、スライダー、アコーディオンなどの基本的な動きの実装(javascript / jQuery)
・各種ブラウザ動作確認(Chrome、Firefox、Edge、Safari ※最新版)
・修正無制限(※仕様変更は別途費用がかかります)
・画像圧縮
※デザインデータはご支給ください。
【 ご予算・納期について 】
各プランの価格・納期は目安です。
ご要望により変動いたしますので、まずはお問い合わせください。
【 オプションメニューWordpress構築に含まれるもの 】
・更新機能の実装
・セキュリティ対策
【 制作の流れ 】
ご依頼内容の詳細をお聞かせください。
↓
納品日・金額のご提示
↓
ご契約
↓
デザインデータ・素材等の共有
↓
作業開始
↓
ご確認・修正
↓
納品
【 制作者について 】
Web制作会社・デザイン広告制作会社・Webマーケティング会社に従事後、フリーランスとして活動。
現在はコーディングを中心に、制作会社様より業務を請け負っています。
迅速・柔軟・丁寧な対応を心がけております。
納品後のアフターフォローもお気軽にご相談ください。
【制作会社様・デザイナー様向け】デザインを忠実に再現!コーディング代行いたします
業務内容
本パッケージはWebサイトのコーディング代行サービスです。
ココナラプラチナランク・100件以上の販売実績有り!
この度ランサーズにも参入いたしました。
ぜひお気軽にご相談下さいませ!
■□――――こんな方におすすめ――――□■
「デザインデータはあるけどコーディングをする時間がない」
このようなお悩みをお持ちではありませんか?
・コーディング業務の外注先をお探しの方
・コーディングが苦手な個人Webデザイナー様
・継続的にお願いできるパートナーを探している制作会社様
ご満足頂けるように丁寧かつ柔軟な対応を心掛け、満足していただけるサービスを提供しています
■□―――― 料金 ――――□■
・トップページのコーディング:20,000円 〜
・下層ページのコーディング :10,000円〜 / 1ページ
・LPのコーディング:30,000円〜
・アニメーション:要相談
・Wordpress構築:要相談
※ 上記は基本料金となります。ページの長さやデザインの内容によって価格変動ございます。
※ レスポンシブ対応込みの価格になります。
※ Wordpress対応ご希望の方はカスタマイズからご相談ください。
修正や部分コーディングも対応可能ですのでお気軽にご相談くださいませ。
■□―――― 対応可能データ ――――□■
・XD、Photoshop 、Illustrator、Figma等
※ 確認用に、一枚で書き出した画像データ(JPEGかPNG)を一緒に送付ください。
※ Illustratorの場合はリンク画像も添付(もしくは埋め込みで)お願いいたします。
■□―――― 納品までの流れ ――――□■
① ヒアリング・お見積もり
② ご契約・デザインデータお預かり
③ コーディング
④ テストアップ(ご確認・修正)
→ テスト環境にアップしお客様にブラウザで確認いただきます
⑤ 最終確認・納品
■□―――― 納品形式 ――――□■
・zipファイルの送付
・ご指定のサーバーへのアップロード
■□―――― 注意事項 ――――□■
・必ずデザインデータをご用意下さい。
・WEBフォントを使用したデザインの場合、フォントの契約はお客様の方でご準備をお願い致します。
・コーディングのルールがございましたら事前にお知らせください。
・コーディング着手後に大幅なデザイン変更があった場合、追加料金が発生する場合がございます。
・サーバーのご準備はお客様の方でお願い致します。
※デザインデータがない状態でのご相談が増えております。参考サイトのみのご提示やデザイン作成込みの対応は行なっておりませんのでご了承ください
※やりとりの間に1週間以上ご回答がない場合はキャンセルさせて頂く場合がございますのでご了承下さい(ご回答にお時間かかる場合はその旨をお伝え頂くようお願いいたします。)
ご満足頂けるように丁寧かつ柔軟に対応致しますので、疑問に思った点などがあれば、お気軽にご相談下さい。
デザインに忠実なレスポンシブサイトをコーディングいたします
業務内容
ご覧いただきありがとうございます。
安心してお取引いただけるよう、丁寧な対応を心掛けております。
当方では、デザインデータからWebサイトのコーディングを承っております。
---------- このようなお悩みの方におすすめです ----------
・コーディングをお願いしたけどデザインと違うものが納品された
・コーダーが足りない
・コーディングだけ外注したい
・レスポンシブ対応してほしい
---------- 対応できる内容 ----------
・HTML・CSSを使ったコーディング
・JavaScript/jQueryを使った簡単なアニメーションの実装
・WordPressの導入・構築・改修(独自テーマの作成)
・お問い合わせフォームの実装(セキュリティ面を考え、自作ではなくツールを使用します)
小さな修正から新規のサイト制作まで幅広く対応可能です。
【お見積りについて】
記載の金額は目安のものとなります。
作成するページ数・要件に応じて金額は変動いたしますのでご了承ください。
ご予算に応じて調整もできますので、お気軽にご相談ください。
【料金内で対応可能なこと】
・画像圧縮
・修正(デザインが大きく異なる場合は、別途料金をいただく場合がございます。)
【オプション料金にて対応可能】
・下層ページの追加
・JavaScriptを使用したアニメーション
(アニメーションの内容によっては実装できない場合がございます。)
・PHPメールフォームの実装
※上記にない内容につきましては別途お見積りさせていただきます。
---------- 対応可能データ ----------
・adobe XD
・Figma
---------- 納期について ----------
デザイン、ボリューム、稼働状況により変動いたしますのでご了承ください。
・トップページ:5日~
・下層ページ:2日~
※デザインデータ受け取り翌日からの日数です。
※急ぎの場合はご相談ください。
---------- 確認端末、ブラウザ ----------
・Google Chrome
> Mac, Windows, iPhone14
・Safari
> Mac, iPhone14
・Firefox
> Mac, Windows
・Microsoft Edge
> Windows
---------- ご依頼・制作の流れ ----------
①”まずは相談する(無料)”ボタンよりお問い合わせください。
②ヒアリング:HPの詳細をお伺いさせていただきます。
③制作開始:HPを制作させていただきます。
④ご確認・修正:制作したHPをご確認いただき、必要に応じて修正させていただきます。
⑤ご納品:お客様の希望に応じて納品させていただきます。
ご満足いただけるよう、精一杯対応させていただきます。
まずは、お気軽にご相談いただければ幸いです。
【デザイナー様向け】高品質!ランディングページデザインのコーディング代行をします
業務内容
【LPのコーディング代行をさせていただきます。】
「デザインは出来るけど、コーディングが出来ない。」
「忙しいのでコーディングだけやってほしい。」
そんな方のためのサービスです。
デザインカンプをいただけましたらそれを元にコーディングをして忠実に再現いたします。
(※Figma、XD、photoshop、illustrator、どのデザインツールでも構いません。)
レスポンシブ対応込みです。
ご要望、ご意見、ご質問など、なんでもお申し付けください!
ーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー
■当サービスの特徴
・デザインを忠実に再現
ーデザインデータを綺麗に形にいたします。 WEBデザイナーとしても活動しておりますのでデザイナーへのリスペクトを忘れず忠実にデザインを再現します。PixcelPerfectという拡張機能を用いてズレを最小限に抑えます。
・レスポンシブ対応込み
ー全ての幅で崩れがないようにコーディングいたします。デザインデータがPCのみでもご安心ください。制作会社5社と提携している経験をもとに、PCのみのデザインからスマホでも問題なく綺麗に表示されるようにコーディングをいたします。
・品質チェックテスト込み
ーコーディング後は、全ての幅、複数のデバイス、ブラウザで崩れが起きていないかきちんとテストいたします。品質チェックリストも合わせて納品させていただきますのでご安心ください。
ーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー
■ご契約後の流れ
1. 事前のヒアリング
ご契約前にヒアリングをさせて頂き、作業量・納期から正式お見積もり金額お伝えさせていただきます。
2. 仮払い・素材のご提供
打ち合わせにてご納得頂けましたら、この段階でご契約とさせていただきます。仮払いをしていただき、画像やテキストなどの素材をご提供いただきます。
3. 制作開始
不明点の確認や進捗報告など適宜コミュニケーションをお願いいたします。
4. 初稿を提出
修正がないようにコーディングいたしますが、修正点等ありましたら都度対応いたします。
5. 納品
最終確認をいただき、データ、サーバーアップロードなどお客様のご要望に合わせた形で納品いたします。
ーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー
制作会社様5社とお仕事していますので、絶対最後まで仕事を投げ出したりしません!
即レス・即対応を心がけております。
最後までテンポ良く、気持ちの良いお取引を進めていきたいと思いますのでよろしくお願いいたします!
PCデザインのみでもOK|レスポンシブ対応のLP・HPコーディング承ります
業務内容
ご興味を持ってくださりありがとうございます。
▼本パッケージにてできること
・HTML/CSSを用いたデザインの再現
・Javascript(jQuery)を用いたアニメションの実装
・CMS(WordPress)を用いたコンテンツの編集・更新機能の構築
・デスクトップ、タブレット、スマホ対応(レスポンシブ対応)
・使用画像や写真素材の圧縮(表示速度向上)
・基本的な表示速度向上対策
・基本的なSEO対策
・修正、更新などの軽微な内容
▼サービスの流れ
1.ご依頼内容のご確認、お見積りの提示
2.ご契約後、お客さまよりデザインデータをご提供
3.コーディング作業、品質確認、実機テスト
4.ご確認と修正
5.納品
▼お見積り時のご注意点
以下の内容について分かる範囲で構いませんのでご提供いただけますと幸いです。
(1)ご依頼。ご依頼内容の概要について
(2)制作規模について
└例:静的コーディング合計3P(トップページ、〇〇についてのページ、お問い合わせページ) など
(3)ご予算について
(4)その他気になることがありましたらお気軽にお伝えください!
【Wordpress対応】HTML/CSS。デザイン通りのコーディングを行います
業務内容
◾️提供内容
HTML・CSSの静的コーディング
jQuery/JavaScriptの実装
CSSアニメーション
WordPressの構築(オリジナルテーマ制作 / カスタマイズ)
◾️基本料金内
jQuery/JavaScriptの実装
レスポンシブ対応
SEO対策
テスト環境
修正対応
◾️無料JavaScript
一般的に実装されている動き。 (メニューボタンなど)
◾️納期
トップページ:2~4日
下層ページ:2日~
(ボリューム、稼働状況により変動いたします )
ご安心いただけるよう、密なコミュニケーションをこころがけております!
ご不明な点は、お気軽にお問い合わせくださいませ。
【マーケティング会社様・制作会社様・デザイナー様向け】コーディング代行します
業務内容
サービス内容
▢HTML/CSS/JSの静的コーディング代行 ( レスポンシブ対応 )
▢HTML記事流し込み( テンプレートをご用意いただきます )
▢WordPress新規構築( オリジナルテーマ制作 )・改修作業
▢お問い合わせフォーム実装
▢部分修正 ( 既存サイトの修正、ページ追加、不具合対応等 )
お勧めな方
【マーケ会社様】「流し込み作業があるが、細かい指示がなくてもいい感じに対応してほしい」
【制作会社様】「デザインはあるけどコーダーが足りない、時間がない」
【デザイナー様】「デザインや自分の業務に集中したい」
「言葉が丁寧な人は多いけど、具体的に説明してくれる人がいない」
参考料金・基本料金に含まれるもの
プラン、下記に表示している金額は目安となります。
ご予算が決まっている場合、ご提示して頂く形か、
ヒアリング時に詳細をお聞きした後、
正式な金額を提示させていただきます。
■修正作業
▢修正一か所:3000円~( 内容により変動 )
■記事流し込み
▢5ページ以下:1ページ:3000円~
▢5ページ以上:1ページ:2600円~
・元となるテンプレートと、参考となる記事HTMLを頂きます。
・40P~80P超えも予定次第でお請け可能です。
・使用する画像、ファイル命名規則等をどうするかといった事を事前に確認いたします。
■静的サイト
▢LPコーディング:45000円~
▢LPコーディング(画像中心):30000円~
▢トップページ :30000円~
▢下層ページ :10000円~(1ページ)
※LPとトップの違いは主に作業密度の差です。
無料
・レスポンシブ対応
・基本的なJS( スムーススクロール/スライダー/ハンバーガーメニュー等 )
・画像圧縮 / 2倍書き出し(retinaDisplay対応)
・ブラウザチェック
■WordPress(機能部分)
▢WordPress化:20000円~
・オリジナルテーマ制作
・カスタム投稿・カスタムフィールド等対応( 数に応じて追加料金 )
・必要に応じて管理・編集できる形で実装
▢お問合せフォーム:10000円~
・ WordPressプラグインを使用(Contact Form 7)
納品までの流れ
1.ヒアリング、お見積もり
デザイン、規模・ページ数・仕様、希望納期、作業範囲等の確認
基本的にはメッセージのやり取りで行います
↓
2.お見積り提出、ご購入
内容に同意いただけた場合、ご購入をお願いいたします。
↓
3.データの受け渡し
デザインデータ、仕様書やログイン情報などを頂きます。
↓
4.制作開始
定期的に作業進捗の報告をいたします。
↓
5.テストアップ / ご確認・修正対応
コーディングが完了次第、テスト環境に初稿をアップします。
お客様側でご確認いただき、修正点がありましたら対応いたします。
↓
7.納品
対応完了後にご確認いただき、何も問題なければ、
zipファイルにて納品、またはサーバーにアップロードいたします。
納期、納品方法
■デザイン、ボリューム、スケジュールにより変動いたします。
▢目安
LP・トップページ:4~7日
下層ページ :2日~
WordPress :7日~
※デザインデータ受け取り翌日からの日数です。
※コーディングだけでなく品質チェックや
複数ブラウザ確認、何らかの緊急対応といった事もあるので、
余裕ある納期をいただいております。
ブラウザ確認環境
【windows】chrome / firefox / edge【Windows10(AMD Ryzen7)】
【 android 】chrome / firefox / edge【BlackShark3 Android10】
【macbook】chrome / firefox / safari【MacBookPro Retina13インチPro】
【 iPhone 】chrome / firefox / safari【iPhoneSE第二世代 iOS17】
◆◇制作会社様・WEBデザイナー様◇◆コーディング代行いたします
業務内容
◾️はじめに
たくさんあるパッケージの中からご覧いただきありがとうございます!
個人事業(1年目)でWebコーダーをしている「森 猛」と申します。
コーディングとWordPress構築をメインに活動しています。
◾️こんな悩みの方へ
・報連相を徹底してくれるコーダーを求めている。
・円滑なコミュニケーションができるコーダーを求めている。
・最後までやりきってくれるコーダーを求めている。
◾️サービス内容
・HTML / CSSコーディング
・jQueryを用いたアニメーション実装
◾️料金
・TOPページコーディング:30,000円〜
・下層ページコーディング:10,000円〜
※ページ構成・機能によって変わってきますので、まずはご相談いただければと思います。
◾️制作の流れ
①ヒアリング
ページ構成・必要な機能などを確認いたします。
②お見積り
納期や金額を提示させていただきます。
③制作・確認
ページ毎でのご確認をお願いいたします。
※ 気になる点がある場合、可能な限り修正対応いたします。
④納品
制作物をzipファイルにて納品させていただきます。
※サーバーへのアップロードをご希望の場合、FTP情報のご提示をお願いいたします。
◾️当サービスの強み
・品質チェックシートを用いて確認後、納品いたします。(品質チェックシートのお渡しも可能)
・即レス対応(21時までのご連絡においては、3時間以内には返信いたします)
・可能な限り柔軟に対応いたします。
◾️ご用意していただくもの
・デザインカンプデータ(XD、Photoshop、Illustrator、Figma)
1ページ10,000円から!LPやシングルページのコーディング、書きまくります
業務内容
▼こんな方へオススメ
- デザインデータはあるのにコーディングができない
- コーディングを依頼できる外注がいない
- コーディングだけではなく、本番アップまでお願いしたい
▼ご提供内容
HTMLとCSSをベースにコーディングいたします。
JavaScriptやjQueryを用いた、動的な要素の追加も可能※です。
※複雑なプログラムについては対応できない場合があります
▼ご購入後の流れ
オンラインでヒアリング
zoom, Teams, Google Meetからお選びいただけます。
↓
コーディング
コーディングには自信があります!お任せください!
御社のコーディングレギュレーションに合わせての記述も可能です。
Photoshop, XD, Figma, Illustrator など、デザインデータ各種対応しています!
↓
テストアップ
テストサーバーをご用意しております。
↓
修正
最高3回まで対応いたします。
五月雨に依頼するより一度にまとめていただけますと、スムーズに進みますのでオススメです。
4回以降の修正につきましてはオプションをご利用ください。
↓
納品
データ一式の送付、または本番サーバーに直接アップロードいたします。
本番サーバーがない場合は手続きを代行いたします(オプション)。
▼制作可能なジャンル
公序良俗に抵触するもの以外であればOK!
アダルトもごめんなさい。
▼料金プランやオプション
特急オプションもご用意しております。
▼納期
お急ぎの場合は特急オプションにて対応いたしますので、まずはご相談ください。
【スピーディかつ高品質 / 各種CMS / ECサイト対応 】コーディング代行します
業務内容
自己紹介
ランサーズでは、フロントエンジニアとしてWeb関連の業務をしています。
基本的なコーディングは勿論のこと、WordPressやMicro CMSなどのCMS組み込み、ShopiflyやEC-CUBEを使ったEC構築も承っています。
また、今後はReact / TypeScriptを使ったモダンな開発でも貢献していきたいと考えております。
このパッケージについて
スピーディかつ高品質に、HTML / CSS / JavaScriptを使ったコーディングをします。
こんな悩みありませんか?
❓ 「自社のコーダーが足りない」
❓ 「PCのデザインだけで、SPもよしなに調整して欲しい」
❓ 「各種CMS・ECサイト構築できるエンジアが足りない」
❓ 「デザインを作れるがコーディングができない」
こんな方におすすめです
✔︎ 「コーディングの外注先をお探しの方」
✔︎ 「パートナーとなるコーダーをお探しのデザイナーの方」
✔︎ 「タイトなスケジュールで活動できるフロントエンジニアをお探しの方」
サービス内容
デザインからコーディング致します。
料金は、ページのボリュームによって変動します。
▼ WordPress / MicroCMSなどの各種CMS組み込みをご希望の方はこちらのパッケージを利用ください。
https://www.lancers.jp/menu/detail/1242097
▼ Shopifly / EC-Cubeなどの各種ECサイト構築をご希望の方はこちらのパッケージを利用ください。
https://www.lancers.jp/menu/detail/1242097
ご依頼の流れ
1. ご相談
まずはお気軽にご相談ください。
2. 見積もり提出
お見積もりと納期をご提示します。
3. オファーの作成・承諾
ご納得いただけましたらオファーを作成しますので、承諾してください。
4. 作業開始
作業を開始します。
5. 確認・修正
完成したサイトを確認していただき、満足いただけるまで修正します。
「まずは相談する(無料)」のボタンからお気軽にご相談ください
相談の際は、下記テンプレートを使用していただけますとスムーズです。
「準備中」
他にもパッケージを出品しています
▼ スピーディかつ高品質 / 各種CMS / ECサイト対応 】コーディング代行します
https://www.lancers.jp/menu/detail/1242097
急ぎに対応!スマホ対応も可能なHTML/CSSコーディング作業を代行をします
業務内容
【緊急コーディング対応|最短当日着手】
デザインカンプからコーディングまで、迅速・丁寧に対応いたします。
【こんな方にオススメ】
✓ 納期が迫っているが社内リソースが確保できない
✓ 既存の外注先から突然連絡が取れなくなった
✓ コーディング工程だけを外注したい
✓ 急な案件で即日対応が必要
【技術スタック】
■ フロントエンド開発
- HTML/CSS/JavaScript
- Bootstrap/jQuery/Sass
- レスポンシブ対応
■ バックエンド開発
- PHP/WordPress
- Shopify実装
■ 開発環境
- Git/Github管理
- テスト環境提供
【対応可能な制作物】
• コーポレートサイト制作
• ランディングページ(LP)制作
• WordPressサイト構築
• ECサイト制作(Shopify)
※全案件レスポンシブ対応込み
【料金について】
以下の要素を考慮し、最適なお見積りをご提示いたします:
- ページ数
- デザインの複雑さ
- アニメーションの実装量
- 納期の緊急度
【制作フロー】
- 無料お見積り相談
- 要件確認・料金のご提示
- ご発注・着手
- ページごとの進捗報告
- テスト環境での確認
- 修正対応(2回まで無料)
- 納品・技術サポート
※ボリュームと納期のバランスによっては、
お受けできない場合もございます。
まずはお気軽にご相談ください。
【特徴】
• 豊富な実績による速習性の高い実装
• 保守性を考慮したクリーンなコーディング
• 進捗状況の細やかな報告
• 技術的な説明も丁寧に対応します
まずはお見積りからお気軽にご相談ください!
【制作会社様・デザイナー様向け】HP・LPのHTML/CSSコーディング代行します
業務内容
数あるパッケージの中からご覧いただき、誠にありがとうございます。
個人事業(3年目)でコーディングとWordPress構築をメインに活動している「金杉 優希(かなすぎ ゆうき)」と申します。
現在、制作会社様やマーケティング会社様と継続的なお取引をさせていただいております。
・制作過程のやりとりを不便なくできるコーダーを探している。
・プロとして最後まで責任をもって対応してくれるコーダーを探している。
・デザインからコーディングまで安心してまるっとお任せできるコーダーを探している。
そんな方々のお力になります!
▶︎作業内容
・HTML / CSSコーディング
・JavaScript / jQueryを用いたアニメーション実装
・レスポンシブ対応
・品質確認(マルチブラウザ対応、W3C、ピクセルパーフェクトなど)
・サーバーへのアップロード
▶︎制作の流れ
①ヒヤリング
実装機能などの確認をいたします。
②契約
お見積もり、納期をご提示させていただきます。
ご納得いただけた場合、ご購入をお願いいたします。
③制作・確認
制作実施後、制作物のご確認をお願いいたします。
気になる点がある場合、可能な限り修正対応いたします。
④納品
問題なければ、制作物をzipファイルにて納品させていただきます。
※サーバーへのアップロードをご希望の場合、FTP情報をご教示下さい。
▶︎ご用意いただくもの
・デザインデータ(XD、Photoshop、Illustrator、Figmaなど)
おなじみのデザインデータのほとんどが使用可能!現役コーダーがフルコーディングします
業務内容
WEB制作歴もうすぐ20年!
コーダーやWEBデザイナーとして、複数の企業で活動してきました。
現在は数社と業務委託契約を結んでいるフリーランサーです。
現在進行系で現場にいるコーダーだからこそ、お客様の考えを汲み取ったり、お悩みを解決する引き出しはたくさん用意しております。
料金面も含めて、まずはお気軽にご相談ください!
▼こんな方へオススメ
- デザインデータはあるのにコーディングができない
- コーディングを依頼できる外注がいない
- コーディングだけではなく、本番アップまでお願いしたい
▼ご提供内容
HTMLとCSSをベースにコーディングいたします。
JavaScriptやjQueryを用いた、動的な要素の追加も可能※です。
※複雑なプログラムについては対応できない場合があります
▼ご購入後の流れ
オンラインでヒアリング
zoom, Teams, Google Meetからお選びいただけます。
↓
コーディング
コーディングには自信があります!お任せください!
御社のコーディングレギュレーションに合わせての記述も可能です。
Photoshop, XD, Figma, Illustrator など、デザインデータ各種対応しています!
↓
テストアップ
テストサーバーをご用意しております。
↓
修正
最高3回まで対応いたします。
五月雨に依頼するより一度にまとめていただけますと、スムーズに進みますのでオススメです。
↓
納品
データ一式の送付、または本番サーバーに直接アップロードいたします。
本番サーバーがない場合は手続きを代行いたします(オプション)。
▼制作可能なジャンル
公序良俗に抵触するもの以外であればOK!
アダルトもごめんなさい。
▼料金プランやオプション
特急オプションもご用意しております。
▼納期
修正の頻度などを考慮し、納期は多めに見積もっております。
お急ぎの場合は納期短縮オプションにて対応いたしますので、まずはご相談ください。
【初回お試し10%OFF】実績130件以上!HTML/CSSの静的コーディングします
業務内容
【★初回10%OFF★実績100件以上!制作歴11年のデザイナー兼コーダーがコーディングします】
「デザイン通りにコーディングしてほしい」
「スマホデザインはないけど、スマホ対応にしてほしい」
「作った後も更新や修正などの保守をお願いしたい」
中小企業様、店舗様、こんなお悩みありませんか??
はじめての方でも大丈夫。そのお悩み、解決いたします!
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やバナーのデザインを作ってほしい など
【スマホ対応LPコーディング】HTML+CSSで1ページを丁寧に仕上げます
業務内容
▼こんな方へオススメ
・デザインはあるけど、コーディングを任せたい方
・スマホ対応のLPを1ページで仕上げたい方
・外注が初めてで、丁寧にやりとりしてほしい方
・予算内でシンプルにLPを公開したい方
▼ご提供内容
・HTML+CSSによるコーディング(1ページLP)
・レスポンシブ対応(スマホ・タブレット)
・軽微なJavaScript(メニュー、アコーディオン等)
・alt属性や構造を意識したマークアップ対応
・ファイル納品(HTML/CSS/JS/画像)
▼ご購入後の流れ
① ヒアリング(デザイン・構成・希望納期など)
② 作業開始(進捗は随時ご報告)
③ 初回納品 → ご確認・修正対応(2回まで)
④ 最終納品・クローズ
▼制作可能なジャンル
・キャンペーン用LP
・サービス紹介ページ
・セミナー/イベント告知ページ
・士業・店舗向けシンプルLP
・ポートフォリオ風LPなど
▼料金プランやオプション
・ライト:¥10,000(3セクションまで)
・ベーシック:¥15,000(5〜6セクション)
・プレミアム:¥20,000〜(7セクション以上+動き)
・セクション追加:+¥2,000〜
▼納期
・ライト:7日以内
・ベーシック:10日以内
・プレミアム:14以内(応相談)
※副業対応のため、事前にスケジュール確認をお願いします。
デザインを忠実に再現するコーディング、WordPressサイトの改修を代行いたします
業務内容
静的やWordPressサイトの改修、JavaScriptなどの実装を行います。
1万円という手軽な費用からお申し込みいただけます。(1万円の場合、修正箇所は3つまでとなります。詳しくはお問い合わせください。)
※ご購入前に、必ず無料見積もりをお願いいたします。
【ご購入いただいてからの流れ】
①無料相談
不要なトラブルを避けるため、ご購入前に必ずメッセージにて無料見積もりをお願いいたします。
↓
②ご納得いただけたら、ご購入
無料相談でご納得いただけたら、出品やオファーをご購入いただきます。
↓
③ヒアリング
認識のずれがないよう、ヒアリングで擦り合わせをいたします。
↓
④サイト改修後に提出、フィードバック
サイトを改修して提出しますので、ご確認をお願いいたします。
↓
⑤④を繰り返し、納品
④を繰り返し、完成したら納品いたします。
まずは、メッセージにてお気軽にお問い合わせください。
【実績】
※お手数ですが、先頭に「https://」をつけてご検索ください。
施工図屋さん様
sekouzu.jp/
AIを使用で安定スピードと高品質!HTML/CSSでHP・LPコーディングを行います
業務内容
ご覧いただきありがとうございます!
WEBエンジニアのmatsuguchiと申します。
ホームページやLPをデザインカンプからコーディングしております。
(デザインカンプはXD・Photoshop・Illustrator・Figmaで作成されたものに対応しております)
制作会社に依頼する相場に比べて安価に行いますのでまずはお気軽にご相談ください。
【私からのお約束】
・保守・管理しやすいコードを書きます!
・表示崩れのないコーディングを行います!
・デザイン通りのコーディングを行います!
・アニメーションもお任せください!
・丁寧・安心のサービスを提供します!
【作業内容】
・HTML・CSSによるコーディング
・javaScript(jQuery)によるアニメーションなどの実装
(例)ハンバーガーメニュー・アコーディオンなどの実装、スライドショー、フェードイン・アウトの実装
・レスポンシブ対応(スマホ対応)
・テストサーバーでの動作確認
その他、ご要望に応じて対応させていただきます!
【作業の流れ】
①「まずは相談する」をクリック
②ヒアリング・見積り
③作業開始
④初稿完成
⑤お客様によるご確認
⑥修正
⑦納品
【料金】
トップページ(アニメーションなし)(7000px程度まで):10000円
トップページ(アニメーションあり)(7000px程度まで):11000円
トップページ(7000px程度まで) + 下層ページ2ページ:20000円
【納期】
作業開始より5日~となっております
【納品方法】
・ファイルでの納品
・サーバーへのアップロード
【ヒアリング・見積り時に必要なもの】
・デザインデータ(XD・Photoshop・Illustrator・Figmaで作成したもの)
また、下記6つについてヒアリング・見積り時にお聞きしたいのでご準備をお願いいたします。
・ご予算
・ご希望される納期
・ページ数
・アニメーションの有無
・WordPress化の有無
・画像などのコーディングに必要な素材の準備はできているか
※アニメーションやWordPressがどんなものか分からない場合にはヒアリング時にご説明いたします。
些細な疑問にもお答えいたしますので、ヒアリング時にお気軽にお尋ねください。
【制作会社様・Webデザイナー向け】HP・LPのコーディング代行します
業務内容
【制作内容】
HTML/CSSコーディングを行います。(レスポンシブデザイン対応可能)
また、WordPressの導入およびオリジナルテーマの構築が可能であり、必要なプラグインの導入も行います。さらに、Webサイトの修正やエラーの修正も対応いたします。
【購入・納品の流れ】
1.見積もり
作成するページ数やご要件に応じて金額は変動いたします。
そのため、「まずは相談する」よりご依頼の内容を詳しくお知らせください。
納品日の目安と、追加で購入が必要なオプションがある場合ご案内いたします!
2.デザインの確認、仕様の確認
お見積もりなど問題なければ、そのままご発注をお願いいたします。
その後、写真やテキストなど、サイトに使用する素材がある場合お送りください。
3.制作開始
最終的な納品日をお伝えし、サイト構築開始いたします。
4.納品
テストサイトをこちらで用意いたします。
テストサイトでデザインや文言、アニメーションなどの確認を行っていただき必要があれば修正を行います。
修正回数は無制限です。
問題なければ本番環境へのアップロードまたは、ご要望に合わせてデータを送付いたします。
【デザインデータについて】
XDまたは、PSD、AIでのデザインのみ可能です。
画像データを切り出しを行ってデザインデータと一緒に提出してください。
また、SPデザインはトップページのみでも可能です。(こちらでSP用に調整いたします。)
【実績】
・不動産(賃貸・建売・売買どれも経験あり)
・中小企業(コーポレートサイト)
・人材派遣
・採用ホームページ
・保育園
・美容室
・葬祭
・イベント(イベントの応募や紹介なども可能)
など
【高品質で迅速に!】ホームページのコーディング承ります
業務内容
ページをご覧いただきましてありがとうございます。
これまで制作会社様より受託をし、コーディングを行ってきました。
制作会社様との多数実績がございますので、安心してお任せいただければと思います。
コーディングを外注したい方、
デザインはできるけどコーディングはできない方、
せひご相談ください!
【作業内容】
HTML・CSSコーディング
js実装
【制作の流れ】
①ヒアリング・お見積り
②お客様からデザインデータのご提供
③コーディング
④テストアップ確認・修正
⑤最終調整・納品
現場で培ったスキルを活かし、最適なコードをご提供します
業務内容
こんな方へおすすめ
✅ 短期間でWebサイトやアプリを構築したい方
✅ HTML/CSSのコーディングをスムーズに依頼したい方
✅ JavaScriptでインタラクティブな機能を追加したい方
✅ WordPressサイトの構築・カスタマイズを検討している方
✅ 追加ページの作成を依頼し、サイトを拡張したい方
✅ デザインも合わせて簡単な調整をしてほしい方(オプション)
ご提供内容
📌 HTML/CSS コーディング(レスポンシブ対応・LP制作)
📌 JavaScript開発・機能追加(動的要素・API連携)
📌 WordPressサイト構築・カスタマイズ(テーマ調整・設定代行)
📌 追加ページ制作(サービス紹介・問い合わせページなど)
📌 デザイン制作(シンプルなレイアウト調整)
ご希望に合わせて柔軟に対応可能!理想のサイトを形にします。
購入後の流れ
1️⃣ ご依頼内容の確認(仕様書・要件ヒアリング)
2️⃣ 初回実装&レビュー(動作確認・方向性調整)
3️⃣ 修正・調整対応(フィードバックを反映)
4️⃣ 納品&コード提出(ZIPファイル形式)
作業途中でも適宜確認を行い、ご希望に沿った仕上がりを目指します!
製作可能なジャンル
💻 コーポレートサイト(企業向けWebサイト)
📱 ランディングページ(キャンペーン・イベント向け)
🎨 その他カスタム機能の開発(オリジナル仕様に対応)
納期
⌛ HTML/CSS コーディング:3~5日
📂 JavaScript機能追加:5~7日
📌 WordPressサイト構築:7~10日
🌍 追加ページ制作:2~4日(1ページあたり)
🎨 デザイン制作(オプション):3~5日
納期の調整も可能ですので、お急ぎの方はご相談ください!
【制作会社・デザイナー向け】WEBサイト・LPのコーディング代行承ります
業務内容
フリーランスのWebコーダー、みずと申します。
・ プロジェクトの納期が迫っていて、コーディングのリソースが足りない
・ クオリティを維持しながら、信頼できる外注先を探している
・ コーディングはできるが、細かい部分やWordPressの実装に不安がある
➡︎ そんなお悩みを解決します! お気軽にご相談ください。
▼サービス内容
・HTML/CSSのコーディング(レスポンシブ対応)
・LPのコーディング
・既存サイトのページ追加
・スライダー等のアニメーション実装
・スマホデザインがない場合の適切な対応
・命名規則やコーディングルールの希望対応
➡︎制作会社様やディレクターの皆様の要望に柔軟に対応します!
▼料金表
・トップページ:20,000円~
・下層ページ:8,000円~
・LP:30,000円~
・お問い合わせフォーム(入力+確認+完了):10,000円
・WordPress化:20,000円
・WordPress カスタム投稿/カスタムフィールド:5,000円/1箇所につき
・アニメーションの実装:1,000円~5,000円
※明日までに完成などの特急料金は通常のお見積もりに+15%上乗せ
➡︎ご予算に応じて最適なプランをご提案できますので、お気軽にご相談ください!
▼納品までの流れ
① ヒアリング
コーディング内容、ご希望納期、大体のご予算などお聞かせください。
↓
② お見積り
詳細をもとに料金を提示いたします。
↓
③ ご購入
お見積りにご納得いただけましたら、ご購入をお願いいたします。
↓
④ コーディング
確認いただいた内容をもとに制作を進めます。大規模な案件は進捗報告をいたします。
↓
⑤ 初稿提出 & 修正対応
ご確認いただき、修正点があればお知らせください。デザインや仕様の変更を変更を伴わない軽微な修正は無料対応いたします。
↓
⑥ 納品
ご希望の方法で納品いたします。サーバーへのアップロードも可能です。
▼納期について
通常 1週間程度での初稿提出を目安としています。
(制作期間目安:TOPページ・LP3日ほど)
作業量により変動しますが、特急対応(24時間以内)も可能ですので、まずはご相談ください!
信頼できるコーディングパートナーとして、長期的なお付き合いも大歓迎です!
◇制作会社様/デザイナー様向け◇LPコーディング代行いたします
業務内容
ご覧いただき、誠にありがとうございます。
制作会社様や、デザイナー様向け。
・制作過程のやりとりを不便なくできるコーダーを探している。
・プロとして最後まで責任をもって対応してくれるコーダーを探している。
・デザインからコーディングまで安心してまるっとお任せできるコーダーを探している。
そんな方々のお力になります!
▶︎作業内容
・HTML / CSSコーディング
・JavaScript / jQueryを用いたアニメーション実装
・レスポンシブ対応
・品質確認(マルチブラウザ対応、W3C、ピクセルパーフェクトなど)
・サーバーへのアップロード
▶︎制作の流れ
①ヒヤリング
実装機能などの確認をいたします。
②契約
お見積もり、納期をご提示させていただきます。
ご納得いただけた場合、ご購入をお願いいたします。
③制作・確認
制作実施後、制作物のご確認をお願いいたします。
気になる点がある場合、可能な限り修正対応いたします。
④納品
問題なければ、制作物をzipファイルにて納品させていただきます。
※サーバーへのアップロードをご希望の場合、FTP情報をご教示下さい。
▶︎ご用意いただくもの
・デザインデータ(XD、Photoshop、Illustrator、Figmaなど)
ホームページの修正や新たなコーディング作業を請け負います
業務内容
▼こんな方へオススメ
デザインデータを持っているけれど、HTML/CSSのコーディングに時間がかかる方
外注で信頼できるコーダーが必要な方
コーディングから本番アップまで一貫してお任せしたい方
▼ご提供内容
HTMLとCSSを基にしたコーディングを行います。デザインデータ(現時点ではFigmaのみ)に対応可能です。JavaScriptやjQueryを使った動的な要素の追加も承ります。
▼ご購入後の流れ
- オンラインでのヒアリング(Zoom、Google Meetから選択可能)
- コーディング作業
- テスト環境の準備
- 最大3回までの修正対応
- 納品(データ一式の送付または本番サーバーへのアップロード)
▼制作可能なジャンル
公序良俗に反しない限り、ほぼすべてのジャンルに対応可能です。アダルトコンテンツは除外しています。
▼料金プランやオプション
基本サービスには、HTML/CSSコーディング、レスポンシブ対応、テスト環境の提供、指定サーバーへのアップロード、納品後1週間の修正対応が含まれます。
▼納期
通常の納期はLPやトップページで4〜7日、下層ページで+2日〜です。日程については、ご相談ください。
デザインに忠実。ホームページ・LPのコーディング承ります
業務内容
▶︎サービス紹介
以下のお悩みを解決いたします。
・ウェブサイトのデザインを思い通りに実現したい
・レスポンシブデザインで快適な表示を実現したい
・迅速かつ丁寧な対応を求めている
▶︎サービスの概要
・HTML・CSS(Sass)を用いたコーディング
・JavaScript(jQuery)を用いたアニメーション実装
・レスポンシブ対応
▶︎無料対応
・表示速度向上のため画像圧縮(ご希望の場合)
・基本的はSEO対策(構文チェック、metaタグの設置)
・アニメーション実装(ハンバーガーメニュー・ホバーアニメーション・スムーススクロール・アコーディオン・フェードイン)
・ファビコン・OGPの設置
・修正(大幅なデザインや内容の変更、追加のご要望などによる修正は、追加料金をいただく場合がございます。)
▶︎納品までの流れ
①「見積り・カスタマイズの相談をする」よりご相談ください。
②ご購入・デザインデータお預かり
③コーディング
④テスト環境にアップロード→ご確認・修正
⑤納品
▶︎納品方法
・zipファイルの送付
・ご指定のサーバーへアップロード
▶︎納期の目安(デザインデータをいただいてから)
・LP → 10日~
・トップページ → 10日~
・下層ページ → 3日~
※ご依頼のボリュームによって前後します。
▶︎受け取り可能なデザインカンプについて
・AdobeXD
・Figma
ご不明な点がありましたら、お気軽にお問合せ下さい。
「まずは相談する(無料)」よりお問い合わせください。
【制作会社様・デザイナー様向け】デザインを忠実に再現するコーディング承ります
業務内容
【デザインを忠実に再現いたします】
デザインの世界観を崩さずに、正確にコーディングすることを心がけております。
デザイナー様や、コーディングの手が足りない制作会社様のお手伝いをいたします。
【こちらをお読みになりご注文をお願いいたします】
・対応デザインカンプはPhotoshop、XD、Figmaとなっております。
・納品方法は基本的にファイルでのお渡しとなっております。(サーバーアップでの場合ご相談ください)
WordPressオリジナルテーマ対応、静的サイト、LPのコーディング承ります
業務内容
当パッケージをご覧いただきありがとうございます。
【 サービス内容 】
・デザインカンプを元にコーディング
・CSS, JavaScriptを使った複雑なアニメーション(GSAP可)
・WordPressの構築(オリジナルテーマ制作 / 投稿などカスタマイズ)
・SEO対策(metaタグ、WordPressの場合はプラグイン使用)
・FLOCSSをベースとした可読性の高いCSS設計
・テスト環境のご用意
・ブラウザ確認
Chrome,Edge,Firefox,
【 対応可能なデータ 】
・Figma, XD, Photoshop, Illustrator,Photoshop
【 お取引の流れ 】
①ヒヤリング
→デザイン、機能、スケジュール確認をさせていただきます。
②納品日とお見積り金額をお伝えいたします。
③問題がなければ、ご契約・仮払いをお願いします。
④ご確認・修正
→テスト環境で成果物をご確認いただきます。
⑤納品
→サーバーへのアップ・もしくはファイルの送付
ご不明点があればお気軽にご連絡ください。
どうぞよろしくお願いいたします。
【HTML/CSS/Javascript】デザインに忠実にコーディングします
業務内容
はじめまして!
数あるサービスの中からご覧いただきありがとうございます。
株式会社ARCHIPELAGOです。
「デザイン通り、ズレなく再現したい」
そんなご要望に応える、コーディング特化型のサービスをご提供しています。
【 こんな方にぴったりです 】
・デザインカンプはあるけれど、コーディングのリソースが足りない制作会社さま・企業さま
・LPやWebサイト案件を受けたけど、コーディングに自信がないデザイナーさま
・HTML/CSSの基本はできるけど、アニメーションやWordPress化が苦手な方
・日々の業務で手一杯なコーダーさまのサポートとして
【 制作の流れ 】
① ヒアリング・お見積り
ご希望の機能・納品形式・スケジュール感など丁寧にご確認させていただきます。
② デザインデータのご共有(PSD/AI/XD/Figmaに対応)
静的HTMLまたはWordPress(オリジナルテーマ)での実装が可能です。
③ トップページの実装 → ご確認
④ 下層ページの実装 → 2〜3ページごとに進捗共有
⑤ テストサーバーにて全体確認 → 修正対応
⑥ 最終納品(zip形式 または サーバーへアップロード)
※サーバー納品の場合はFTP情報をご共有ください。
【 料金目安 】
トップページ(レスポンシブ対応):20,000円〜
※複雑なアニメーション・機能については別途お見積りいたします。
【 対応環境 】
PC:Chrome・Safari・Firefox・Edge(※Firefox・Edgeは擬似環境)
スマホ:主要ブラウザすべて対応
ご相談・お見積りは無料です。
「少し話を聞いてみたい」という方も、お気軽にご連絡ください!
【3割引セール中】コーディング代行サービスであなたのアイデアを実現します
業務内容
この度は本サービスをご覧いただきありがとうございます。
サイト製作を主に行っているカツオと申します。
本サービスは静的サイトのコーディングを行います。
【基本サービス内容】(すべてのプラン共通)
・デザインデータからのコーディング
・各種必要なタグの埋め込み
・画像圧縮による表示スピードの改善
・テスト環境(サーバ)へのアップロードテスト
【プランの種類】
・ベーシック・・・TOPページのみコーディング(納品前のデザイン変更に伴う修正3回まで)
・スタンダード・・TOPページのみコーディング+レスポンシブ対応(納品前のデザイン変更に伴う修正3回まで)
・プレミアム・・・TOPページのみコーディング+レスポンシブ対応(納品前のデザイン変更に伴う修正回数無制限)
【オプションサービス】
・下層ページコーディング
・お問い合わせフォーム実装
・JavaScript、jQery、CSS等を用いたアニメーション
・縦幅超過分の課金
・実績として公開不可
【使用可能(経験)ツール・言語・フレームワーク】
・ツール
Figma、ChatGPT、Canva、GIMP
・言語、フレームワーク
html、css、Sass、JavaScript、php
【納品方法】
zipファイル
【表示確認】
納品前には下記ブラウザ全て(バージョンは最新)での表示確認も行い、どの環境でも問題なく閲覧できるWebサイトを制作します。
・WindowsPCでのChrome, Edge, Firefox
・MacPCでのSafari
・iPhoneでのSafari
※基本の動作確認対象は 375px ~ 1920px です。
その他の画面幅での対応が必要な場合は、別途お見積もりいたします。
【制作会社様・デザイナー様必見!!】低価格で丁寧・高品質なコーディングを代行します
業務内容
\絶賛受付中!/
当パッケージをご覧いただきありがとうございます。
中谷寛希と申します。
フリーランスになってから実績が少ないため、HP、LPコーディングの実績を作るために低価格で提供させていただきます。
▽当パッケージの特徴
- ベーシックプランでは既存のHP、LPに対して修正や改良をさせていただきます。どんなに小さなご要望でもお伺いします。
- 一番人気はスタンダードプランです。
- 綿密な打ち合わせをすることで、満足してもらえるLP、HPが制作できます。
▽こんな方におすすめ
- デザインはあるけどコーディングに時間を割けない制作会社様や中小企業様・個人様
- LPやサイトのお仕事を受けたけどコーディングが苦手というデザイナー様
- コーディングが苦手で誰かに任せたい方
お客様がHP、LPを発注する目的を果たせるよう全力でHP、LPを制作させていただきます。
機械的にHP、LPを作るわけではないので、HP、LP作成や運用についてご相談があれば、お気軽にご相談くだされば幸いです。
▽【価格】
- 修正、改良のご依頼:3,000円~
(※内容によっては対応不可の場合もございます。)
システムの都合上10,000円と表記されております。 - LPコーディング:30,000円~
(内容により変動します。) - HPコーディング:70,000円~
(内容により変動します。)
上記はあくまで目安となります。
まずは綿密な打ち合わせにより目的を明確にして、ご要望に寄り添えるように尽力させていただきます。
▽ご利用の流れ
①まずは無料相談
②掲載内容の指定:ヒアリングシートのご記入をお願いします。
③制作開始
④完成:ファイルでのご納品
ご相談はもちろん無料です!
まずは「無料相談ボタン」からお気軽にご連絡ください!
HTML/CSS/JavaScriptで高品質なコーディングを代行します
業務内容
このページをご覧いただき、誠にありがとうございます。
はじめまして、Webコーダーの「ともひろ」と申します。
現在はフリーランスとして、HTML / CSS / JavaScript(jQuery・GSAP含む)を中心としたコーディング業務を行っております。
レスポンシブ対応(PC・スマホ)や、基本的なSEO対策も標準で対応いたします。
また、FigmaやXDなどのデザインデータをもとに、忠実かつ柔軟なコーディングを心がけています。
お客様との丁寧なコミュニケーションを大切にし、「親切・共感・提案」の姿勢で、“あと一歩先”のご提案と対応を目指しています。
修正対応や納期管理についても責任を持って進めさせていただきますので、初めての方もどうぞ安心してご相談ください。
【サービス内容】
・デザインデータからのHTML/CSSコーディング(静的ページ対応)
・JavaScriptによる動的実装(アニメーション、スライダーなど)
・HP・LPのWordPress化(別途オプション)
・GSAPなどを使ったアニメーション表現(プレミアム対応)
【料金目安】
・LPコーディング(1ページ):10,000円〜
・下層ページ追加:+5,000円〜
・JavaScript機能追加:+5,000円〜
※正式な金額は、デザイン内容・ページ数・機能に応じて個別にお見積もりいたします。
【料金に含まれる内容】
・HTML / CSS / JSコーディング
・レスポンシブ対応(PC / スマホ)
・修正対応(5回まで無料)
【納期について】
・目安:1週間〜
※ボリュームや機能に応じて柔軟に対応いたします。
※お急ぎの場合もご相談ください(オプションあり)。
【対応可能なデザインデータ】
・Figma
・Adobe XD
・Photoshop
・Illustrator
【納品形式】
・ZIP形式での納品
・FTP情報をいただければ、アップロード代行も可能です
丁寧さと提案力を大切に、「依頼してよかった」と思っていただける制作を目指して取り組んでおります。
どうぞお気軽にご相談ください。心よりお待ちしております。
【親切・提案・共感をモットー】LP/HPデザイン、責任を持ってコーディングします
業務内容
このページを見ていただき誠にありがとうございます。
はじめまして。「ともひろ」と申します。
「LP/HPのデザインはあるが、コーディングをお願いしたい」
「人手が足りないので、コーディングを委託したい」
そんな方々に是非コーディングをお任せいただけませんか?
現在、私はフリーランスとして、
HTML /CSS/Javascriptのコーディングを中心に活動をしています。
最後まで責任を持って対応させて頂きます。どうぞ宜しくお願い致します!
サービス内容
デザインデータからHTML/CSSを実装
必要に応じてHP/LPをWordPress化(別途料金となります。ご相談ください。)
基本料金
・トップページコーディング・・・・9,500円〜
下層ページ作成・・・・・ +5,000円〜
JavaScript実装・・・・・・・・・ +5,000円〜
※現在先着5名様に1ページコーディングを5,000円で提供するキャンペーンを実施中です。
料金に含まれるもの
・HTML / CSSコーディング
・レスポンシブ対応(PC, SP)
・修正(基本5回迄)
見積もりについて
デザインやボリューム感等お伝えいただき、御見積もりを迅速提出させて頂きます。
納期について
1週間~
※作業量によって異なります。
※余裕を持ってご依頼いただけますと幸いです。
対応データ
・figma
・Adobe XD
・Illustrator(.ai)
・Photoshop(.psd等画像データ)
納品形式
圧縮ファイル(ZIP)、FTPで納品・送付いたします。
親切・提案・共感をモットーにお客様の一歩前を提案できるよう、
全力で取り組みたいと思います。
是非、よろしくお願いいたします。
【スマホ対応含みます!】webサイトのコーディング代行します
業務内容
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でWEBサイトのコーディングを書きます
業務内容
LPなどの簡単な静的なサイトを作りたい方におすすめです。
デザイン案を受け取ります。
→
コーディング作業
→
問題ないかの確認・修正(2回ほど)
→
納品
デザインを忠実に再現! HP /LPコーディングを代行します
業務内容
ご覧いただきありがとうございます。
Webサイトの修正や更新をはじめ、
新規Webサイトのコーディングを1ページから承ります。
◼︎特徴
・ デザインを忠実に再現
・ メンテナンスを重視したシンプルなコーディング
・ SEOに配慮
◼︎プランの詳細
・HTML / CSS コーディング
・レスポンシブ対応
・内部SEO対策
・ハンバーガーメニュー、スライダーなどの基本的な動きの実装(javascript / jQuery)
・修正無制限(※仕様変更は別途費用がかかります)
※デザインデータはご支給ください。
◼︎ご予算・納期
各プランの価格・納期は目安です。ご要望により変動いたします。
まずはお問い合わせください。
◼︎制作の流れ
ヒアリング
↓
納品日・金額のご提示
↓
ご契約
↓
デザインデータ・素材等の共有
↓
作業開始
↓
ご確認・修正
↓
納品
◼︎制作者について
Web等の広報媒体制作実績をもとに、迅速・柔軟・丁寧な対応を心がけています。
納品後のアフターフォローもお気軽にご相談ください。
【レスポンシブ対応】HTML、CSSでホームページやLPのコーディング承ります
業務内容
短納期でデザイン通りにコーディングします!
ご覧いただきありがとうございます。
弊社は中小企業様のホームページ制作を続けて創立20年以上の実績があり、Webサイトのコーディングは得意分野ですので、ぜひお任せください!
【営業時間】
平日 9:30~17:30 (休業日:土日、祝祭日、特定日)
■業務内容
デザインデータをご提供いただき、コーポレートサイト / LPのコーディングを代行します。
●サービス内容
・HTML / CSSを用いたコーディング
・レスポンシブ対応
・一般的なSEO対策
●対応範囲について
本パッケージはコーディングのみ対応となりますので、作業前に必ずデザインデータをご提示ください。デザイン制作をご希望の場合は別途お見積致しますのでご相談ください。
以下のような場合も別途お見積で対応可能ですのでお気軽にご相談ください。
・WordPressテーマへの組み込み
・お知らせ / ブログの構築
・お問い合わせフォームの設置
・Googleアナリティクスの開設、設置
●制作の流れ
①ヒアリング
ご購入前に料金表の「まずは相談する」よりお問い合わせ下さい。
ご希望をヒアリングした上でお見積をさせていただきます。
②デザインデータのお預かり
対応可能データ(Photoshop ・Illustrator・AdobeXD・Figma)
提供いただくデザインデータはPCサイズのみでも構いませんが、モバイル・タブレットサイズもデザイン通りに仕上げたい場合にはお送りください。
対応可能データ以外でのご入稿はご相談ください
③作業開始
実際にコーディング作業に入ります。
納期は作業開始からの日数でカウントします。出品サービス購入から必要な素材をご提供頂くまでの日数は含みませんので、ご了承ください。
④確認・修正
テスト環境にて仕上がりをご確認いただきます。
⑤納品
ファイル納品、またはご指定のサーバーへアップロードします。
ご不明な点がございましたら、お気軽にお問い合わせください。
【Figma/XD 完全再現】モダンHTML/CSSレスポンシブでコーディングします
業務内容
【作業内容】
・HTML/CSSを用いた静的コーディング(1ページから大量ページまで対応可能です)
・レスポンシブ対応
・JavaScriptの動的実装(スライダー、スクロールアニメーション、アコーディオン、ハンバーガーメニューなど基本的にご希望どおり実装します)
【制作の流れ】
- ヒアリング/お見積り(お気軽にご相談ください)
- お客様からデザインのご提供
- コーディング
- ご確認・修正
- 最終確認・納品
納品方法はGitHubコミット、zip納品、FTP送信などが可能です。その他の場合もご相談ください。
【納期】
実装内容により異なりますが、基本的には1周間以内に納品させていただきます。
ご希望の納期がございます場合はご相談くださいませ。
定めた納期は必ず守ります。
デザインに忠実なコーディングに努めております。
ご相談・お見積もりのみでも大丈夫ですので、まずはお気軽にご相談くださいませ。
【初稿3~5で納品・レスポンシブ対応】1ページ20,000円からコーディングします
業務内容
■サービス内容
・コーディングのみ(※デザインは含みません)
・レスポンシブ対応
■納品形式
下記からお選びいただけます。
・HTML/CSSなどのファイル形式
・指定サーバーへのアップロード
■納品期間
・1ページ:初稿3~5日で納品可能
※レスポンシブ対応
■制作の流れ
①ヒアリング&打ち合わせ
②お見積り
③仮払い(購入)
④コーディング着手
⑤初稿確認
⑥調整・修正
⑦納品
■注意事項
・仮払い後のキャンセルはできません。
・2週間以上経過してご連絡をいただけない場合
※納品完了にご承諾いただいたものと判断し、完了メッセージを送信後、プロジェクト完了とさせていただきます。
【コーディング】その素敵なデザイン!コーディング致します
業務内容
▼こんな方へオススメ
✅ デザイン通りに忠実にコーディングしてほしい方
✅ アニメーションや動きを取り入れたWebページを作りたい方
✅ レスポンシブ対応をしっかり行いたい方
▼サービス内容
デザインデータをもとに、忠実なコーディングを行います。
HTML/CSSのコーディングに加え、JavaScriptやjQueryを使用した動的な実装にも対応可能です。
✅ 対応可能なコーディング内容
・HTML/CSS/Sass を使用したレスポンシブ対応のコーディング
・JavaScript/jQuery を使用した動的な動きの実装
・アニメーションの追加(フェードイン・スライド・ホバーエフェクトなど)
・Swiper.js を使ったスライダーの実装
・ハンバーガーメニューの実装
▼納品形式
コーディング済みの HTML / CSS / JavaScript ファイル一式
必要に応じて、画像やアセットファイルも同梱
▼価格・納期
作業ボリュームによって変動しますのでクライアント様と協議の上確定
▼ご依頼の流れ
1️⃣ ご相談・ヒアリング(デザインデータの確認・要望のヒアリング)
2️⃣ コーディング開始(ご要望に沿った忠実なコーディングを実施)
3️⃣ 納品・修正対応(ご確認いただき、軽微な修正対応)
その他ご不明点などお気軽にご相談ください!
ご希望や仕様に合わせて最適なコーディングを提供いたします!
【コーディング代行】HTML/CSS/jQueryを使用し、丁寧に仕上げ ます
業務内容
デザインデータをもとに、HTML / CSS / jQuery を使用したコーディングを行います。
各種デバイスへのレスポンシブ対応・アニメーションなど、ご希望に応じて柔軟に対応いたします。
◼︎サービス内容
・HTML / CSSコーディング(静的ページ)
・レスポンシブ対応(スマホ・タブレットなど各種デバイス)
・jQueryによるアニメーション(フェードインやスライダーなど)
・Gulpを使用した自動化(ご希望に応じて)
◼︎提供プランについて
記載しております提供プランについては、あくまで目安となります。
ご依頼内容などお気軽にご相談ください。
◼︎ご購入の流れ
- メッセージにてご依頼・ご相談ください(デザインや内容共有をお願いします)
- プラン確定&お見積
- 作業開始(ご希望に応じて進歩報告を行います)
- 作業終了後、お客様にご確認いただき必要に応じて修正を行います。
- 納品
「まずは相談だけ」でも大歓迎です◎
お客様のご要望に応じて柔軟に対応いたしますので、お気軽にご相談ください!
【Web制作代行】HTML/CSSのコーディング代行を行います
業務内容
💻【コーディング代行】
デザインを忠実に再現!スピーディーかつ高品質なコーディングを代行します。
デザインカンプ(Figma / XD / PSD など)をもとに、丁寧でメンテナンスしやすいHTML / CSS / JavaScriptコーディングを行います。
レスポンシブ対応やSEO対策、アニメーション実装もお任せください!
▽対応可能な内容
- HTML / Sass / CSS / JavaScript(jQuery含む)コーディング
- レスポンシブ対応(スマホ・タブレット)
- WordPress組み込み(静的→動的化)
- アニメーション(スライダー、フェードインなど)実装
- ページスピードやSEOを意識した構造でのマークアップ
- Gulpなどのタスクランナーによる効率的な開発対応も可能
▽こんな方におすすめ
- デザインはあるけどコーディングに時間が割けない
- 納期に間に合わせたいので部分的に外注したい
- コードのクオリティにもこだわりたい
- デザイン通りに実装してほしい
▽ご依頼の流れ
① 無料相談
② デザインデータのご提供(Figma / XD / PSDなど)
③ お見積もり・スケジュール提示
④ コーディング開始
⑤ ご確認後、納品(ZIP or サーバーアップ)
修正回数や希望納期などに応じて、内容をカスタムできます。
まずは、ご連絡ください。
Webサイトの修正・カスタマイズ・保守運用をいたします
業務内容
ご覧いただきありがとうございます。
既存のWebサイトで困っている方へ
修正、カスタマイズ、アニメーションの実装、保守運用などをいたします。
【基本サービス内容】
・HTML / CSS の修正、カスタマイズ
・jQueryやCSSアニメーション
【注意事項】
・1ページのコンテンツ量が多い場合は追加料金する場合があります
・コーディング方法はVSCodeで実装していきます
まずは相談かメッセージでお気軽にお問い合わせください。
■HTML/CSSコーディングとは
コーディングとは、プログラミング言語やマークアップ言語などを用いてコードを記述する作業のことを言います。HTMLやCSSを用いたコーディングはWEBページの構造作りや見た目を整えるために重要な役割を果たします。
HTMLとCSSそれぞれの役割は、下記の通りです。
- ・HTML(Hyper Text Markup Language):WEBページの基本的な構造を作り、インターネット上で単語や文章、画像を表示させる
- ・CSS(Cascading Style Sheets):HTMLで作成されたWEBページ内の見た目を装飾する
HTMLはマークアップ言語とも呼ばれ、どこに文章や画像を配置するかなど、WEBページ内の構成を指示してブラウザに表示させる役割があります。
一方、CSSは文章のフォント変更やアンダーラインによる強調など、HTMLで作成したページ内を装飾し、WEBページを見やすくする役割を果たします。
この2つの言語を用いることで、Webサイトの基礎を作成することができます。
■HTML/CSSコーディングを依頼するメリット
HTML/CSSコーディングを依頼するメリットは、下記の通りです。
- ・オリジナルデザインのWebサイトを作れる
- ・優れた機能を持つWebサイトにできる
- ・コストと時間を削減できる
では、それぞれの項目について詳しく解説していきます。
オリジナルデザインのWebサイトを作れる
HTML/CSSコーディングを依頼することで、オリジナルデザインのWebサイトを作成することができます。
例えば、Wordpressで既存テーマを利用してWebサイトを作成する場合、元々用意されたデザインテンプレートを使用するため、同じテーマを利用している別のサイトと似たようなデザインになってしまいます。
しかし、コーディングを行うと、商品やブランドイメージに合ったオリジナルデザインのWebサイトを作ることが可能です。
オリジナルデザインなら、目を引く独自のレイアウトや、ブランドイメージに合ったフォントや構成、アニメーションの使用などにより、ブランドイメージを明確に伝えられます。
また、直感的に操作できるボタンやメニューの位置などのUI(ユーザーインターフェース)、快適な表示速度、ユーザーのアクションに対するフィードバック表示などのUX(ユーザーエクスペリエンス)に優れたWebサイトを作成できます。UIやUXに優れたデザインを採用することで、閲覧しやすく操作がスムーズなWebサイトになることもメリットの一つです。
優れた機能を持つWebサイトにできる
HTML/CSSコーディングを依頼すると、Webサイトに様々な機能を導入することができます。
例えば、問い合わせ率を高めるために、常に画面に追従するお問い合わせフォームを作成したり、メニューを表示するナビゲーションの表示内容を工夫してユーザーの利便性を向上させたりと様々な機能作成や改善を行うことが可能です。またコードの改善によりページの表示速度を早め、ユーザーがWebページから離脱しにくいサイトを作ることもできます。
コストと時間を削減できる
コーディングスキルを習得するためにプログラミングスクールに通うとなると、数ヶ月で数十万など時間とお金がかかってしまいます。
勉強方法にもよりますが、初心者で最低限のコーディングを行えるようになるまでには半年〜1年ほどかかってしまうことも珍しくありません。
そのため、元々コーディングの基本スキルを持っていない場合は、コーディングを依頼するのが現実的且つコストパフォーマンスにも優れています。
■コーディング代行を依頼する流れ
コーディング代行を依頼する流れは、下記の通りです。
- 1. デザインカンプを渡す
- 2. コンテンツを共有する
- 3. アニメーション等の細かな要件を伝える
- 4. 完成したWebサイトを確認する
- 5. アフターサービス
イメージ通り、またはそれ以上のWebサイトを作成するため、各工程ですべきことのポイントを順番に解説していきます。
①デザインカンプを渡す
デザインカンプとは、デザインの完成イメージのことです。画像や記事のレイアウトを決め、Webサイトの骨組みを作った上で、実際に素材を配置したり、背景やカラーを決めて最終的な完成イメージが分かるようにします。
デザインカンプがあることで、依頼する側とされる側の認識のずれを防ぎ、複数人が携わるHTML/CSSコーディングの作業をスムーズに進めることができます。
デザインカンプは依頼先から提案を受けて作成していくこともできますが、依頼する側もある程度希望するイメージを伝えることが望ましいです。
②コンテンツを共有する
Webサイトの目的とデザインの希望を伝えたら、サイトに掲載するテキスト、画像、動画などのコンテンツを依頼先へ共有します。
サイトのどのページに何を配置して欲しいかを指定、または相談していきましょう。可能であれば、コーディング指示書やサイトマップを作成しておくと情報の伝達がスムーズです。
この工程では、コンテンツの追加・削除の要否や設置場所を依頼先に相談すると、ユーザーにとって見やすく、目的を達成しやすいサイト作りが可能になります。
また、提出する画像や動画データのファイル形式に指定があるか、事前に確認して準備しておくとスムーズにコンテンツを共有することができます。
③アニメーション等の細かな要件を伝える
完成イメージを決めてコンテンツを共有したら、アニメーション等の細かい内容についてもイメージを共有していきましょう。
アニメーションの場合、テキストなら1文字ずつ表示させたり、点滅して表示させることで目立たせることができます。また、ページの読み込み中に表示させるローディングアイコンのデザインや画像のアニメーションも依頼できるので検討しましょう。
その他、ボタンをクリックした後のモーションや入力フォームでのエラー発生時の表示、レスポンシブ対応時の表示なども必要に応じて希望を伝えておきましょう。
アニメーション等の細かいデザインは、実際に当てはめてみるとイメージと違って煩わしかったり、使いにくく感じるケースも少なくありません。実際の動きを見てコーダーと相談しながら仕上げていけるとベストです。
④完成したWebサイトを確認する
Webサイトが完成したら、実際に操作しながら確認をします。
デザインは希望通りか、依頼した機能が正常に設置されているか、隅々まで確認しましょう。
主なチェック項目は、下記の通りです。
- ・フォントや色、画像の配置等デザインは適切か
- ・誤字脱字はないか
- ・各機能が正常に動作するか
- ・ページの表示速度は適切か
- ・リンク先は正しく表示されるか
- ・レスポンシブ対応を依頼した場合はスマホやタブレットでの表示が適切か
上記の事項をチェックして、修正の必要がある場合はすみやかに依頼先に依頼しましょう。
また、可能であればサイト制作の途中経過を確認しておきましょう。修正範囲が少なくなり、スムーズに納品してもらうことができます。
⑤アフターサービス
アフターサービスについては、依頼先によって対応範囲が異なります。アフターサービス自体が無い場合もあるので、事前に確認しておきましょう。
依頼先によっては、Webサイトのページ更新や一定期間ごとのメンテナンス、各種機能のアップデート対応まで実施してもらえるケースがあります。
納品時には気が付かなかった不備があった場合や後から画像の差し替えが必要になるなど、Webサイトにおけるトラブルの内容は様々です。依頼時または納品時にアフターサービスの対応範囲を確認しておきましょう。
また、Webサイトの運営経験がない場合には、マニュアルの提供やレクチャーを受けることをおすすめします。
■コーディング代行の依頼先の選び方
コーディング代行の依頼先を選ぶ際に、重視すべきポイントは下記の通りです。
- ・コミュニケーションはスムーズか
- ・コーディングの技術力・実績はあるか
- ・対応範囲はどこまでか
- ・納品後のサポート体制を確認
- ・納期と料金
いずれも、適切なコストでWebサイトを作成するために必要な項目です。
ここからは、依頼先の選び方について、詳しく解説していきます。
コミュニケーションはスムーズか
コーディング代行を依頼する場合、コミュニケーションがきちんと取れるかどうかは重要なポイントです。
イメージしているWebサイトを作成してもらうために、丁寧なヒアリングや提案をしてくれるかを確認しておきましょう。
できれば、Webサイトに取り入れたい機能等について、事前に相談ができると安心です。実際にやりとりすると契約後の対応をイメージしやすくなります。
難しい専門用語を理解できるよう説明してくれたり、質問の意図を汲み取って適切な回答や提案をしてくれる依頼先なら信頼もできますね。
加えて、打ち合わせの回数や時間についても事前に確認しておきましょう。柔軟に対応してくれるところが望ましいです。
コーディングの技術力・実績はあるか
目的に合ったWebサイトを作成してもらうためには、コーディングの技術が必要です。依頼先を選定する際には、Webサイトのデザイン案や必要な機能について、対応可能か確認しましょう。
コーディング代行ではHTMLとCSSを用いるのが一般的ですが、画像のスライドなど動きのあるWebサイトを制作するにはJavaScriptの知識も必要です。幅広い要望に応えてもらうためには、HTMLやCSS以外のプログラミング言語にも対応可能な依頼先を選びましょう。
また、依頼先を選ぶ際には、過去に作成したサイトのデザイン、実績を確認しておくと、コーダーのスキルの判断材料になります。
対応範囲はどこまでか
コーディング代行の依頼先の対応範囲を確認しましょう。
一言でコーディング代行と言っても、対応できる範囲が依頼先ごとに変わってきます。
依頼先によって対応の可否が異なるコーディング代行の内容の例は、下記の通りです。
- ・デザインのレスポンシブ対応
- ・WordPressへの移行
- ・WordPressで作成したサイトのコーディング
- ・ページ速度改善への対応
- ・SEO対策
依頼したい内容がこれらに当てはまるかをチェックし、対応可能かを確認してください。
また、対応可能であっても、基本料金に含まれているか、オプション料金が発生するか、納期に変更があるかなども聞いておきましょう。
納品後のサポート体制を確認
納品後のサポート体制の有無やサポート期間を確認しておきましょう。
納品後にサポートが必要になる主なケースは、下記の通りです。
- ・エラー対応
- ・Webサイトのメンテナンス
- ・CMSのアップデート
それぞれのケースについて、具体例を挙げて解説していきます。
まずはじめにエラーについてですが、納品時には確認できなかったものが後から発覚するケースがあります。コーディングの不具合であれば、無料で実施してもらえることも多いです。また、他の原因であれば料金を提示して対応してもらえると安心です。
Webサイトのメンテナンスは、WordPressや各種機能のアップデート、セキュリティのチェック、SEO対策の見直しなどを指します。依頼先によっては、管理費を支払えば継続的にWebサイトの保守業務を行ってくれるケースもあります。
また、新商品の追加や値下げなど、Webサイトは随時更新をしていく必要があります。納品後のWebサイトの運用が円滑に進むよう、更新方法のレクチャーやマニュアルの配布を受けられるかチェックしておきましょう。
納期と料金
コーディング代行の依頼先を選ぶ際には、納期と料金が適切かを確認しましょう。
コーディング代行の納期は1週間から1ヶ月程度と、依頼する内容によって大幅に変わってくるため、必ず事前に確認します。
また提示された料金が適切かを判断するためには、相見積もりを取って比較することをおすすめします。
基本料金とオプション料金の内容はそれぞれ異なるため、費用の内訳がわかりやすい依頼先を選ぶと安心です。コーダーによって、基本料金をページ単価で設定していたり、レスポンシブ対応やWordPress化までを含めた料金設定をしていたりします。
■ランサーズでコーディング代行を依頼する方法
ランサーズでコーディング代行を依頼する方法は下記の通りです。
- 1. 出品パッケージを探す
- 2. 無料見積もり相談
- 3. 発注
- 4. 確認・納品
ランサーズではWEB上のやり取りだけで依頼先探しや無料見積もり相談、納品、検収まで行うことができます。
では、ランサーズでコーディング代行を依頼する方法を順番に解説します。
出品パッケージを探す
ランサーズのサイトにアクセスし、出品パッケージを探します。
「カテゴリから探す」機能や検索機能を使用して、出品パッケージの一覧を見てみましょう。
予算範囲や納期・個人か法人かなどの絞り込み機能もあるため、多くの出品パッケージのなかから自分の見たいパッケージだけを見ることができます。
気になるパッケージのページを開くと、出品者の業務内容や実績、口コミなどを把握することができます。ポートフォリオにはこれまで手がけたWebサイトの画像が表示されていますが、個別に問い合わせると詳細を確認できるケースもあります。
ベーシック・スタンダード・プレミアムのプラン毎の料金や納期、作業内容が提示してあるので、どのプランで依頼するか検討しましょう。また、事前に質問があれば問い合わせをすれば回答してもらうこともできます。
無料見積もり相談
気になるパッケージの中でプランを絞り込んだら、まず無料の見積もり相談をしてみましょう。
事前に考えていたイメージを伝えて、納期などの条件やオプション料金が発生するかなどの疑問点があれば確認しましょう。無料見積の段階で、出品者のヒアリングスキルの高さや自分の希望条件に柔軟に対応してもらえるかなども分かります。
他にも気になるパッケージがある場合は、比較検討のために無料見積もり相談だけでもしておきましょう。
発注
依頼先を決定したら、発注を行います。
無料相談を経て金額や条件、納期を調整した見積もりに対して、注文を行います。
注文は「注文・仮払いに進む」ボタンを押し、見積り内容と金額、納期はいつかを確認し、自分の提示した条件に合っていれば、仮払いを行います。
仮払い金の支払い方法を選択し、必要事項を入力した後にページ下部の「注文・仮払いを確定する」を押すと発注が完了します。
仮払いを行わないと依頼先は業務を開始できないため、忘れずに仮払いを行いましょう。
確認・納品
発注後、必要があればランサーズ上でやり取りを行い、依頼先に制作を行ってもらいます。制作物が完成し、納品されたら依頼内容と合致しているか確認します。依頼先から納品が行われると「納品・完了報告」の通知が来るので、検収を行うと依頼が完了します。
■一般的な制作会社へ「コーディング代行」を依頼した際の料金相場
コーディングを外注する場合、料金は1ページ毎に計算されることが多いです。およそ1ページ約10,000円〜が相場ですが、複雑なアニメーションがあり実装難易度が高くなれば料金も高くなります。
またトップページと下層ページでも料金が異なることが多くあります。この理由はデザインにあります。トップページと下層ページで似たデザインである場合、一度トップページをコーディングしてしまえば下層ページはそのデザインを再利用し、より少ない工数でコーディングすることが可能だからです。
またボリュームディスカウントを行っている制作会社も多く、ページ数が増えれば増えるほどお得になるような料金設定になっています。
企業 | 内容 | 価格 |
---|---|---|
企業A | レスポンシブコーディング(1P) | 約10,000円〜 |
レスポンシブコーディング(20P) | 約180,000円〜 | |
レスポンシブコーディング(40P) | 約300,000円〜 | |
企業B | ディレクション | 約30,000円~ |
トップページコーディング | 約15,000円/1P | |
下層ページコーディング | 約5,000円/1P | |
企業C | レスポンシブコーディング(1~10P) | 約13,000円/1P |
レスポンシブコーディング(11~20P) | 約12,000円/1P | |
レスポンシブコーディング(20~30P) | 約11,000円/1P |
※大凡の価格を表示しています。実際の料金は依頼内容や会社によって異なります。
※こちらで記載している金額はランサーズ上の依頼金額ではありません。
※当社調べの「一般的な制作会社や企業に依頼した際の目安の依頼料金」となります。