人気ランキング 期間:11月24日 〜 12月1日
【スピード対応】LPコーディングをスピーディに対応します
業務内容
「急ぎでLPのコーディングをしてほしい」
「デザインはあるけどコーダーがいない」
「ボリュームのあるサイトのコーディングをしてほしい」
「ワードプレスやアニメーションの対応もしてほしい」
上記のような様々なご要望をお持ちの方はぜひご連絡ください。
【私たちについて】
・グラフィックデザインからWEBデザインまで、業界15年以上の経験があります
・デザインとコーディングを2人体制による分業のため、それぞれの品質担保がしっかり出来ています
・2人体制のため、よりスピーディな対応が可能です
・デザイン中心のノーコード、コーディングからのワードプレス対応など様々ご対応可能です
【ご依頼について】
①ご相談
制作要件をご教示ください
(基本的にはメッセージでのやり取りになりますが、オンラインMTGでのご相談も可能です)
②お見積もり〜サービスのご購入
③制作開始
・1Pのコーディングは初稿まで3営業日
・複数ページの場合はその都度工数をお出しします
④納品
データ納品の他、こちらでの本番アップ対応も可能です
ワードプレス構築が入る場合は、コーディング後に構築期間が追加となります
静的なサイトから動的なものまでSEOを意識し適切なタグでWebサイトを構築いたします
業務内容
以下のサービスを提供できます。
1. 既存サイトのWordPress化:
- サービス内容: 既存のウェブサイトをWordPressに移行します。これにより、お客様自身でコンテンツの編集や更新が簡単にできます。
- 特徴: カスタムフィールドとカスタム投稿タイプを活用することで、使いやすく、管理しやすいサイトを構築いたします。
2. PC専用サイトのレスポンシブ対応:
- サービス内容: PC専用でデザインされたサイトを、スマートフォンやタブレットでも適切に表示されるように最適化します。
- 特徴: Dartscssを使用し、既存のコードに影響を与えずにデザインを調整、レスポンシブ対応を実現いたします。
3. デザインカンプからのコーディング:
- サービス内容: Illustrator、Photoshop、XD、Figmaで作成されたデザインカンプをもとに、実際のウェブサイトに変換します。
- 特徴: 各種デザインツールのファイル形式に対応可能です。
4. アニメーション付与によるサイトのリッチ化:
- サービス内容: gsapのアニメーションライブラリを使用して、ウェブサイトに動的なアニメーションを追加します。
- 特徴: アニメーションにより、サイトが一層魅力的で動的な印象を持つようになります。
5. サイト高速化:
- サービス内容: ブラウザキャッシュ、遅延読み込み、Webp形式の画像使用などの手法を用いて、サイトの読み込み速度を向上させます。
- 特徴: サイトが軽量化され、ユーザーエクスペリエンスが向上します。
6. その他のサービス:
- サービス内容: サーバーやドメインの取得からサイトの構築まで、デザインデータがない状況でもお客様のニーズに応じたウェブサイトを作成します。
- 特徴: デザインデータが未準備のお客様でも、お気軽にご相談いただけます。お客様の要件やご予算に合わせた最適なプランを提案し、一緒に素敵なウェブサイトを構築いたします。
【スマホ対応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以内(応相談)
※副業対応のため、事前にスケジュール確認をお願いします。
【デザイナー様向け】高品質!ホームページデザインのコーディング代行をします
業務内容
【ホームページのコーディング代行をさせていただきます】
「デザインは出来るけど、コーディングが出来ない。」
「忙しいのでコーディングだけやってほしい。」
そんな方のためのサービスです。
デザインカンプをいただけましたらそれを元にコーディングをして忠実に再現いたします。
(※Figma、XD、photoshop、illustrator、どのデザインツールでも構いません。)
レスポンシブ対応込みです。
ご要望、ご意見、ご質問など、なんでもお申し付けください!
ーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー
■当サービスの特徴
・デザインを忠実に再現
ーデザインデータを綺麗に形にいたします。 WEBデザイナーとしての活動もしておりますので、デザイナーへのリスペクトを忘れず忠実にデザインを再現します。PixcelPerfectという拡張機能を用いてズレを最小限に抑えます。
・レスポンシブ対応込み
ー全ての幅で崩れがないようにコーディングいたします。デザインデータがPCのみでもご安心ください。制作会社5社と提携している経験をもとに、PCのみのデザインからスマホでも問題なく綺麗に表示されるようにコーディングをいたします。
・品質チェックテスト込み
ーコーディング後は、全ての幅、複数のデバイス、ブラウザで崩れが起きていないかきちんとテストいたします。品質チェックリストも合わせて納品させていただきますのでご安心ください。
ーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー
■ご契約の流れ
1. 事前のヒアリング
ご契約前にヒアリングをさせて頂き、作業量・納期から正式お見積もり金額お伝えさせていただきます。
2. 仮払い・素材のご提供
打ち合わせにてご納得頂けましたら、この段階でご契約とさせていただきます。仮払いをしていただき、画像やテキストなどの素材をご提供いただきます。
3. 制作開始
不明点の確認や進捗報告など適宜コミュニケーションをお願いいたします。
4. 初稿を提出
修正がないようにコーディングいたしますが、修正点等ありましたら都度対応いたします。
5. 納品
最終確認をいただき、データ、サーバーアップロードなどお客様のご要望に合わせた形で納品いたします。
ーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー
制作会社様5社とお仕事していますので、仕事を投げ出すようなことはありません!
即レス・即対応を心がけております。
最後までテンポ良く、気持ちの良いお取引を進めていきたいと思いますのでよろしくお願いいたします!
◇制作会社様/デザイナー様向け◇LPコーディング代行いたします
業務内容
ご覧いただき、誠にありがとうございます。
制作会社様や、デザイナー様向け。
・制作過程のやりとりを不便なくできるコーダーを探している。
・プロとして最後まで責任をもって対応してくれるコーダーを探している。
・デザインからコーディングまで安心してまるっとお任せできるコーダーを探している。
そんな方々のお力になります!
▶︎作業内容
・HTML / CSSコーディング
・JavaScript / jQueryを用いたアニメーション実装
・レスポンシブ対応
・品質確認(マルチブラウザ対応、W3C、ピクセルパーフェクトなど)
・サーバーへのアップロード
▶︎制作の流れ
①ヒヤリング
実装機能などの確認をいたします。
②契約
お見積もり、納期をご提示させていただきます。
ご納得いただけた場合、ご購入をお願いいたします。
③制作・確認
制作実施後、制作物のご確認をお願いいたします。
気になる点がある場合、可能な限り修正対応いたします。
④納品
問題なければ、制作物をzipファイルにて納品させていただきます。
※サーバーへのアップロードをご希望の場合、FTP情報をご教示下さい。
▶︎ご用意いただくもの
・デザインデータ(XD、Photoshop、Illustrator、Figmaなど)
HTMLコーディング代行します!【SEO・プログラミング・アニメーション】ます
業務内容
現在Web・デザイン制作会社に勤務しながらフリーランスとして
活動している「なんり」と申します。
Web関連の業務経験はトータルで8年ほどになります。(2022年現在)
ランサーズでの活動はまだ間もないため、実績を積むまでの期間は
特別価格でご提供します!
こちらはホームページコーディング専用のスキルパッケージになります。
※LPコーディング専用スキルパッケージもございますが
こちらのプランでもワンカラムWebサイト制作として対応可能です。
基本的にSEOを意識してコーディングします。
また、納期の中でできるだけ早めの納品を心がけます。
ご希望に応じて、SEO対策、デザインからプログラミングまでオプション追加にて対応可能ですので
お気軽にお声掛けいただけたらと思います。
※実績として掲載させて頂く場合がございますのでその際はご相談させてください。
【HTML/CSS】Webサイトのコーディング、修正いたします
業務内容
ランディングページのコーディングを承ります
ほんの少しの修正が必要だけど、コーダーの手が空いていない!
Webデザイナーの方で、コーディングだけ外注したい!
コーディングが苦手で誰かに任せたい!
Web制作会社様でコーダーのリソースが急に必要になった!
など、必要な時に十分なスキルでコーディング対応が可能です。
当サービスはHPやLPのWebサイトの修正や更新、新規ページのコーディングなど
Webサイトのお困り事を解決するサービスです。
こんなお困りごとを解決できますので、ぜひお気軽にご相談ください。
・スマホでは表示が崩れる
・お問い合わせフォームをつけたい
・文書を変えたい
・デザインはあるけど、コーディングができない、など
デザインについては、PC用デザインのみでもスマホ対応(レスポンシブ)が可能です。
★ 対応可能データ★
・Figma、XD、Photoshop、Illustratorのいずれか
Illustratorの場合はリンク画像も添付(もしくは埋め込みで)お願いいたします。
★ 動きのある要素について★
【料金内で対応可能】
・スライダー、カルーセル
・アコーディオン
・タブメニュー
・ハンバーガーメニュー
など
制作の流れ
ヒアリング・お見積もり(まずはご相談ください!)
ご契約(仮払いで契約となります)
お客様よりデザインデータのご提供
コーディング・テスト
ご確認・修正(回数無制限)
納品(zipファイルでの納品またはご指定サーバーにアップロードいたします。)
《オプション料金にて対応可能》
・アニメーション(簡易な動き)
・PHPメールフォームの実装
・その他、動きのある要素
※追加オプションの内容は、下記オプション欄をご参照ください。
※オプション内容により納期が変わります。
※上記にない内容につきましては別途お見積りさせていただきます。
★ 動作確認ブラウザ★
・Windows
Chrome、Microsoft Edge
・Mac
Chrome、Safari
・iOS11以降
Safari
・Android5.0以降
Chrome
※いずれも最新版です。
★ 納品形式★
ファイル送付、もしくはご指定のサーバーにアップロード
ご不明な点がございましたら、お気軽にメッセージにてお問い合わせください。
ディレクター、デザイナー様向け!SWELL/Snow Monkeyの構築代行します
業務内容
\ 実績と信頼で選ばれています! /
ディレクター・デザイナー様からの構築代行を中心に、
ランサーズ外でも外注パートナーとして継続的にご依頼をいただいています!
「意図を汲み取る丁寧な構築」と「保守性を考慮した設計」を意識しております。
ポートフォリオはこちら▶︎
https://www.canva.com/design/DAGcOiiMyBg/xASjbRwEvEm3DhGliduvWQ/view
(コピー&ペーストでご覧いただけます)
本サービスでは、Figmaで作成されたデザインカンプをもとに、WordPressの有料テーマ(SWELL/Snow Monkey)を活用したローコード構築を行います。
フルスクラッチよりもコストを抑えつつ、デザイン再現性と保守性のバランスを大切にしています。
【こんなお悩みありませんか?】
・構築まで手が回らず、外注先を探している
・スマホデザインがないが、レスポンシブ対応したい
・品質は担保しつつ、コストは抑えたい
そのお悩み、解決いたします!
【このサービスの特長】
・PCカンプのみでOK
SP・TBカンプがなくても、意図を読み取って最適な構成で仕上げます。
・ブロックエディター × CSSカスタマイズ
テーマ本来の構造を活かしつつ、必要に応じてCSSで調整。保守性と再現性を両立します。
アップデート時の影響を最小限に抑える適切なクラス指定を行って構築します。
・SEO・セキュリティも対応
meta/alt/reCAPTCHA/画像圧縮など、内部対策も標準対応。
・納品前チェックリスト付き
独自の品質チェックで抜け漏れなく確認。安心してお任せいただけます。
【サービス内容】
・WordPress構築(SWELL/Snow Monkey)
・レスポンシブ対応
・SNS/外部予約サイトなどへの連携/お問い合わせフォーム
・スライダー/フェード表示などのアニメーション
・画像圧縮/軽量化/ファビコン設定
・内部SEO/セキュリティ対策
※テーマの性質上、ピクセルパーフェクト指定は承っておりません。
【ご予算について】
ページ数や仕様に応じて柔軟にご提案いたします。
表示金額は目安です。
【購入から納品までの流れ】
①「まずは相談をする」から、メッセージをお送りください。
②納期を確認させていただき、追加で購入が必要なオプションがある場合はご案内いたします。
③お見積り書をお送りいたします。内容にご納得いただけましたら、ご購入ください。
④WordPress情報や、Figmaのデザインデータをご共有ください。
⑤ご共有いただいたデータを元に、local環境で構築いたします。
⑥構築後、テスト環境にてご確認いただき、修正点があれば対応いたします。
⑦全て完成いたしましたら、納品となります。必要時、お客様の本番環境にアップロードいたします。
まずは「相談だけ」でも大歓迎です。
構築パートナーをお探しの方は、どうぞお気軽にご連絡ください。
【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 です。
その他の画面幅での対応が必要な場合は、別途お見積もりいたします。
【最短2営業日から対】LPコーディング|速度最適化は標準対応します
業務内容
都内広告代理店のLP制作実績は100件以上。
青森県三沢市のWEBデザイナー、合同会社HOWDEEの類家と申します。
日頃からLP制作を多数取り扱っております。
下記のようなLP制作実績があります。
- 大手脱毛サロン
- 美容クリニック
- 美肌治療
- 美容Youtubeチャンネル
- シャンプー
- 医療用ウィッグ
- 士業
- 食品
- その他多数
下記対応可能です。
- アンケートギミックLP(設問4問解答後メインページが展開等)
- アニメーションCSS(文字が浮き上がる、ボタンが動く等)
- お問い合わせフォーム設置
- ECフォース組み込み
- WORDPRESS組み込み
- MAKESHOP等ECサイト組み込み
- もちろんHPコーディングも可能
LPコーディング対応フロー例
まずはデザインデータと指示書をご共有ください。もちろん各工程間で修正対応可能です。
- 内容確認
- ベースコーディング
- 修正〜納品
React, TypeScript, Next.jsでデザイン通りコーディングます
業務内容
【作業内容】
・React, TypeScript, Next.jsを用いた静的コーディング(1ページから大量ページまで対応可能です。修正のみも対応可能)
・レスポンシブ対応
・JavaScriptの動的実装(スライダー、スクロールアニメーション、アコーディオン、ハンバーガーメニューなど基本的にご希望どおり実装します)
【制作の流れ】
・ヒアリング/お見積り(お気軽にご相談ください)
・お客様からデザインのご提供
・コーディング
・ご確認・修正
・最終確認・納品
・納品方法はGitHubコミット、zip納品、FTP送信などが可能です。その他の場合もご相談ください。
【納期】
実装内容により異なりますが、基本的には1〜2週間以内に納品させていただきます。
ご希望の納期がございます場合はご相談くださいませ。
定めた納期は必ず守ります。
デザインに忠実なコーディングに努めております。
ご相談・お見積もりのみでも大丈夫ですので、まずはお気軽にご相談くださいませ。
【制作会社様・デザイナー様向け】静的コーディング・WP化を格安で承ります
業務内容
本パッケージは以下のサービスです。
駆け出しのため費用は抑えております。
特に制作実績として公開させていただける方、
納期にご理解いただける方からのご依頼をお待ちしております。
ご提示した納期前に必ず納品いたします。
内容から判断がつかない場合は
お気軽にお問い合わせくださいませ!
◆◇ーーーーーーーーーーーーーーーーーーーー◇◆
こんな方におすすめ
・コーダー不足で新たに外注先や委託先を探している方
・コーダーをお探しのWebデザイナー様
・急ぎの案件ではないため費用を安く抑えたい方
◆◇ーーーーーーーーーーーーーーーーーーーー◇◆
ご提供内容
・HTML/CSS/JavaScriptによる静的サイトの構築(BEMを使ったCSS設計)
・静的サイトのWordPress化、WordPressオリジナルテーマ開発
◆◇ーーーーーーーーーーーーーーーーーーーー◇◆
全体の流れ
1.ヒアリング
└ 正式なご依頼前にまずご相談くださいませ!
2.ご契約 & 仮払い
3.制作開始
4.確認 & 修正
└ ご検収いただくまで誠心誠意ご対応させていただきます。
5.納品
【制作会社様・デザイナー様必見!!】低価格で丁寧・高品質なコーディングを代行します
業務内容
\絶賛受付中!/
当パッケージをご覧いただきありがとうございます。
中谷寛希と申します。
フリーランスになってから実績が少ないため、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円~
(内容により変動します。)
上記はあくまで目安となります。
まずは綿密な打ち合わせにより目的を明確にして、ご要望に寄り添えるように尽力させていただきます。
▽ご利用の流れ
①まずは無料相談
②掲載内容の指定:ヒアリングシートのご記入をお願いします。
③制作開始
④完成:ファイルでのご納品
ご相談はもちろん無料です!
まずは「無料相談ボタン」からお気軽にご連絡ください!
WEB制作でお困りの方のWEBサイトコーディング代行します
業務内容
この度はこちらのサービスをご覧いただきありがとうございます。
・文章の追加、変更、削除。
・画像の追加、変更、削除。
・理由はわからないがデザインが崩れた。
・部分的にレスポンシブされていない。
などのご要望がありましたら、是非おまかせください!
▼料金
1か所3000円からお受けしております。
※修正範囲が広くなりますと追加で料金を頂く場合がございます。
▼サービスの流れ
①ヒアリング
WEBサイトの現状と発生している問題についてお聞かせください。
修正を希望する内容と修正後のイメージをお伺いします。
②お見積り・ご契約
ご希望内容の詳細をお伺いした後にお見積りさせていただきます。
③ご依頼作業開始
事前にご用意いただきましたFTP情報などを確認し作業開始になります。
④ご確認と修正
作業内容をご確認いただきます。
⑤最終確認
修正した内容をご確認していただき問題がなくなりましたら完了となります。
⑥納品
ご契約内容に相違がなければクローズとなります。
ご依頼いただきありがとうございました。
▼納期
ご依頼内容によってはご依頼していただいた当日の納品が可能です。
ご希望の納期がございましたらご相談ください。
【Webサイトコーディング】既存サイトの修正依頼承ります
業務内容
既存サイトのHTML/CSSなどの修正依頼承ります!
「安定的にちょっとした修正依頼をお願いできる取引先が見つからない」
そんなお悩みございませんか?
弊社は地元企業様からコーディングの修正依頼を頻繁に受託しており、クオリティにも満足していただいております。
安定的に弊社にお任せいただくことで
・いつでも迅速に対応
・毎回同じ者が対応しコミュニケーションコストの削減
・連絡が途絶えることのない安心感
をお約束します。
■価格
・Webサイト修正:3,500円~
・修正内容に応じたお見積りをさせていただきます。
■納品までの流れ
①ヒアリング・お見積もり(まずはご相談ください!)
②ご契約(仮払いで契約となります)
③弊社にて修正対応
④ご確認・修正(2回まで無償対応)
⑤納品
静的サイトのコーディング&WordPress化承ります
業務内容
デザインデータからのコーディング、WordPress化を承ります。
デザインデータのコーディング、ぜひお任せください。
デザインに忠実・丁寧なコーディングをさせていただきます。
WordPress化やお問い合わせフォームの実装も可能ですのでお気軽にご相談ください。
※スキルとご要望のミスマッチを防ぐため、事前にデザインのご提示をお願いしております。
【 各プランに含まれる内容 】
・レスポンシブ対応(PC、スマホでの表示変更など)
※PCデザインのみお持ちの場合でも、特にご注文がなければこちらで見やすい配置に調整させていただきます。
・3回まで無料修正対応いたします。(デザイン変更に伴う大幅な変更は除きます)
【 ご依頼にあたり、ご準備いただくもの 】
・デザインデータ(XD/Photoshop/Illustrator/Figmaなど)
・画像データ(JPG・PNGなど)
・テキストデータ
【 納品までの流れ 】
- ヒアリング・お見積もり(無料)
- デザインデータ/画像データ/テキストデータのご提供
- コーディング
- 初稿提出
- 修正
- 最終納品
【 納品方法 】
zipファイル
【制作会社・デザイナー向け】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時間以内)も可能ですので、まずはご相談ください!
信頼できるコーディングパートナーとして、長期的なお付き合いも大歓迎です!
デザインカンプからのコーディング、WordPressでのサイト構築承ります
業務内容
【 こんな方におすすめ! 】
・コーディング,WordPress構築を外注できるパートナーが欲しい
・デザインはできるけどコーディングが苦手
・コーダー不足で外注先を探している制作会社様
・コーダーのパートナーを探しているデザイナー様
などなど
【 サービス内容 】
・HTML、CSS修正案件
・HTML, CSSコーディング
・JavaScript, jQueryによるアニメーション実装
・WordPressオリジナルテーマの作成
【 料金 】
LPコーディング:30,000円~
Topページコーディング:20,000円〜
下層ページコーディング:8,000円〜
WordPressオリジナルテーマ制作:80,000円〜
基本的に上記金額で承ります。
※ボリューム・機能によって変動しますので、まずはご相談ください。
【 制作の流れ 】
① ヒアリング・お見積もり
↓
②psd・XD・figmaでのデザインデータをお送りいただきコーディング作業開始
静的サイトもしくは静的サイトのWordPress化(オリジナルテーマ)で承ります。
↓
③トップページご確認・修正
↓
④トップページ問題なければ下層ページコーディング開始
↓
⑤2、3ページ毎にご確認・進捗報告
↓
⑥テストサーバーでご確認
↓
⑦上記ご確認後→修正→再度テストサーバーへアップロード
↓
⑧納品
・zipファイル納品
・WordPressへのマイグレーション
・FTPツールを使用してサーバーへの納品など
【 当サービスの強み 】
■報連相の徹底、早いレスポンスでクライアント様の安心に繋がる仕事を行います。
報連相を徹底することで手戻りなどのロスも減らしていけると考えます。
■17年間の社会人経験で培ったコミュニケーションスキルや業務遂行スキルで案件を確実にこなしていけます。
■平日であれば日中、夜間問わず対応可能です。
■土日でも緊急とあれば対応可能です。(主に夜間業務になります)
【連絡可能時間】
平日・土日共に9時~20時まで基本的には可能です。
【超速・最短即日】HTML/CSS LPコーディング代行します ます
業務内容
★★クオリティ・スピード重視のWeb制作、お任せください!(即日対応可)
コーディングを専門に行っておりまして、
コーディング歴は8年となり、大手企業(バンダイ様、ネスレ様、プジョー様)など400サイト以上の実績がございます。
★★こちらのパッケージ商品は下記のような方にお勧めしています。
・とにかく急いでコーディングしてほしい!
・素人や副業ではないプロのクオリティでコーディングしてほしい!
・すぐに連絡を取りたい!
・土日祝深夜問わず対応してほしい!
★★ご依頼の流れ
1.ヒアリング
コーディングの内容やスケジュールなどを確認させていただきます。
2.ご契約
上記ヒアリングにて工数を確認し、プランやオプションをご購入いただきます。
3.コーディングテストアップ
コーディングデータをご確認いただき、必要であれば修正等を行います。
4.納品
指定サーバへのアップロードまたはデータ送付を行います。
★★最後に
失敗が許されないお急ぎの時にはぜひご相談ください!
途中で連絡が途絶える、納期に間に合わない、そのような心配は一切ございません!
依頼してよかった!そう思っていただける自信があります。ぜひご検討ください。
WebサイトのHTML・CSS、WorsPressのコーディングやります
業務内容
WebサイトのHTML・CSS、WorsPressのコーディングを承ります!!
【オススメの方】
・デザイン会社様・デザイナーの方でコーディングまで手が回らない
・社内のリソースが足りなくて困っている制作会社様
・コーディングまで手が回らないフリーランスの方
【制作環境】
■BEMをベースとしたCSS設計が可能(予測・拡張・保守・再利用しやすい)
■Gulp使用(CSS、jsの圧縮、画像の圧縮、ベンダープレフィックスの自動付与)
■W3Cが勧告するHTML5の仕様に準拠したマークアップ
■WordPress化も柔軟にカスタマイズ可能(SEO対策、セキュリティ対策、サイトパフォーマンス向上も可)
レスポンシブ対応、よくあるJavaScriptの実装は無料で対応させて頂きます!
【無料JavaScript一覧】
・ハンバーガーメニュー
・アコーディオンメニュー
・カルーセル/スライダー
・モーダルウィンドウ
・スムーススクロール
・タブ切り替えなど、その他にもご要望があればご相談ください。
【納期、料金】
提示価格は目安となります。
デザインやボリュームにより変動することもございますので、まずはご相談ください。
最後まで責任もって、対応いたしますのでご安心くださいませ。
ご不明な点は、お気軽にお問い合わせください。
【制作会社様・デザイナー様向け】デザインからHTML/CSSコーディング代行します
業務内容
初めまして!ロゴデザインやweb制作をしております。
【サービス内容】
・静的コーディング
・レスポンシブ対応込み
・アニメーション込み
▶︎別途お見積もり
・お問合せフォーム
・WordPress化
【ご用意していただくもの】
・デザインカンプ(sp版がない場合はよしなにご対応させていただきますが、まずはご相談ください!)
・サーバー・ドメインのご用意(Zipファイルをご希望の方はこちらご用意されなくて大丈夫です)
・仕様書(こちらない場合はアニメーションの有無や伝達事項等お送りいただきたいです)
【作業環境】
・macOS
【コーディング表示確認】
・mac(safari/chrome)
・win(chrome)
・iphoneSE(safari/chrome)
・iphone13(safari/chrome)
・Android(chrome)
・ipad
【使用できる言語】
・HTML5(pug)
・CSS3(SCSS)
・JavaScript
・jQuery
・PHP(WordPress)
・GSAP
【営業時間】
・平日8:30〜18:00
・土曜9:00〜18:00
・定休日 水・日
より良い制作を進める為、そして『依頼して良かった!』と言っていただけるように取り組みます。
最後までお読みいただきありがとうございました!
少しでもご興味がありましたらぜひご相談ください。心よりお待ちしております!!
(レスポンシブ対応)デザイン通りにHP・LPのコーディングします
業務内容
コーダー探しで悩んでいませんか?
「デザインはあるけどコーディングはどうしようかな」
「誰かコーディングしてくれる人いないかな」
このようなお悩み、全部解決します!
◆サービス内容
基本料金に含まれるサービスです。
・HTML/CSSを用いた静的コーディング
・レスポンシブ対応
・jQueryを用いた動的機能の実装
◆納期
基本的には7日~14日を目安にお考えください。
簡単なものでしたら、デザインデータお預かりから7日以内での納品も可能です!まずはご相談ください!
◆お見積もり時ご用意いただくもの
・デザインデータ(XD、Figma、Photoshop、Illustratorなど)
◆納品方法
zipファイル形式(サーバーアップロードも可)
◆ご購入前後の流れ
1、見積もり相談、ご購入
↓
2、デザインデータのお預かり
↓
3、コーディング
↓
4、テストサーバーにアップ
↓
5、ご確認・修正
↓
6、納品(zipファイル形式やサーバーへアップロード)
サービスについてのご質問や不明点、価格交渉はメッセージにてお気軽にご相談ください!
予算内で完成度の高いHTML/CSSのコーディングをいたします
業務内容
主にHTML/CSSコーディング承ります。
テンプレートを利用したサイト作成も安価で行っております。
▼予算は抑えたいが、ある程度の完成の高いサイトを作成したい個人事業主、小規模企業におすすめです。
▼HTML/CSSコーディング, WordPress導入, サイト管理,
▼ご購入の流れ打ち合わせ
ヒアリング
ミーティング(オンライン)にて希望するデザインや機能などについて詳細に話し合います。
↓
提案、見積の作成
提案書や見積もりを作成します。(概要、スケジュール、費用、使用する技術等)
↓
見積もりの提示
内容や予算について見積を提出いたします。必要に応じて調整を行います。
↓
契約の締結
合意が得られたら、契約書を作成し、双方の署名を得て正式に作業を開始します。
↓
制作フェーズ
制作中、進捗確認をさせていただきます。
↓
納品
ご確認いただき、問題なければ、納品させていただきます。
料金や目安となります。ご相談くださいませ。
SEOも考慮したHTML・CSS(SCSS)のコーディングをします
業務内容
WEB標準に準拠したHTML・CSSコーディングを承ります。
人と検索エンジンに理解しやすいセマンティックなコーディングを行ないます。
その結果としてSEOに有利となり、また、ハンディを持った方にも伝わりやすいアクセシブルなWEBページをご提供することができます。
販売価格は下層ページなど比較的簡易なページ内容(A4で1P程度)を想定しています。
トップページやLPなどの場合は別途お見積もりさせていただきます。
お気軽にご相談ください。
また、ページ単価は5,000円からとなりますが、ページ数が多い場合はボリュームディスカウントにも対応いたします。
LP・HP制作|見やすく丁寧なコードで信頼サイトを作ります
業務内容
デザインを忠実に再現し、使いやすいWebサイトでビジネスを加速させます!
このようなお悩みはありませんか?
Webサイトの品質向上、LP制作、スマホ対応、保守性の高いコード、デザインリニューアル
発注の流れ
ヒアリング
お客様のWebサイトの課題やご要望を詳しくお伺いします。参考サイトなどイメージがあれば共有ください。
企画・提案
ヒアリング内容をもとに、最適なプランとお見積もりをご提案します。デザインが必要な場合は、提携デザイナーをご紹介します。
ご契約
ご提案内容にご納得いただけましたら、正式にご契約となります。制作スケジュールを確認し、着手金をお支払いいただきます。
制作
デザインデータまたは構成案をいただき、コーディング作業を開始します。進捗状況は随時ご報告いたします。
納品・修正
完成したWebサイトをご確認いただき、修正点があればご指示ください。デザインの崩れや動作不具合は無償で修正いたします。
公開・保守
Webサイトをサーバーにアップロードし、公開設定を行います。納品後も保守・更新サポートを提供します。
対応範囲・価格
LPコーディング:40,000円〜
デザインデータから高品質なHTML/CSS/JavaScriptでLPを制作します。レスポンシブ対応込み。
Webサイトリニューアル:50,000円〜
既存のWebサイトを最新の技術でリニューアルし、スマホ対応やパフォーマンス改善を行います。
デザイン+コーディングセット:要お見積もり
デザインからコーディングまで一貫して対応。お客様のブランドイメージに合わせたWebサイトを制作します。
納期
内容により異なりますが、LP制作は通常1〜2週間で納品可能です。
制作の流れ
デザインデータ確認
お客様からデザインデータ(Figma、XD、Illustratorなど)をお預かりし、内容を確認します。構成案や指示書があれば共有ください。
コーディング
デザインデータをもとに、HTML、CSS、JavaScriptなどのコードを記述します。見やすく整ったコードを心がけ、SEO対策も考慮します。
動作確認・調整
PC、スマホ、タブレットなど、 विभिन्नデバイスで表示を確認します。レスポンシブ対応で、どの端末でも最適な表示になるように調整します。
お客様確認
お客様にテスト環境でWebサイトをご確認いただきます。修正点やご要望があればお気軽にお申し付けください。
修正作業
お客様からのフィードバックをもとに、修正作業を行います。デザインの崩れや動作不具合は無償で修正いたします。
納品
最終確認後、Webサイトのデータを納品いたします。必要に応じて、サーバーへのアップロードや公開設定もサポートします。
サービス内容
LP(ランディングページ)やホームページ制作のコーディングを承ります。デザインを丁寧に再現し、使いやすく整ったコードで仕上げます。PC・スマホ両対応、WordPress化も可能です。
Webサイトの第一印象は、企業の顔そのもの。だからこそ、美しさと機能性を兼ね備えたサイトが不可欠です。もし、あなたが「今のサイト、どこか垢抜けない…」「スマホで見ると崩れてる…」「更新が難しくて放置気味…」と感じているなら、ぜひ一度ご相談ください。私は、あなたの想いを形にするWebコーダーです。デザインを忠実に再現するのはもちろん、SEO対策や保守のしやすさまで考慮した、未来を見据えたコーディングをご提供します。さらに、信頼できるデザイナーとの連携で、デザインから丸ごとお任せいただくことも可能です。まずはお気軽にご相談ください。
WordPress対応も可能!HTML/CSSコーディング代行します
業務内容
ご覧いただきありがとうございます!
コーディングを中心にWEB制作のフリーランスとして活動中のfumicaと申します。
今まで50件以上のサイトのコーディング・改修をさせて頂きました。
【こんな方は是非ご相談ください】
・デザインは完成しているけど、コーディングが出来ない・時間がない。
・ハンバーガーメニューなど、自力でコーディングするのが難しい箇所がある
デザインもご希望の方はWebデザインサービスの方からご相談ください。
https://www.lancers.jp/menu/detail/1282631
【作業内容】
・HTML/CSSコーディング
・モバイル表示対応
・jQuery(javascript)による動作の実装
例)ハンバーガーメニュー、Q&A部分などのアコーディオンメニュー、メインビジュアルのスライドショー、要素のフェードイン 等
・各種SNS、googleマップ、動画の埋め込み
・コーディングしたページのWordPress化
・お問い合わせフォームの設置
【無料サービスに含まれる内容】
・titleタグ、discription、OGPの設置
・googleタグマネージャーの設置(事前に準備をお願い致します。)
・画像の軽量化
・最初に頂いたデザインに対しては修正無制限
【料金のイメージ】
・トップページ 15,000円~
・下層ページ 10,000円~
・お問い合わせフォーム(入力+確認+完了) 10,000円
・WordPress化 TOPページ:10,000円 下層ページ:5,000円
・WordPress カスタム投稿/カスタムフィールド 5,000円
・アニメーションやJQuery/Javascriptの実装 1,000円~3,000円
・大幅な修正・追加 1箇所 1000円~
・特急料金 通常のお見積もりに+20%上乗せ
【制作の流れ】
・ヒアリング・見積り
コーディング内容、ご希望納期、大体のご予算などお聞かせください。
対応の可否を判断させて頂きます。
↓
・購入
↓
・デザインデータのご共有
↓
・コーディング開始
↓
・ご確認後、内容にご了承いただけましたら納品
【お願い】
こちらからの質問や進捗状況の確認に対して3日間以上お返事がない場合はその時点で納品完了とさせて頂きます。(一言だけでもお返事ください)
スムーズな進行のためご協力をお願い致します。
【デザイナー様向け】ランディングページコーディングします
業務内容
インハウスデザイナーとしてLPの修正や作成等を行っております。
スキル麺等ご不安な場合は作成したLP等お問い合わせの際共有させて頂きます。
【ベーシック内容詳細】
・HTML/CSSコーディング
・アニメーションの実装
・レスポンシブ対応
・内部SEO対策
・テスト確認用サーバーの設置(各種ブラウザの表示確認)
・公開作業
【スタンダード内容詳細】
・HTML/CSSコーディング
・アニメーションの実装
・レスポンシブ対応
・内部SEO対策
・テスト確認用サーバーの設置(各種ブラウザの表示確認)
・公開作業
・ハンバーガーメニューやスライドイン等jqueryの実装
【スタンダード内容詳細】
・HTML/CSSコーディング
・アニメーションの実装
・レスポンシブ対応
・内部SEO対策
・テスト確認用サーバーの設置(各種ブラウザの表示確認)
・公開作業
・ハンバーガーメニューやスライドイン等jqueryの実装
・お問い合わせフォームの実装:17,000円〜
「PHP工房」のメールフォーム使用
▼LPの作成全てはコチラをご覧ください。
https://www.lancers.jp/menu/detail/1264811
【制作会社・デザイナー様向け】静的コーディング・WordPress構築代行いたします
業務内容
HTML / CSS / JavaScript のコーディングを代行し、ご支給のデザインデータを明快なコードで正確に再現いたします。
デザインデータは、Figma / Adobe XD / Sketch / Adobe Illustrator でのご支給に対応します。
Webサイト制作会社様はもちろん、Web制作の経験が少ないデザイン事務所様など、デザインワークを Webメディアに広げたい企業様もお気軽にご相談ください。
グラフィックデザイナー様からのご依頼案件も実績が多数ありますので、デザインデータ制作に際してのご質問に、ガイドラインをお示ししてお答えできます。
貴社の Web制作プロジェクトをお手伝いできればうれしいです。
具体的な案件について、お気軽にご相談ください。お問い合わせをお待ちしております。
[対応業務]
・HTML / CSS / JavaScript コーディング
・WordPress でのCMS構築 / カスタマイズ
* その他 Webサイト関連業務については、別途ご相談ください。
[対応デザインファイル形式]
・Figma
・Adobe XD
・Sketch
・Adobe Illustrator
* Aiでの支給の場合は、PDFファイルを添付してください。
[対応コミュニケーション手段]
・Lancers メッセージ
・Slack
・ChatWork
* 継続的なパートナー関係の構築後、Eメールや携帯電話などでのコミュニケーションや、Zoom などでのオンラインミーティング、対面での打ち合わせ(名古屋市・近郊)も可能です。
[料金について]
基本料金の金額及び納期は目安です。
詳細な要件を確認後、正式な見積もりをご提案いたします。
複雑なアニメーションやパララックスにも対応!コーディングコーディング代行いたします
業務内容
初めまして、フロントエンドエンジニアのayameと申します。
ご覧いただきありがとうございます。
・デザインはできるけどコーディングができないという方
・忙しくなってきたためコーディングを外注したいという方
お悩み解決いたします!
もちろんその他のご相談も大歓迎です。
レスポンシブ対応や、JavaScriptを用いた動きのあるものも作成可能です。
規模にもよりますが、1P1,5000円から承ります。
(複雑な動きのあるもの、1Pが長いものなどについては要相談です。)
SEOを意識したコーディングでサイトのアクセス数アップも見込めます。
○サービスの流れ
- ヒアリング(作業ボリュームなどをお伺いし、お見積もりをご相談)
↓ - デザインデータ確認
↓ - コーディング開始
↓ - テストアップ
↓ - 修正
↓ - 納品
○制作期間
デザインをいただいてから1ページあたり最大3日で納品いたします。
(簡易的なデザインであれば即日お渡しできます。)
【制作会社様・デザイナー様向け】Webサイトのコーディング、修正いたします
業務内容
【the one】プロフェッショナルHTML/CSSコーディング代行サービス
こんにちは、the oneの寺井と申します。Webサイトの修正や新規コーディングをはじめ、レスポンシブデザインの実装まで、あなたのWeb制作を全面的にサポートします。プロのデザイナー様や制作会社様からのリピート依頼多数、品質とスピードを兼ね備えたサービスを提供しています。
サービス概要
- HTML/CSSコーディング代行
- JavaScript/jQueryによる動的機能実装
- レスポンシブWebデザイン
- デザインカンプからのコーディング(Figma, XD, Photoshop対応)
- WordPressテーマカスタマイズ
the oneが選ばれる理由
品質保証:細部にわたるピクセルパーフェクトなコーディングで、デザインを忠実に再現。
迅速対応:最短即日納品を目指し、スピーディーな作業を心がけています。
細かな対応:明確なコミュニケーションと細かな要望への対応を心掛けています。
料金プラン
修正・更新作業:3,300円〜
ランディングページコーディング:50,000円〜
ホームページコーディング(6ページ以内):100,000円〜
※WordPress対応など、オプションも含めた詳細はお見積もりにて。
制作の流れ
- ヒアリング:ご要望と納品希望日を詳細に伺います。
- お見積もり・ご契約:内容に基づいたお見積もりを提出し、ご納得いただければ契約となります。
- 制作開始:デザインデータをもとにコーディングを開始します。
- 確認・修正:初稿提出後、クライアント様のフィードバックに基づき修正を行います。
- 納品:最終確認後、納品(zipファイルまたはサーバーへのアップロード)を行います。
ここまでご覧いただきありがとうございました。
数多くのサービスから私のサービスに興味を持っていただき、嬉しく思います。
もしお任せしていただける場合は【丁寧な対応】、【最高品質】を持って
料金以上の納品物を納品させていただきます。
そのためにもまずは詳細なご依頼内容を伺いたいので、下記の【ご依頼・お問い合わせ】のURLの「見積もり・カスタマイズの相談に進む」から一度ご連絡ください。
また同じURLからお問い合わせもできますので、お気軽にご相談ください。
ご検討のほど、よろしくお願いいたします。
【ご依頼・お問い合わせ】
https://www.lancers.jp/menu/detail/1274505
HTML/CSSコーディング、WordPress制作承ります
業務内容
HTML/CSSによるサイトのコーディング、WordPress制作を承ります。
▼こんな方におすすめ
・外注コーダーを探している制作会社様
・コーダーを探しているWebデザイナー様
・専門スタッフを探しているディレクター様
など
上記以外でも、法人・個人を問わずご相談お待ちしています。
▼内容
・HTMLコーディング(LP、コーポレートサイトなど)
・WordPress(オリジナルテーマ)
・修正、更新などのサイト運営
▼納品までの流れ
①ヒアリング
②制作開始
③確認・修正(確認用サーバーあり)
④納品
HTMLメールのコーディングを代行します
業務内容
数あるサービスの中から当ページをご覧いただきありがとうございます。
当方、以前MAツールの運用サポートに携わっており、主にメールマガジンの作成全般を担当しておりました。
その経験を、みなさまのお悩み解決に生かせれば幸いです。
どうぞよろしくお願いいたします。
【こんな方におすすめ】
・デザインは決めたいが、コーディングは外注したい
・HTMLエディタを使ってもコーディングに時間がかかる
・各メーラーでの表示チェックに使う手間を極力減らしたい
※One to Oneメールで差し込みやブロック出し分け用のタグが必要な場合も
対応可能な場合がありますので、まずはお気軽にご相談ください。
【サービス内容】
HTMLメールのコーディング
デザインデータからの画像素材作成
【納品までの流れ】
- ご依頼者様より頂いたデザインデータ、画像データを元にコーディングします。
プレミアムプランの場合は、併せて画像素材の作成も行います。 - 制作物をご確認いただき、必要に応じて修正を行います。
- 問題がなければ、正式に納品(zipファイル送付)となります。
【実績15件・高評価100%】ランディングページのコーディング代行します
業務内容
Webディレクター様、制作会社様の外注先としてご活用ください
ご訪問いただきありがとうございます。
コーディング代行いたします。
●サービス内容
- LP1ページのコーディング(スタンダード・プレミアム)
- JavaScript(jQuery)を用いたアニメーションの実装も可能です
- (ホバーアクションやスライダー、スクロールアニメーションなど)
- レスポンシブ対応は料金に含まれております
- 表示確認はWindows(Google Chrome、Edge)タブレット(iPad)スマホ(iPhone)で行います
●料金
- 既存ページのカスタマイズ・修正、追加セクションなど10,000円
- 基本料金38,000円
- ボリューム多い場合など、プレミアム料金55,000円になります
●ご用意いただくもの
- デザインカンプ →ファイル形式はFigma・XD・Photoshopなど
- サイト内の原稿 →コピペできる形でお願いします
- 画像素材
●納品
- html・css・jsファイルをzipでまとめて納品となります
- サーバーへのアップロード作業も可能です
●アフターフォロー(納品後2週間以内)
- 不具合があれば無料で修正させていただきます
●実績
一部ご紹介します。
相続空き家の相談窓口
https://xn--w8j880g6idz3k645ajkcv1i30g.jp/
Dクリニック東京PLUS
https://www.menshealth-tokyo.com/skincare/prp/
https://www.menshealth-tokyo.com/skincare/kumatori/
https://www.menshealth-tokyo.com/skincare/dissolution/
https://www.menshealth-tokyo.com/skincare/threadlift/
URLをコピペしてご確認ください。
●その他
WordPress構築、デザインからの制作も可能です。
メッセージからご相談ください。
「修正しやすい!」デザインカンプからコーディングします
業務内容
数多くのサービスの中からご覧いただきありがとうございます!
□■━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━■□
CSS設計(BEM設計)を意識した綺麗なコーディング代行承ります
□■━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━■□
私自身、過去、コーディングを依頼した時に、
レスポンシブ対応がうまくできていなかったり、ロゴがずれていたり、
何度もやり取りした経験がございます。
そして何度も、修正依頼したためにプロジェクトの納期に
間に合わせることが難しくなってしまいました。
私は以下をお約束いたします。
◎進捗報告
→工程表を作成し、一目で進捗がわかるよう報告します。
◎チェックリストでの品質管理
→こちらを使用してチェックします。
◎こまめな報連相
→コーディング完了までに画像や文章が揃わない場合には、ご報告・ご提案いたします。
◎コーディング完了後の報告書の作成
→ピクセルパーフェクトでデザインを再現しますが、どうしてもデザインを実現出来ない時は、
コメントと一緒に報告書にまとめて報告します。
《ご用意いただく素材について》
デザインカンプ(Figma/Adobe Xd/Illustrator/Photoshop)
ご興味を持っていただけましたらDMでも結構ですのでご相談ください。
【レスポンシブ対応込み】HP・LPコーディング代行いたします
業務内容
HP・LPのデザインデータから、HTML/CSS、JavaScriptを用いたコーディングを行います。
特別なご希望がなければ、PC・スマホの2デザインを頂戴し、リキッドレイアウトで対応します。
*****
【サービス内容】
・完成されたデザインデータを元にしたコーディング
(HTML/CSS、JavaScript)
・フェードイン、スライドショー、ハンバーガーメニュー(スマホ時)など、基本的なアニメーションに対応
・レスポンシブ対応
・テスト環境による動作確認
【納品形式】
Zipファイル
(HTML、CSS、JavaScript、画像等をフォルダにまとめ圧縮したもの)
【ご準備いただくもの】
・完成されたサイトデザインデータ
(Figma、PhotoShop、Illustrator、XDを想定しています。)
※テキスト、画像もご用意をお願いいたします。
【納期】
1週間〜
※作業ボリュームによって変動します。
※こまめにやりとりを行いながら進めてまいります。
スムーズな納品のために、お早めの返信にご協力ください。
【修正回数】
無制限
ご納得いただけるまで対応いたします!
【こんな方にオススメ!!】
・コーディングパートナーが欲しいデザイナーの方
・リソース不足でコーディングを依頼したい方
【制作の流れ】
-
まずはお気軽にご相談ください。
ご相談の際、デザインデータをご提供いただけますと助かります。 -
ご相談内容、デザインデータをもとに、さらに詳細な制作内容をヒアリングいたします。
ヒアリング後、お客様と当方で制作内容・価格・納期などの合意が得られ次第、正式に商品を購入いただきます。 -
コーディングを行います。
進捗は随時報告いたします。
修正は無制限ですので、ご納得いただけるまで修正内容をご指示ください。
【最短3営業日!】スピーディーにコーディングいたします
業務内容
総ページ数10,000ページ超!
シンプルなページのコーディングを、
最短3営業日(※)で代行いたします!
お客様の事情に合わせた柔軟な対応をさせていただきます。
■サービス内容
・HTML+CSSを用いた静的なコーディング
・レスポンシブ対応
・簡単なJavascript
こんなお悩みありませんか?
「デザインはできているけどコーディングが間に合わない」
「コーディングしてみたら思ってたのと違った!」
「後から修正が入ってしまった!」
「ページを追加しているうちに結局割高に!」
ということがよくありますよね。
▼デザイナーだから融通が効く!
デザイナーが兼任するので、ちょっとしたデザインの修正にも対応可能です。
※大幅なデザイン変更の場合は別途費用が必要です。
デザインもご希望のお客様は、WEBサイト制作プランをご検討ください。
https://www.lancers.jp/menu/detail/1266171
▼おおまかな制作の流れ
-
お問い合わせ
「まずは相談する」ボタンよりお気軽にご相談ください。
デザインデータをお持ちのお客様は、デザインデータもお送りいただけるとスムーズです。 -
デザインデータの送付・コーディング開始
確定したデザインデータをお送りください。 -
コーディングデータのご確認
弊社テストサーバーにて、コーディングデータをご確認いただきます。
修正必要な箇所がある場合はテストサーバー内にて修正を反映いたします。 -
納品
ご確認いただいたデータ一式をzipまたはサーバーにアップロードで納品となります。
■ご注意事項
・目安として5,000px程度のデザインの価格となります。
・デザイン内容によっては追加料金をお願いする可能性がございます。
・複雑なJavascriptを使用する場合は別途費用が発生します。
・原則ブレイクポイントは1つの価格となります。(PC/スマホ)
・レスポンシブ対応が必要な場合は、スマホのデザインもお送りください。
・案件時期によっては3営業日で納品できない可能性もございますので予めご了承ください。
・制作実績として作成したホームページの画像やURLを掲載させていただきます。掲載不可の場合はお気軽にお知らせください。
【制作会社様・デザイナー様向け】Webサイト・LPのコーディングを承ります
業務内容
ご覧いただきありがとうございます。
Web制作コーダーの菊地友貴です。
コーディング代行として10社以上の制作会社様との業務経験があり、
デザインを再現する丁寧なコーディングはもちろん
「情報共有」
「品質管理」
「スケジュール管理」
を徹底しております!
こんなお悩みを解決します!
・デザインはあるけどコーディングは任せたい・・・
・デザイン以外の部分も、さまざまな端末に合わせて「良い感じ」にしてほしい・・・
・納期まできちんとスケジュール管理して安心してお取引したい・・・
このようなお悩みはお任せください!
制作する上のでお約束
①デザインを忠実に再現します
*レスポンシブまで丁寧に対応し、デザイン上にない部分も「良い感じ」になるよう調整します。
→Googleの拡張機能を使って、ブラウザ上にデザインを重ねながら、
余白のズレや、文字の間隔などピッタリと揃うように調整していきます。
→基本的には320px〜2500pxまで、中途半端な画面幅でも表示崩れのないようにコーディングします。
②進捗状況の「見える化」を行い納期を厳守します
*「案件管理シート」 を共有し、進捗状況や質問事項などがいつでもご確認いただるため、
情報の漏れや連絡のタイムラグを防ぎ、お忙しい中でのやり取りのご負担を減らします。
<案件管理シートの構成>
1)質問・回答シート
2)スケジュール管理シート
3)品質チェックシート
4)サイト情報シート
スプレッドシートのリンク1つを管理していただくだけで、
案件に関わる全ての情報がまとまっています。
③貴社のコーディングルールに合わせてコーディングします
*制作会社様によって指定のコーディングルールがある場合にも柔軟にご対応します。
<これまでの具体例>
・BEM設計
・カラム部分のみBootstrap使用
など
こんなメリットがあります!
・制作会社提携10社のコーダーによる丁寧なコーディング
・デザインツールは幅広く対応(XD、Figma、illustrator、Photoshop可能)
・納品までの丁寧なスケジュール・質問対応管理
▼ご依頼・制作の流れ
①「まずは相談する(無料)」よりお問い合わせください。
②デザインや仕様、ご依頼内容の確認をします。
(必要時にオンラインでのお打ち合わせも可能です。)
③問題なければコーディングを開始します。
④修正・確認チェック
⑤納品
下層ページの追加(別途費用)などあれば気軽にご相談ください。
【最後に】
関わっていただいた方に嫌な思いをしてほしくない、
この人に頼んでよかったと思ってもらえるよう相手の負担を巻き取りたい!
という気持ちで、1つ1つ大切にコーディングさせていただきます。
「案件管理シート」も、お忙しい制作会社様の負担を少しでも減らしたい、
どのようにすればお互いに気持ちの良いやりとりができるか、
と考えて作成しました。
一緒にクライアント様に喜んでいただけるWebサイト制作をしていけますと幸いです。
ご相談を心よりお待ちしております。
【HTML・CSS・WordPress】HP・LPのコーディングをプロが代行します
業務内容
Webコーダーをお探しの方必見! ホームページ・ランディングページのコーディングを代行します。
マークアップエンジニアとして10年以上の経験を活かして、HTML5とCSS3の仕様に準拠し、SEOとアクセシビリティに配慮した高品質なコーディングをご提供いたします。
- デザインはあるけどコーディングはお願いしたい
- デザインをきちんと再現してくれるコーダーを探している
- JavaScriptでサイトに簡単なインタラクションを加えたい
など、ホームページ・ランディングページのWebコーダーをお探しの方はぜひご検討ください。
【パッケージ内容について】
■ベーシック
下層ページの静的コーディング1P(デザインカンプ 縦 3000px 前後まで)、既存ページの一部修正など、まずはお試しでご利用いただく方におすすめです。
■スタンダード
トップページの静的コーディング、LPのコーディングもこちらから。(デザインカンプ 縦 6000px 前後まで)
■プレミアム
トップページの静的コーディング+下層ページ3Pまで。
【各プラン料金に含まれるもの】
- レスポンシブ対応(PC / SP)
- JavaScript(jQuery)を使った簡単なインタラクションの実装
- 画像の圧縮
- 表示確認・品質チェック(W3C Validation Service)
【オプション料金で対応可能なもの】
- WordPress構築
- お問合せフォームの実装(WordPressプラグインで対応)
- ブレイクポイントの追加(タブレット用など)
- JavaScript(jQuery)を使った複雑な動きの実装
- 下層ページの追加
- IE11表示対応
【JavaScript(jQuery)について】
一般的なプラグイン等で提供できる機能であれば各プラン料金内で対応可能です。
例:
- スライダー
- カルーセル
- スムーズスクロール(ページ内リンク、ページ先頭へ戻るボタン など)
- タブ切り替え
- ハンバーガーメニュー
- ヘッダー固定
ほか
オリジナルで複雑な動きを実装したい場合は、事前にご相談ください。
【対象ブラウザについて】
■パソコン(Windows・Mac)
Chrome、Firefox、Edge、Safari 各最新版
■スマートフォン(Android・iOS)
Chrome、Safari 各最新版
メーカーサポートの終了したIE11は、オプション料金での対応となりますのでご了承ください。
【ブレイクポイントについて】
ブレイクポイント(デザインが切り替わるポイント)は1箇所まで無料で対応可能です。
PC用とスマートフォン用のデザインデータをご提供ください。
タブレット用など、上記以外の画面サイズにも対応させる場合は、オプション料金での対応となりますのでご了承ください。
【納品形式について】
原則としてデータ納品(ファイル一式を zip 圧縮したもの)になりますが、サーバーへのアップロードにも対応可能です。
その場合は FTP 情報をお知らせください。
【購入の流れ】
「見積もり・カスタマイズの相談に進む」より、ご依頼の内容を詳しくお聞かせください。
↓
デザインや納期などを確認させていただき、こちらから見積りを提出いたします。
↓
見積り、納期などに問題なければ、仮払い手続きをお願いいたします。
同時にデザインデータなど、コーディングに必要なデータをご提供ください。
↓
コーディング開始
↓
テストアップ・修正対応
テスト環境にページをアップしますので、ご確認をお願いいたします。
修正回数の制限は設けていませんが、この段階でデザイン変更が発生する場合、追加料金が必要になる場合がございますのでご注意ください。
↓
最終確認・納品
修正箇所も含めて最終確認が終わり次第、納品となります。
【営業時間について】
10:00〜19:00(土日祝を除く)
【納期について】
記載の納期は、仮入金およびデザインデータのご入稿後から着手した場合に必要な営業日の目安です。
状況によっては記載の納期で対応できない場合もございますので、お急ぎの方は購入前にお問い合わせください。
ホームページ制作、LP制作のコーディング作業を低単価で高品質に行います
業務内容
サービス内容
サービス内容
ご閲覧いただきありがとうございます!
▼ こんな方にオススメです!
✅WebサイトやLPのコーディングをスムーズに行いたい
✅デザインデータを忠実に再現したい
✅値段を安く抑えたい
✅CMSを使ったサイト構築に悩んでいる
▼サービス内容
・HTML/CSS/Jsでの静的コーディング
・スマートフォン/タブレット/PCに対応したレスポンシブコーディング
・スライダーやタブ切り替えなどのJavaScript実装
・お問い合わせフォームの実装
・既存サイトの修正、ページ追加
・WordPress構築
・部分修正(HTML/CSS/Js などの部分的な修正にも臨機応変に対応させて頂きます)
▼コーディング料金(レスポンシブ対応込み)
・トップページ:10,000円〜
・LPコーディング:1,0000円〜
・下層ページ:5,000円〜
・基本的なJavaScript(スクロール時のアニメーション表示、ハンバーガーメニュー、スライダーなど)1箇所:2,000円程度
・お問い合わせフォーム・メール送信システム実装(PHP):5,000円程度
▼WordPress構築費用
・要相談
▼無料で対応
・レスポンシブ対応
・サイト高速化のための画像圧縮
・最低限のSEO対策
・OGP、faviconの設置(データをいただけた場合)
・修正
▼納品方法
・Zipファイルにて送付
・サーバーへのアップロード
▼納期
着手から3日〜
ページのボリュームや作業の空き状況によって異なりますのでご相談ください
▼修正について
納品前の修正につきましては基本的に無料・無制限で対応させていただいております
※大幅なレイアウトの変更や追加につきましては、別途追加料金とさせていただきます
▼デザインデータ
Figma、Xd、Photoshop、illustrator など
丁寧な対応、丁寧な仕事を心掛けております
まずは、DMか見積もり相談からご連絡をお願いいたします。
ご不明な点がありましたら、どんなことでもお気軽にお問合せ下さい。
購入にあたってのお願い
▼ご用意いただきたいもの
・デザインデータ(Figma・Photoshop・Illustrator・XD... 等)
・画像素材 / 動画 / 文章
デザインカンプ済のSTUDIO制作の実装代行をいたします
業務内容
デザインは完成しているが、実装はお任せしたい、
時間がないのでお任せしたい、まだSTUDIO自体に慣れていない方、
STUDIOの実装代行をいたします。
※こちらのパッケージではデザインは行いません。
【スマホ対応】ホームページ・LPコーディング案件承ります
業務内容
業務内容のご紹介
HP作成やLPなどのコーディングを承っております!
◆◇こんな方にお勧めです◇◆
・コーディングにリソースを割けない
・デザインはあるのでコーディングのみ外注したい
・漠然とこういう動きをつけたいんだけど…どう頼んだらいいかわからない
・小規模のコーディングを頼みたい
・スマホの対応もしてほしい
など、コミュニケーションをしっかりさせていただき
お客様に満足いただくことを最善に対応させていただきます。
◆◇ご用意していただくデータ◇◆
AdobeXD、Photoshop、Illustratorでのご用意をお願いいたします。
jpegや、pngしかない場合はご相談ください。
◆◇ご料金内対応について◇◆
〇動き関連
【スライダー、カルーセル】
【アコーディオン】
【タブメニュー】
【ハンバーガーメニュー】
〇ブラウザ
【Chrome、Firefox、Microsoft Edge】
【iOS11以降 Safari】
【Android5.0以降 Chrome】
〇サーバーアップロード
◆◇ご依頼から納品までの流れ◇◆
1. ご相談
まずはお気軽にご相談ください。
2. 見積もり提出
お見積もりと納期をご提示します。
3. オファーの作成・承諾
ご納得いただけましたらオファーを作成しますので、承諾してください。
4. 作業開始
作業を開始します。
5. ご確認・修正
完成したサイトを確認していただき、修正いたします。
「まずは相談する(無料)」のボタンからお気軽にご相談ください!
ピクセルパーフェクトでコーディングを行います
業務内容
html css jsを使用したコーディング作業
お手伝いできる案件がありましたら
お気軽にご相談下さい。
コーダー兼デザイナーとして
お仕事をさせて頂いております。
コーディング作業時に必要な
下層ページの作成、パーツの作成なども
併せご依頼頂くことは可能です。
お気軽にご相談ください。
【デザイナー様・制作会社様必見!】コーディング代行いたします
業務内容
本サービスをご覧いただきありがとうございます!
【デザイナー様・制作会社様】コーダー不足でお困りではないですか?
元WEB制作会社勤務のコーダーが、そのお悩み解決いたします!
■直近でのお仕事(7月)
・アパレルブランド新作コレクションLP×4P
・歯科クリニック様コーポレートサイト(WordPresss)
・アパレルブランドコーポレートサイト新規ページ追加
これまでも数多くのコーディングを行ってきた経験から、
納品前のチェックなど必要項目を把握しています。
自身をもって納品させていただきます!
■流れ
①ヒアリング(チャット・オンラインなど柔軟にご対応)
②お見積り提出
③ご購入
④デザインデータのご入稿(Ai,Photoshop,XD)
⑤制作開始
⑥テストアップ
⑦ご確認・修正対応
⑧納品
※レンタルサーバー・ドメインのご準備もお困りでしたら、ご相談ください。
■料金に含まれているもの
・HTML/SCSS
・CSSアニメーション
・jQuery
・Wordpress(プランによります)
・レスポンシブ対応
・お問い合わせフォーム
・画像圧縮(画像軽量化)
・テストアップ後の修正
■納期
デザインやアニメーション、ページ数で変動いたします。
正式な納品日は、デザインデータのご確認後にお伝えさせて頂きます。
なるべく柔軟にご対応いたします。
※目安
LP 4日~6日
HP TOPページ 4日
下層ページ 1日~2日/1ページ
【デザイナー様・制作会社様向け】WEBサイト・LPのコーディングします
業務内容
■こんな方におすすめ
コーディングを外注したいデザイナー様、制作会社様
コーディング、WordPress構築を外注できるパートナーが欲しい
■料金
トップページコーディング:20000円〜
LPコーディング:30000円〜(ボリュームに応じてお見積もり)
下層ページコーディング:1p 10000円〜
ーーーーーーーーーーーーーーーーーーーーーーーーーー
■基本サービス
・HTML/CSSを使ったコーディング
・CSS設計に基づいたコーディング
・jQueryを使ったアニメーションの実装
(ハンバーガーメニュー、アコーディオン、スムーススクロール、スライダー)
・レスポンシブ対応
・metaタグの設置
・画像圧縮による表示速度最適化
・完成後にチェック・テストを行い、品質を担保
ーーーーーーーーーーーーーーーーーーーーーーーーーー
■オプション
・その他jQueryを使ったアニメーションの実装:3000円〜/1点
・Word Pressの導入・構築(オリジナルテーマ)
■動作確認ブラウザ
・Mac
Chrome, Fire Fox, Safari, Microsoft Edge
・iPhone12
Chrome, Safari
■制作の流れ
①「見積もり・カスタマイズの相談に進む」より、ご依頼内容を詳しくお聞かせください。
納期や具体的なお見積りをさせていただきます。
↓
②ご契約
デザインデータ、写真やテキストなどの素材データをお送りください。
↓
③コーディング開始(進捗を都度報告いたします)
↓
④ご確認(テスト環境)
コーディング完了後、ご確認をいただき、修正箇所があれば対応いたします。
※大幅なデザイン変更は追加料金をいただく場合がございます。
↓
⑤納品
zipファイルにて送付・もしくはサーバーへのアップ
■当サービスの強み
1.画像圧縮、基本のアニメーション(ハンバーガーメニューなど)は基本料金内で対応いたしますので、費用を抑えることができます。
2.納品前に独自の品質チェックシートを用いて確認・テストを行います。パーフェクトピクセルも使用いたしますので、デザイン通りにコーディング。品質を担保します。
(チェックシートは納品時に共有いたします)
3.作業時間は平日最低8時間/日以上確保可能。報連相をこまめに行い、お急ぎ案件なども対応いたします。
ご不明点がございましたら、お気軽にご連絡ください。
迅速・丁寧に対応させていただきます。
よろしくお願いいたします。
【高品質 / Wordpress対応】HTML・CSSコーディング代行いたします
業務内容
こんな問題にお悩みの方必見!
✅WEBサイトを作りたいけど、どこに発注していいのか分からない。
✅コーディングを外注して作業効率をあげたい。
✅WEB制作会社で経験を積んだ人にコーディングを依頼したい。
WEB制作会社の現役マークアップエンジニアが
皆様のお困りごとのお手伝いをさせていただきます。
■基本パッケージに含まれるもの
HTML/CSSコーディング
レスポンシブ対応
画像、CSSファイル、JavaScriptファイルの圧縮
仮納品後、修正対応(3回まで)
■基本パッケージに含まれないもの
WordpressなどCMS導入、アニメーション導入(オプションとなります)
スマホデザインが無い場合のレスポンシブ対応(デザインがある場合は無償対応いたします)
■納期
ベーシックプラン:2日程度
スタンダードプラン:7日程度
プレミアムプラン:21日程度
■納品までの流れ
1ご契約
↓
2ご要望のヒアリング
↓
3Webサイト制作開始
↓
4仮納品、修正
↓
5納品
【納品形式】
・zipファイルでの納品
・サーバーにアップロードして納品
■お見積り、納期の参考例
スタンダードプランを選択、
Wordpress導入(投稿機能付き)、
カスタム投稿設定、
お問い合わせフォーム設置の場合
基本プラン 5,0000円
Wordpress導入 4,0000円
カスタム投稿設定 8.000円
お問い合わせフォーム 8,0000円
合計 106,000円
作業日程 約17日(基本プラン7日、オプション追加3日)
【制作会社様・デザイナー様向け】コーディング代行いたします
業務内容
この度は、私が提供するコーディングスキルに興味を持っていただき、誠にありがとうございます。
HTML、CSS、jQueryを中心に、ウェブサイトの開発に関するコーディングスキルを持っています。
具体的には、以下のようなスキルを有しています。
- HTML5/CSS3を使用したマークアップ作業
- JavaScriptライブラリ(jQuery, Vue.js)を使用したフロントエンド開発
- PHPを使用したバックエンド開発
- WordPressのテーマ作成、プラグイン開発
これらのスキルを活かし、クライアントの要望に合わせたウェブサイトの制作を行います。また、コミュニケーションを大切にし、納期や品質にも配慮した作業を行います。
さらに、私は、ウェブサイトのSEO対策にも力を入れています。ウェブサイトの構成やコンテンツ制作など、検索エンジン最適化に必要な技術を熟知しています。そのため、ウェブサイト制作において、SEO対策も含めたトータルサポートを行うことが可能です。
ご不明点やご要望がございましたら、お気軽にお問い合わせください。引き続き、よろしくお願いいたします。
【制作会社様、デザイナー様へ】サイト、LPのコーディング承ります
業務内容
ご覧いただきありがとうございます。
「デザインは作成済み、コーディングだけを頼みたい」制作会社様・Webデザイナーの方、
「デザインやイメージは決まっているけれど誰にお願いしたらいいかわからない」とお悩みの方
ぜひお気軽にご相談ください^^
▼サービス内容
・頂いたデザインを元にHTML&CSSコーディング(1ページ~複数ページ対応可能です。)
・レスポンシブ対応(スマホ・タブレット表示対応)
・JavaScript / jQuery(スライダー、ポップアップ、スクロールアニメーション等)
・お問い合わせフォーム作成
・WordPress化
▼料金に含まれるもの
・画像圧縮による速度最適化
・誤字脱字、表示くずれ等による修正(無制限)
▼料金例
・LPコーディング ¥10000~(レスポンシブ対応込み)
・お問い合わせフォーム実装 ¥20000円(静的サイト)
¥5000(WordPress)
▼制作の流れ
①ヒアリング・お見積り
※ページのボリューム、実装内容により料金が異なりますため、デザインデータの提示をお願い致します。
頂いたデザインを元に、お見積り・納品までの概算日数をお伝えします。
②1回目の提出
内容により異なりますが最短約2~3日でご提出いたします。
③修正版の提出
修正回数に制限は御座いません!★
④納品
通常はzipファイルでの納品となります。
サーバーにアップの対応も可能ですので、そちらをご希望の場合はお見積りの際にご相談ください^^
ご確認頂きました後、納品のお手続きをさせて頂きます。
納品完了後は、ご評価をして頂けますと嬉しく思います^^
◆納期
1ページあたり2・3日程で、納品いたします。
※ページの長さ、アニメーション有無等で納期は前後いたします事あらかじめご了承ください。
最短3日!高品質なHTML/CSSコーディングを対応します
業務内容
WordPress対応・レスポンシブ対応・短納期対応・丸投げOK!HTML/SCSS/CSSコーディングをお任せください!
外部委託無し。認定ランサー本人が対応します。
Webサイト制作において、効率的かつ高品質なコーディングをお求めの方に最適なサービスを提供します。
-
WordPress対応: WordPressテーマのコーディングから、カスタマイズまで柔軟に対応。お客様のニーズに合った最適なソリューションをご提案します。
-
レスポンシブ対応: PC、タブレット、スマートフォンなど、全てのデバイスで美しく表示されるレスポンシブデザインを実現。
-
短納期対応: お急ぎのプロジェクトにも迅速に対応します。お約束の納期を守り、スピーディーに高品質な成果物をお届けします。
-
丸投げ対応: コーディング作業を丸ごとお任せいただけます。企画段階からのご相談も歓迎いたしますので、安心してご依頼ください。
一つひとつ丁寧に作業を進め、クライアント様のビジョンを形にします。高品質なコーディングで、サイトのパフォーマンスやユーザーエクスペリエンスを向上させ、成果につなげます。
ぜひお気軽にご相談ください!
===================================================
当方のプロフィール
2020年度ランサーズ ランキング
クライアント訪問数ランキング Webデザイナー部門 全国1位
ランサーズ歴4,000日以上
▼実績についてはポートフォリオなどご覧ください。
※一部大手企業様の案件については守秘義務の都合上記載しておりません。
★過去実績
大手スーパーサイト制作 WORDPRESS
大手コンビニキャンペーンサイト制作
大手ECサイトUIデザイン制作
会員制ゴルフサイト構築・開発 WORDPRESS
インテリアショップECサイト制作・開発 EC CUBE
エステサロンサイト制作 WORDPRESS
大人気カフェサイト構築 WORDPRESS
avex所属アーティストオフィシャルサイト制作 WORDPRESS
トレーニングジムサイト制作 WORDPRESS
アパレルオフィシャルサイト制作 WORDPRESS
コスメECサイト制作・開発 WOOCOMMERCE
コスメLP制作
大手美容整形外科サイト制作 WORDPRESS
キュレーションサイト制作 WORDPRESS
有名アニメコラボグッズ・ノベルティ制作
国民的有名アイドルコラボグッズ・ノベルティ制作
各種バナー制作
マッチングアプリUIデザイン制作
ディープラーニング系アプリUI制作
【細かい修正も対応】ホームページ修正、コーディング承ります
業務内容
ホームページ、LPの修正やコーディング承ります。
===【修正について】===
画像の変更、テキストの変更など、軽微な修正も是非お問い合わせください!
修正1箇所につき、2,500円~対応いたします。
Lancersのシステム上、パッケージ最低価格が10,000円となっておりますので、
修正ご希望の場合はお気軽にDMをお願いいたします。
詳細ヒアリング後、正式な御見積をご連絡いたします。
複数箇所まとめて修正の場合、割引も可能です。
【こんなお悩みを解決します】
・画像やテキストを変更したい
・アニメーションを追加したい
・スマホで見たときに気になる部分を修正したい
・お問い合わせフォームを追加したい
・今あるサイトのブログやお知らせを簡単に更新できるようにしたい
・HP、LPのコーディングをお願いしたい
など、Webサイトのことならなんでもご相談ください!
【納期】
・最短即日納品
【納品までの流れ】
①ご依頼前にDMにて打ち合わせ
②ご契約、仮払い
③作業開始
④確認、修正
⑤納品
===【ご確認ください】===
※ご依頼頂く場合、上記金額にシステム手数料(5.5%)がプラスとなりますので、
ご依頼頂く前にぜひご確認くださいませ。
詳しくは、下記URLをご参考になさってください。
https://www.lancers.jp/faq/A1034/936
===【最後に】===
Lancersを初めてから、ありがたいことにリピートでご依頼頂けるようになりました。
これからのお客様にもリピートでご依頼頂けるよう、丁寧で細やかなに対応し、信頼頂けるようなお仕事をしてまいります。
まずはお気軽に、DMでご相談頂けると幸いです^^
【コーディング代行】デザイナー様が魂を込めて作成したカンプをコーディングいたします
業務内容
【デザイナー様が精魂込めて制作したデザインを丁寧にコーディングいたします!】
多数の出品パッケージからご覧いただき、ありがとうございます。
個人の方から法人様のホームページまで幅広く制作を行なっている上田 真義(うえだ まさよし)と申します。
【 こんなデザイナー様におすすめ 】
- WEBサイト制作を一括して受注したいデザイナー様
- 社内コーダーのリソースが不足している制作会社様
- コーディングを外注できるパートナーをお探しのデザイナー様や制作会社様
- すでにデザインはお持ちの個人事業主様や法人様
単発のご依頼から長期の継続したご依頼まで、一つ一つのサイト制作を誠心誠意、丁寧に対応・コーディングいたします。
デザイナー様が制作した想いを形にいたします!
納品後1ヶ月のアフターサポートをしておりますので、テキスト変更や画像の差し替えなど軽微な修正は無償で承っております。
■ 作業内容
- 静的コーディング(HTML / CSS)
- Javascript / jQueryを用いたアニメーション
- レスポンシブ対応(スマホ / タブレット)
- Wordpress化 (追加オプションにてご案内しております)
■ ご相談から納品までの流れ
①ヒアリング
ご依頼予定のデザインのご案内や、ご希望の納期、作業範囲などお聞かせください。
お聞かせいただいた内容を基に対応の可否を判断させていただきます。
↓
②お見積もり・ご依頼
作業内容、納品予定日、お見積もりをご提示いたします。
こちらをご覧いただき、ご依頼いただくかどうかご検討ください。
ご依頼となりましたらデザインデータと制作に必要な素材(写真、画像、ロゴ等)をご提供ください。
↓
③コーディング作業開始、初稿の提出
コーディングを開始し、完了次第初稿をご確認いただきます。
修正等がございましたら、都度迅速に対応させていただきます。
↓
④納品
ご確認いただきご依頼いただいた作業内容及びページに問題がなければ、ご依頼者様のご希望の方法にて納品させていただきます。
zipファイルやサーバーへのアップロードなど、ご希望をお知らせください。
納品後1ヶ月のアフターサポートをご提供しております。
テキストや画像の変更など、軽微な修正は無償で対応させていただきますので、ご要望がございましたらお気軽にご連絡ください。
表示確認の環境
・PC
Google chrome、Safari、Firefox、Microsoft Edge
・スマホ
Google chrome、Safari
当サービスの強み
土日祝祭日も作業しておりますので、金曜日にご依頼をいただき翌週月曜日の納品なども可能です。(ページ数や内容によります)
ご依頼者様のビジネスパートナーとして、懇切丁寧に対応・作業させたいただきます。
些細なご質問やご相談でもお気軽にお問い合わせください!
▼デザインを含む一括したWEBサイト制作プランをご希望の方はこちら
https://www.lancers.jp/menu/detail/1228898
▼ポートフォリオ
https://www.lancers.jp/profile/masayoshi0404/portfolio?ref=more
【制作会社様・デザイナー様向け】HP・LPのHTML/CSSコーディング代行します
業務内容
水谷 潤と申します。
この度は数あるパッケージの中からご覧いただき、誠にありがとうございます。
大阪府大阪市在住で、普段よりクラウドソーシングなどでコーディングやWordPress関連のお仕事いただいております。
●作業内容
・HP、LPなどのコーディング業務代行
・WordPressを使った既存テーマHP制作
・WordPressを使ったオリジナルテーマHP制作
●制作の流れ
①ヒヤリング
実装機能などの確認をいたします。
②契約
お見積もり、納期をご提示させていただきます。
ご納得いただけた場合、ご購入をお願いいたします。
③制作・確認
制作実施後、制作物のご確認をお願いいたします。
気になる点がある場合、可能な限り修正対応いたします。
④納品
問題なければ、制作物をzipファイルにて納品させていただきます。
※サーバーへのアップロードをご希望の場合、FTP情報をご教示下さい。
●ご用意いただくもの
・デザインデータ(XD、Photoshop、Illustrator、Figmaなど)
●最後に
もしお仕事いただけた暁には、もちろんのことですが、誠意をもってお仕事させていただきます。
納期の厳守はもちろんのこと、「レスポンスの速さ」や「こまめな確認」はweb制作でお仕事をいただき始めてから常に意識していることでございます。
クライアント様には、コミュニケーションでのストレスを無くす最大限の努力をさせていただいておりますので是非ご依頼の際はお気軽にご相談くださいませ。
HTML / CSS / JavaScript でサイトのコーディングを代行します
業務内容
「デザインカンプは作れるので、サイトにして欲しい!」
そんなご希望におこたえいたします。
ECサイト(静的な部分)・LP・コーポレートサイトなどに対応しております。
HTML / CSS / JavaScriptでウェブサイトを構築いたします。
ページの長さ、文字や画像の量などをお知らせいただけましたら
ご予算にあわせてお見積りいたします。
ホームページのコーディング(HTML/CSS)を代行いたします
業務内容
◎ご提供内容
HTMLのコーディング
レスポンシブ対応
◎対応可能な言語
HTML、CSS、JavaScript(jQuery対応可)
面倒なWebサイトの更新・修正でお困りでしたら、弊社が代行いたします
業務内容
弊社パッケージをご覧いただき、ありがとうございます。
こんな方におすすめ
- Webページ 1枚だけの対応で良い方(ベーシックプランはシステム上10,000円になっていますが、5,000円で承ります)
- 1か月の間にHP/LPの頻繁な更新や差し替えがある方
- 他業務が忙しくて、自社のHP修正がなかなかできない方
文章の更新や修正、画像の差し替え、トリミング、コンテンツの
追加など、誠実かつ丁寧に対応いたします。
===================================================
弊社について
弊社の主な業務内容は下記となります。
- 業務システム開発
- WEBソフトウェア開発
- ブロックチェーンソフトウェア開発
- エンターテイメント
- IoT開発/組込系開発
- 組織開発/チームビルディング/アドバイザリー
- プログラム作成、ツール作成
- ツール開発・修正
- WEBサイト開発
===================================================
営業日時(連絡可能日時)
平日10時~19時(土日祝休業)
Webエンジニアをはじめ、各スタッフと連携し、業務対応いたします。
まずはお気軽にご相談下さい。
【デザインを忠実に再現!】HTML・CSSコーディングいたします
業務内容
ホームページの静的コーディングを承ります。
サービスを閲覧いただきありがとうございます!
デザインされたサイトを忠実にコーディングさせていただきます。
コーディングがどうしても難しいデザインに関しては、事前にご相談させてただきます。
【サービス内容】
◾️HTML、CSSによるコーディング
◾️jQueryによるアニメーション(スムーススクロールやフェードインなどの簡易なもの)
◾️WordPress化
◾️レスポンシブ対応
◾️デザインの再現
【制作の流れ】
①見積もりのご依頼
②見積もりの提示
③サービスのご購入
④制作に必要なサーバー情報、デザインデータ(文章、画像データ含む)のご提出
⑤制作開始
⑥納品
ご不明点がありましたら、お気軽にご連絡ください。
格安でNext.jsを使用してSEO対策を施したWEBサイトをコーディングします
業務内容
実績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オリジナルテーマ可)承ります
業務内容
実績20件以上。安心感のある配慮で評価されているコーダーです
当パッケージをご覧いただき誠にありがとうございます。
Webコーダーのこうなと申します。
LPやWebサイトのコーディング、WordPress構築を行なっております。
このような方におすすめ!
- デザインはあるが、コーディングできる人がいない
- リソース不足でコーダーを外注したい
- WordPressのオリジナルテーマを構築したい
発注の流れ
①無料相談(ご希望の機能やデザインデータ・納期の確認)
②お見積もり
③ご契約
④デザインデータお預かり
⑤初稿お渡し
⑥ご確認・修正
⑦納品(Zip納品、サーバーアップなど)
価格
LPコーディング:30,000円
HTML / CSSサイト(〜6ページ):80,000円
WordPressサイト(〜6ページ):120,000円
※実際の価格はヒヤリング後に改めてお見積もりさせていただきます。
「まずは相談する(無料)」からお気軽にご連絡ください。
元Web制作会社勤務。制作実績数300件以上の信頼と実績でコーディングいたします
業務内容
当サービスをご覧いただきまして、誠にありがとうございます。
お客様との対話を大切に、親切丁寧な対応を心がけ、常にパーフェクトな納品を目指しております。
\ このような方に最適です /
・デザインデータはあるけど、コーディングはできない。
・リソース不足で、コーディングまで手がまわらない。
・外注先の選定で失敗したくない。
・制作会社レベルのスキルで対応してもらいたい。
★対応範囲と費用につきまして。
・静的コーディング:トップページ¥20,000〜、下層ページ¥15,000〜/1ページ
・レスポンシブ対応(1ブレイクポイント)
※ご要望に対応できますので、予めご相談ください。
・よくあるハンバーガーメニューなどはお任せいただければ無料で対応いたします。
※細かいデザイン指示などがございましたら有料対応とさせていただければと思います。(要ご相談)
・PHPファイルでの納品可能です。(着手前にご申告ください)
ヘッダーやフッターなど共通ファイルとして扱いたい場合や、
WordPressに組み込む予定がある場合などにご利用ください。
※WordPress対応も得意としておりますので、併せてご相談いただければと思います。
(別途サービス出品しております:https://www.lancers.jp/profile/syzmagic/plan/171629)
併せてご依頼いただける場合は、値引きさせていただきます。
★別途有料オプション対応目安(ご相談時にお見積りさせていただければと思います)
・cssアニメーション:¥3,000〜/1バリエーション
※マウスオーバーアニメーションなど(基本的な透過アニメーションなどは無料です)
・JavaScriptによる制御:¥5,000〜/1バリエーション
※モーダルやドロップダウンコンテンツ、スクロールに準ずる制御など
・お問い合わせフォーム:¥20,000〜/項目などにより変動
さほど手がかからずサービスさせていただく場合もございますので、
ご購入前にヒアリングさせていただければと思います。
★ご相談から納品の流れ
1.ご相談いただき、ヒアリングとお見積りをさせていただきます。
2.デザインデータをご提供ください。(illustrator/Photoshop/XD/Figmaなど)
3.コーディング作業開始
4.テストサイトにてご確認と修正
5.最終確認
6.納品
実機テスト環境は
macOS CatalinaとVentura:Chrome/Firefox/Safari
Windows11:Edge/Chrome/Firefox
iPhone13、iPad
その他はデベロッパーツールでの確認となります。
★納期につきまして
ボリュームにより変動いたします。
ヒアリング時にご希望を伺わせていただければと思います。
※リソース状況によりお請けできない場合もございますので予めご了承ください。
その他お気軽にご相談ください。
【制作会社様・デザイナー様向け】コーディング・WordPress構築承ります
業務内容
【安心丁寧対応!コーディング業務を外注しませんか?】
パッケージ出品をご覧くださりありがとうございます!
Webデザイナー・コーダーの菅井と申します。
ーこんなお困りごとありませんか?ー
- ・コーディングを外注したいデザイナー様、制作会社様
- ・コーディング、WordPress構築を外注できるパートナーが欲しい
私にコーディング業務をお任せください!
しっかりと要件を伺って真摯に対応させていただきます!
ーサービスの内容ー
・静的コーディング
→ LPやホームページなどの静的コーディングが可能です。
レスポンシブ対応も可能となっています。
・WordPressのオリジナルテーマ開発
→ WordPressの導入、構築が可能です。カスタム投稿やカスタムフィールド等のカスタマイズも対応していますのでお気軽にご相談ください。
その他にも
・JavaScript/jQueryを使用したアニメーション
(スライダー、スクロール、アコーディオン、ハンバーガーメニューなど)
・metaタグの設置
・画像圧縮による表示速度最適化
も対応しております。
-これまでの制作実績-
・学習塾様のLP制作
・経営サポート事業様のHP制作
・コーポレートサイトHP制作
-ご予算について-
記載の金額はあくまで目安となります。
ページ数や要件に応じて金額は変動いたします。
ご予算に応じて調整可能ですので、お気軽にご相談くださいませ!
-制作の流れ-
①「見積もり・カスタマイズの相談に進む」より、ご依頼内容を詳しくお聞かせください。
納期や具体的なお見積りをさせていただきます。
↓
②ご契約
デザインデータ、写真やテキストなどの素材データをお送りください。
↓
③コーディング開始(進捗を都度報告いたします)
↓
④ご確認(テスト環境)
コーディング完了後、ご確認をいただき、修正箇所があれば対応いたします。
修正回数は特に設けておりません(デザイン等の大幅修正は除く)。
↓
⑤納品
zipファイルにて送付・もしくはサーバーへのアップ
-最後に-
最後までご覧いただきありがとうございました!
ご相談やお見積りは無料で行っておりますので、
少しでも気になりましたらお気軽にご相談ください!
【丁寧なコーディング】デザインカンプを忠実に再現します
業務内容
ランサーズは初めてですので、レビュー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年にわたる社会人経験を生かし、丁寧な対応と即レスにより円滑なコミュニケーションをお約束いたします。
・自主的な報連相と納期遵守にて作業を行います。
円滑なコミュニケーションとコーディングにより、依頼者様の業務をお手伝い致します。
ご興味いただけましたらご連絡いただけると幸いです。
■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 |
※大凡の価格を表示しています。実際の料金は依頼内容や会社によって異なります。
※こちらで記載している金額はランサーズ上の依頼金額ではありません。
※当社調べの「一般的な制作会社や企業に依頼した際の目安の依頼料金」となります。