人気ランキング 期間:5月4日 〜 5月11日
【制作会社様 デザイナー様向け】Webサイトのコーディング、修正いたします
業務内容
Webサイトの修正、コーディングはお任せください
★認定ランサー オススメランキング1位獲得経験あり
★5人のデザイナー様、制作会社、マーケティング会社との業務提携
安心してあなたの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
【レスポンシブデザイン対応】HTML/CSSコーディング代行いたします
業務内容
2022 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秒程の短いメッセージ動画が再生されます。
よろしければ御覧ください。
【高品質◎】丁寧にレスポンシブでコーディングいたします
業務内容
ご覧いただきまして、ありがとうございます。
安心して、お取引していただけるよう丁寧な対応とご連絡を心がけております。
当サービスはデザインデータからのWebサイトのコーディングを承っております。
小規模サイトから50ページ前後の中規模サイトまで対応しています。
𓐄 𓐄 𓐄 𓐄 𓐄 𓐄 𓐄 𓐄 𓐄 𓐄 𓐄 𓐄 𓐄 𓐄 𓐄 𓐄 𓐄 𓐄 𓐄 𓐄
▮WordPressのコーディングは以下のページよりご相談ください。
・https://www.lancers.jp/menu/detail/1277304
▮部分修正、更新、機能の追加は以下のページよりご相談ください。
・https://www.lancers.jp/menu/detail/1273728
𓐄 𓐄 𓐄 𓐄 𓐄 𓐄 𓐄 𓐄 𓐄 𓐄 𓐄 𓐄 𓐄 𓐄 𓐄 𓐄 𓐄 𓐄 𓐄 𓐄
⌇サービス内容
┈HTML・CSSの静的コーディング
┈jQuery/JavaScriptの実装
┈CSSアニメーション
┈WordPressの構築(オリジナルテーマ制作 / カスタマイズ)
┈お問い合わせフォーム実装
⌇基本料金内
┈jQuery/JavaScriptの実装
┈レスポンシブ対応
┈画像圧縮による表示速度最適化(Webp対応あり)
┈SEO対策(metaタグ、画像に適切なalt、文書構造に適した適切なHTMLタグなど)
┈BEMをベースとした長期メンテナンスしやすいCSS設計
┈テスト環境のご用意
┈修正無料
⌇無料JavaScript一覧
┈簡単なスクロールアニメーション
┈ハンバーガーメニュー
┈アコーディオンメニュー
┈カルーセル/スライダー
┈モーダルウィンドウ
┈スムーススクロール
┈タブ切り替えなど、サイトによく実装されている動き。
⌇基本料金
┈トップページ¦30,000円~
┈下層1ページ¦10,000円~
┈複製ページ¦2,000円~
┈LPコーディング¦50,000円~
┈WordPress実装¦20,000円~
⌇納期¦デザイン、ボリューム、稼働状況により変動いたします。
┈トップページ:3~4日
┈下層ページ:2日~
※デザインデータ受け取り翌日からの日数です。
⌇このようなお悩みの方におすすめ
┈コーダー不足・リソースでお悩みの制作会社様
┈コーディングだけ外注したいデザイナーの方
┈社内でコーディングできる人がいない
⌇ブラウザ・端末確認一覧
┈Google Chrome Mac/Windows/iPad/iPhone/Android
┈FireFox、Microsoft Edge Mac/Windows
┈Safari Mac/iPad/iPhone
品質チェックをしてお渡しいたします。
ご満足いただけるよう、責任をもって対応させていただきます。
ご不明な点は、お気軽にお問い合わせくださいませ。
【デザイナー様向け】高品質!ランディングページデザインのコーディング代行をします
業務内容
【LPのコーディング代行をさせていただきます。】
「デザインは出来るけど、コーディングが出来ない。」
「忙しいのでコーディングだけやってほしい。」
そんな方のためのサービスです。
デザインカンプをいただけましたらそれを元にコーディングをして忠実に再現いたします。
(※Figma、XD、photoshop、illustrator、どのデザインツールでも構いません。)
レスポンシブ対応込みです。
ご要望、ご意見、ご質問など、なんでもお申し付けください!
ーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー
■当サービスの特徴
・デザインを忠実に再現
ーデザインデータを綺麗に形にいたします。 WEBデザイナーとしても活動しておりますのでデザイナーへのリスペクトを忘れず忠実にデザインを再現します。PixcelPerfectという拡張機能を用いてズレを最小限に抑えます。
・レスポンシブ対応込み
ー全ての幅で崩れがないようにコーディングいたします。デザインデータがPCのみでもご安心ください。制作会社5社と提携している経験をもとに、PCのみのデザインからスマホでも問題なく綺麗に表示されるようにコーディングをいたします。
・品質チェックテスト込み
ーコーディング後は、全ての幅、複数のデバイス、ブラウザで崩れが起きていないかきちんとテストいたします。品質チェックリストも合わせて納品させていただきますのでご安心ください。
ーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー
■ご契約後の流れ
1. 事前のヒアリング
ご契約前にヒアリングをさせて頂き、作業量・納期から正式お見積もり金額お伝えさせていただきます。
2. 仮払い・素材のご提供
打ち合わせにてご納得頂けましたら、この段階でご契約とさせていただきます。仮払いをしていただき、画像やテキストなどの素材をご提供いただきます。
3. 制作開始
不明点の確認や進捗報告など適宜コミュニケーションをお願いいたします。
4. 初稿を提出
修正がないようにコーディングいたしますが、修正点等ありましたら都度対応いたします。
5. 納品
最終確認をいただき、データ、サーバーアップロードなどお客様のご要望に合わせた形で納品いたします。
ーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー
制作会社様5社とお仕事していますので、絶対最後まで仕事を投げ出したりしません!
即レス・即対応を心がけております。
最後までテンポ良く、気持ちの良いお取引を進めていきたいと思いますのでよろしくお願いいたします!
【コーディング代行】Shopify, WordPress構築も承っております
業務内容
当パッケージをご覧いただき、ありがとうございます。
コーディング実績は50件以上あり、有名な企業様や40ページを超える学校のサイトなどの実績がございます。
静的コーディングだけではなく、WordPressやShopifyなどの構築も承っております。
【サービス内容】
・HTML/CSS/jQuery/JavaScript/PHP/Liquid
・CSS, JavaScriptを使ったアニメーション(GSAP可)
・WordPressの構築(オリジナルテーマ制作 / カスタマイズ)
・お問い合わせフォーム実装
・画像圧縮(Webp対応)
・Favicon, OGP
・SEO対策(metaタグ、画像に適切なalt、W3C準拠など)
・BEMをベースとした可読性の高いCSS設計
・テスト環境のご用意
・スマホ、タブレット実機のチェック
- Windows / Mac / iPad / iPhone / Android
【ご対応可能なデータ】
・Figma, XD, Photoshop, Illustrator
・jpegなど画像データ, PDF
・ご参考サイト
【お取引の流れ】
1.ヒアリング
デザイン及び機能やスケジュールを確認させていただきます。
2.ご契約
上記ヒアリングにて金額をご相談させていただき、ご契約となります。
3.テストアップ
当方のテストサーバーにて成果物をご確認いただきます。
4.納品
指定サーバまたはデータ送付で納品いたします。
ご満足いただけるよう、納品まで誠心誠意ご対応させていただきます。
ご不明な点は、お気軽にお問い合わせください。
【制作会社様・デザイナー様にオススメ!】デザインに忠実なコーディングをいたします
業務内容
数あるサービスの中からこちらのページをご覧いただきありがとうございます。
フリーランスでWEB制作をしている及川 と申します。
========
【 こんな方におすすめ! 】
・デザインカンプはあるけどコーディングに時間を割けない制作会社様や中小企業様・個人様
・LPやサイトのお仕事を受けたけどコーディングが苦手というデザイナー様
・HTMLやCSSはできるけどアニメーションやWordPress化は苦手という方
・忙しくて時間が割けないコーダー様
などなど
========
【 制作の流れ 】
① ヒアリング・お見積もり(必要な機能や納品方法、スケジュールについてもこちらで擦り合わせをさせていただきます)
↓
②psd・ai・XD・figmaでのデザインデータをお送りいただきコーディング作業開始
静的サイトもしくは静的サイトのWordPress化(オリジナルテーマ)で承ります。
↓
③トップページ実装・ご確認
↓
④下層ページコーディング開始
↓
⑤2、3ページ毎にご確認・進捗報告
↓
⑥テストサーバーで全体のご確認
↓
⑦上記ご確認後→修正→再度テストサーバーへアップロード
↓
⑧最終確認が済みましたらzip形式orサーバーにアップロードにて納品いたします。
※サーバーアップロードの場合はFTP情報が必要になります。
========
【 料金 】
トップページ(レスポンシブ・WordPress化込み) 33000円〜
アニメーションや複雑な機能については要相談となります。
========
【 確認環境 】
PC chrome・Safari・Firefox・Edge(Firefox・Edgeは擬似環境です)
スマホ chrome・Safari・Firefox・Edge
========
【 当サービスの強み 】
・制作会社7社と仕事をしているコーダーが制作しますので高いクオリティでデザインを再現いたします。
・作業の進捗やスケジュールなどをクライアント様との共有シートにおまとめしていつでも確認できるようにしております。
・納品前には独自の品質チェックシートを用いて確認したのち、納品させていただきます。
また、品質チェックシートは納品時にお渡しさせていただきます。
・土日も作業しております!急なご連絡なども対応可能です!
・ご連絡は基本即返信させていただいております
========
ご相談はもちろん無料で行わせていただきますのでまずはお気軽にご連絡くださいませ♪
【スマホ対応含みます!】ランディングページのコーディング代行します
業務内容
ランディングページのコーディングを承ります。
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への対応は終了いたしました。
★ 納品形式★
ファイル送付、もしくはご指定のサーバーにアップロード
以上となります。
ご不明な点がございましたら、お気軽にメッセージにてお問い合わせください。
【制作会社様、デザイナー様向け】コーディング、WordPress制作を代行します
業務内容
本パッケージはWebサイトのコーディング、WordPress制作・カスタマイズのサービスです。
▼こんな方におすすめ
・コーダー不足で外注先を探している方
・コーディングが苦手なWebデザイナー様
・ディレクションやデザインに集中したい方
など
制作会社様はもちろん、個人Webデザイナー様からも受注実績があります。
サービス運営者様、会社経営者様、個人などでも可能ですのでまずはお気軽にご相談ください。
▼内容
・静的コーディング
・LPコーディング
・WordPressコーディング(オリジナルテーマ)
・WordPress既存テーマカスタマイズ(Snow Monkey、SWELLなど)
・修正、更新などの軽微な内容
パッケージ料金は内容によって変動します。
例:軽微な修正なら5,000円、シンプルなサイトのコーディングなら1P=10,000円など
▼実績
公開・掲載が難しいものがいくつかありますので、大変お手数ですが個別にお問い合わせいただければと思います。
・Webデザイナー様からWordPress(Snow Monkey)サイトのコーディング依頼
・Web制作会社様から10~15Pの静的コーディング依頼
・Web制作会社様からWordPressサイトの更新、メンテナンス
など
▼納品までの流れ
①ヒアリング
②ご契約、仮払い
③制作開始
④確認・修正
⑤納品
HTML / CSS 【Wordpress対応】レスポンシブコーディングいたします
業務内容
ご覧いただきありがとうございます。
制作会社での経験を活かし、Webサイトの修正や更新をはじめ、
新規Webサイトのコーディングを1ページから承ります。
制作の際は、
◎ デザインを忠実に再現
◎ メンテナンスしやすいコード
◎ SEOに配慮したマークアップ
を心掛けています。
【 スタンダードプラン・プレミアムプランに含まれるもの 】
・HTML / CSS コーディング
・レスポンシブ対応(ブレイクポイント1箇所)
・内部SEO対策
・お問い合わせフォームの実装
・ハンバーガーメニュー、スライダー、アコーディオンなどの基本的な動きの実装(javascript / jQuery)
・各種ブラウザ動作確認(Chrome、Firefox、Edge、Safari ※最新版)
・修正無制限(※仕様変更は別途費用がかかります)
・画像圧縮
※デザインデータはご支給ください。
※スタンダードプランの価格について、システム上¥10,000〜の表記となっておりますが、
最安値¥5000〜承ります。
【 ご予算・納期について 】
各プランの価格・納期は目安です。
ご要望により変動いたしますので、まずはお問い合わせください。
【 オプションメニューWordpress構築に含まれるもの 】
・更新機能の実装
・セキュリティ対策
【 制作の流れ 】
ご依頼内容の詳細をお聞かせください。
↓
納品日・金額のご提示
↓
ご契約
↓
デザインデータ・素材等の共有
↓
作業開始
↓
ご確認・修正
↓
納品
【 制作者について 】
Web制作会社・デザイン広告制作会社・Webマーケティング会社に従事後、フリーランスとして活動。
現在はコーディングを中心に、制作会社様より業務を請け負っています。
迅速・柔軟・丁寧な対応を心がけております。
納品後のアフターフォローもお気軽にご相談ください。
HTML/CSSコーディング|レスポンシブ対応|確実・丁寧・安心をお届けします
業務内容
【サービス内容詳細】
・HTML/CSSコーディング
・レスポンシブ対応
・アニメーションの実装
・各種ブラウザの表示確認
・無制限の修正対応
・公開作業(zipで納品も可能です)
【本サービスの強み】
◼︎細部にこだわった丁寧な構築
→細部の設定を見逃さないため、基本的にピクセルパーフェクトでブラウザとデザインを重ね合わせて差異がないか確認をします。
デザインに応じてリキッドレイアウトや最適なブレイクポイントを選択し、どのブラウザで見てもズレのないよう構築します。
◼︎保守・運用を考慮したCSS設計
保守や運用をしやすいよう、命名規則はBEMをベースに柔軟性を持たせて設計しております。
SCSSで構築を行い、ページやパーツごとにディレクトリを分割・整理しております。
ページ追加の場合は、既存サイトの設計にあわせて構築いたします。
◼︎丁寧なコミュニケーション
リモートだからこそよりご安心いただけるよう、迅速なレスポンスや進捗の報告に加え、温かいコミュニケーションをこころがけております!
【制作会社様・デザイナー様向け】コーディング代行します
業務内容
▼以下の3つでお困りでしたら、まずはお気軽にご相談ください!
1.「案件が溢れてコーディングの対応がしきれない」
2.「円滑にコミュニケーションを取れるコーダーを探している」
3.「専属でコーディングを代行してほしい」
3つのお悩み全て解決いたします!
▼スケジュール、強み
✅フリーランスの方2名とWeb制作会社様2社と業務提携中。
✅1分以内の超即レス
✅品質管理チェックシートで品質チェックいたします。
✅SEO対策を意識したコーディング。
✅365日いつでも対応可能!
▼提供できること
✅HTML/CSS/SCSS/jQuery/JavaScript/コーディング
✅WordPress化
✅表示崩れの起きないレスポンシブ対応
✅サーバーへのアップロード
【制作会社様・デザイナー様向け】デザインを忠実に再現!コーディング代行いたします
業務内容
本パッケージはWebサイトのコーディング代行サービスです。
ココナラプラチナランク・100件以上の販売実績有り!
この度ランサーズにも参入いたしました。
ぜひお気軽にご相談下さいませ!
■□――――こんな方におすすめ――――□■
「デザインデータはあるけどコーディングをする時間がない」
このようなお悩みをお持ちではありませんか?
・コーディング業務の外注先をお探しの方
・コーディングが苦手な個人Webデザイナー様
・継続的にお願いできるパートナーを探している制作会社様
ご満足頂けるように丁寧かつ柔軟な対応を心掛け、満足していただけるサービスを提供しています
■□―――― 料金 ――――□■
・トップページのコーディング:15,000円 〜
・下層ページのコーディング :8,000円〜 / 1ページ
・LPのコーディング:25,000円〜
・アニメーション:要相談
・Wordpress構築:要相談
※ 上記は基本料金となります。ページの長さやデザインの内容によって価格変動ございます。
※ レスポンシブ対応込みの価格になります。
※ Wordpress対応ご希望の方はカスタマイズからご相談ください。
修正や部分コーディングも対応可能ですのでお気軽にご相談くださいませ。
■□―――― 対応可能データ ――――□■
・XD、Photoshop 、Illustrator、Figma等
※ 確認用に、一枚で書き出した画像データ(JPEGかPNG)を一緒に送付ください。
※ Illustratorの場合はリンク画像も添付(もしくは埋め込みで)お願いいたします。
■□―――― 納品までの流れ ――――□■
① ヒアリング・お見積もり
② ご契約・デザインデータお預かり
③ コーディング
④ テストアップ(ご確認・修正)
→ テスト環境にアップしお客様にブラウザで確認いただきます
⑤ 最終確認・納品
■□―――― 納品形式 ――――□■
・zipファイルの送付
・ご指定のサーバーへのアップロード
■□―――― 注意事項 ――――□■
・必ずデザインデータをご用意下さい。
・WEBフォントを使用したデザインの場合、フォントの契約はお客様の方でご準備をお願い致します。
・コーディングのルールがございましたら事前にお知らせください。
・コーディング着手後に大幅なデザイン変更があった場合、追加料金が発生する場合がございます。
・サーバーのご準備はお客様の方でお願い致します。
※デザインデータがない状態でのご相談が増えております。参考サイトのみのご提示やデザイン作成込みの対応は行なっておりませんのでご了承ください
※やりとりの間に1週間以上ご回答がない場合はキャンセルさせて頂く場合がございますのでご了承下さい(ご回答にお時間かかる場合はその旨をお伝え頂くようお願いいたします。)
ご満足頂けるように丁寧かつ柔軟に対応致しますので、疑問に思った点などがあれば、お気軽にご相談下さい。
HTML.CSSであなたのHPやLPのデザインコーディングいたします
業務内容
ある中からご覧いただきありがとうございます!
・とにかく忙しくてコーディングは任せたいWEBデザイナーの方
・費用は抑えてHP・LP作りたい方
こんな方ご相談ください!飲食業、フィットネス、教育系、美容系、宿泊系など
オープニング価格でお安くコーディングします。
レスポンスはすぐにするように心がけております!(10時間以内)
対応含めてご満足頂けるように致します。
◉サービス内容
・デザインデータからのHTML・CSSのコーディング
(photoshop、XD、figmaなどのデザインからコーディングいたします。)
・ギャラリー、SNS機能、お問い合わせフォーム、レスポンシブ対応は基本料金に含まれています。
◉ご相談からの流れ
①お見積りからお願いします。デザインデータがあれば共有ください。
②初稿提出
10日で提出させていただきます。
ご確認いただきフィードバックを頂きます。
③修正案提出
3日以内で提出させていただきます。
ご納得いただけるまで何度でも修正させていただきます。
④納品
ご満足いただけた時点で納品のお手続きをさせて頂きます。
気に入っていただけましたら是非ご評価を頂けますと幸いです!
◉納期
着手から大体2週間。内容により短くなることもあります。
極力早く納品できるように対応いたします。
確認事項のご返信が滞ると納期が遅れる可能性があります。
◉納品方法
html・cssをzip形式にて納品またはサーバーにアップロード
実績としてポートフォリオに掲載させていただくことをご了承いただけますと嬉しいです。
素敵なご縁になりますように精一杯努めます。よろしくお願いします。
【制作会社様・デザイナー様向け】デザインデータからのコーディング代行致します
業務内容
数ある中かからこちらのパッケージ出品をご覧いただき誠にありがとうございます!
個人でコーダーをしております、水田と申します。
丁寧なやりとりとコーディングで、お客様の業務負担を減らします。
まずはお気軽にご連絡ください。
■こんな方におすすめ
- ☆繁忙期でリソースが足りない制作会社様
- ☆デザインはできるけどコーディングは他の方にお願いしたい
■プランに含まれるもの
- レスポンシブ対応
- アニメーション:ハンバーガーメニュー/アコーディオン/スライダー
- お問い合わせフォーム:ベーシックプランはプラス5000円、レギュラー/プレミアムプランは料金内にて承ります。
- 修正無制限無料(大幅なデザイン変更はご相談ください)
■事前にご用意するもの
- デザインデータ(XD/figma/Illustrator/Photoshop)
- 画像データ(JPG/PNGなど)
■納品までの流れ
①ご相談・お見積もり
デザインデータと画像データを元にチャットでお打ち合わせを行います。
その後、お見積り金額を提示させて頂きます。
②仮払い
ご依頼内容および金額が決まりましたらご契約になりますのでその際に、仮払いをお願いいたします。
③デザインデータをご用意ください
(プラン日数はご提供頂いてからの日数になります)
④制作開始
⑤初稿提出〜修正
(テスト環境の情報をお伝えしますのでそちらでご確認ください)
⑥納品
(ファイル形式を添付し納品、またはサーバーにアップロードいたします)
※サーバーにアップロードの場合はFTP情報をご準備ください。
■その他
※制作物をポートフォリオに掲載させていただく場合がございます。
掲載不可の場合はお知らせください。
【Wordpress対応】即日対応可能!デザイン通りのコーディング代行を承ります
業務内容
Webコーダーをお探しの方必見! のコーディングを代行します。
・デザインはあるけどコーディングはお願いしたい
・デザインをきちんと再現してくれるコーダーを探している
・JavaScriptでサイトに簡単なインタラクションを加えたい
など、ホームページ・ランディングページのWebコーダーをお探しの方はぜひご検討ください。
▼業務内容
【パッケージ内容について】
■ベーシック
【Wordpressテーマ使用】 Wordpress内のテーマでカスタムCSSを使用しコーディング
■スタンダード
【静的トップページ】 HTML/CSS/Javascript(JQuery)静的コーディング
■プレミアム
【静的LP(ランディングページ)/1枚(10,000pxまで)】 HTML/CSS/Javascript(JQuery)静的コーディング
【各プラン料金に含まれるもの】
・ 静的コーディング
・LPのコーディング
・レスポンシブ対応
・スライダー、スワイパー、アコーディオン、ハンバーガーメニューなどアニメーション開始の実装
【対象ブラウザについて】
■パソコン(Mac)
Chrome、Safari 各最新版
■スマートフォン(iOS)
Chrome、Safari 各最新版
【納品形式について】
データ納品(ファイル一式を zip 圧縮したもの)又は指定のサーバーにアップロードして納品いたします。
(サーバー納品の場合は一般的なレンタルサーバーのみ対応)
▼納品までの流れ
①ご相談
↓
②お見積もりの提出
↓(※ここまで無料です!)
③デザインカンプや素材等のご提供
↓
④コーディング
↓
⑤制作物の確認・修正(テスト環境用意いたします)
(※納品前の修正は無制限でご対応いたします。大幅なデザインの変更の場合、追加料金を頂戴します。)
↓
⑥最終確認後に納品
ご購入にあたってのお願い
◆ECサイトの実装は対応しておりません。
◆制作させていただいたwebサイトは実績としてポートフォリオに掲載させていただく場合がございます。掲載不可の場合はお知らせください。
◆デザインデータについて
・Adobe XD, figmaに対応しております。それ以外の場合は事前にご相談ください。
・有料フォントを使用されている場合、読み込みタグやデータをご共有ください。
【LP】HTML/CSSレスポンシブコーディングいたします
業務内容
2022 Top 100 Lancer掲載の認定ランサーがコーディング代行いたします!
ランディングページ(LP)でサービス・商品を訴求したいあなた様へ。こんなことにお困りではないでしょうか?
✅「PC用のデザインしか用意していないが、レスポンシブには対応したい」
✅「デザインは用意できるけどコーディングは外注したい」
✅「自社でコーディングする時間を確保できない」
✅「特定の箇所は後から変更・更新できるようにしておきたい」
そういったお困りごとに2022 Top 100 Lancer掲載の認定ランサーが丁寧に対応させて頂きます。 まずはご相談ください。そちらでご検討いただいて、満足していただけるものを提供したいと思います。
飲食店、士業、美容、建設・不動産、スクールなど業種に関わらず受け付けております。
3つのプランをご用意しておりますので、お作りしたいものに合わせて最適なプランをご用意致します。
『見積もり・カスタマイズの相談』ボタンからご相談を受け付けております。お気軽にお問い合わせください。
【対象】
- 下請けをお探しの法人様
- 協業をお探しの Webデザイナー様
- 依頼の一部を外部リソースに依頼したいコーダー様
【活動実績】
- 2022 Top 100 Lancerに掲載
【納品までの流れ】
1. 出品者へDM(ダイレクトメッセージ)を送信
「見積もり・カスタマイズの相談」というボタンから問い合わせフォームに移動します。
納品希望日と相談内容の業種を入力していただきます。
2. 出品者から相談者様へ返信
送っていただいた内容について質問や回答を行います。
3. 注文・仮払い
納得いただいた場合に注文をお願いします。
4. 製作開始
5. 納品物の確認と修正
お客様に納品物を確認していただき、修正が必要な箇所を指摘して頂きます。
6. 最終納品
納品日から3日間無制限に修正対応致します。
【主な確認事項】
- フォント
- ホバーアニメーション
- ヘッダーの動き
- ハンバーガーメニューの開き方
- メタタグ、OGP
- 各リンク先
- ファビコン
- 電話番号のタップ挙動
- フォーム用メールアドレス
- 確認及びサンクスページの有無
- 画面幅がデザインカンプより広がった場合の挙動
【注文時のお願い】
- ご相談の上で対応出来ないと判断したものは、受注前にお断りさせていただくことがございます。
ご了承の程よろしくお願い致します。 - デザインカンプはFigmaもしくはXDファイルでの提供をお願いいたします。
【注意点】
納期はデザインデータなどすべての提供素材のご提示からのカウントとなります。
出品サービス購入からデータをお送りいただくまでの日数は納期に含みませんのでご注意ください。
納品方法がレンタルサーバーへのアップロードをご希望の場合は以下の3点にご注意下さい。
- ドメインとレンタルサーバーのご契約済みであること
- DNS設定が反映されている状態であること
- FTP接続情報のご用意
WordPressの構築も依頼内容に含む場合は、こちらもご用意をお願いいたします。
- レンタルサーバーのコントロールパネルのログイン情報
または - phpMyAdminへのログイン情報
※ご依頼時にもご案内させていただきます。納品前にはご用意をお願いいたします。
ご不明な部分があればお気軽にお知らせください。
【その他】
またこのようサービスを出品しております。
https://www.lancers.jp/menu/detail/1227479
サムネイル右上にある再生ボタンを押していただくと、12秒程の短いメッセージ動画が再生されます。
よろしければ御覧ください。
経験豊富なエンジニアが、あなたのデザインをコーディングします
業務内容
経験豊富なエンジニアがあなたのデザインをコーディングします。
ご提供を受けたデザインから、HTML、CSS、JSなどのコーディングを行います。
ZIPファイル、Github、またはサーバーへ直接公開など、ご希望の形で納品いたします。
当方では、デザインを忠実に再現し、美しく正しいコーディングを心がけています。
・コーディングの外注先を探している方
・コーディングの質を重要視する方
・技術的に可能かどうか迷っている方
ぜひご相談ください。
【ご依頼・制作の流れ】
①打ち合わせ〜お見積り
ご依頼内容を伺います。
サイトの概要、ページ数、スケジュール、ドメイン・サーバーの有無などお聞かせください。
サイトマップやワイヤーフレームがあるとスムーズです。
②デザインのご提供
デザインはフォトショップまたはXDでご提供ください。
PC用のデザインしかない場合でも、レスポンシブ対応はお任せでご依頼いただけます。
③コーディング開始
スケジュールに沿ってコーディングを行います。
ワードプレスの場合は、管理画面の構築〜オリジナルテーマの作成となります。
④プレビュー
プレビュー環境を用意し、ブラウザで本番同様にご確認いただけます。
*プレビュー環境は、サーバーの有無やご依頼内容により最適なものを提供します。
⑤納品・公開
納品前にはW3Cのバリデーションチェックを行っております。
(基本No Errorで納品していますが、外部連携など場合によりWarningかinfoレベルは許容範囲とします。)
また、公開時の設定(アナリティクスやサーチコンソール)も無料で対応可能です。
【無料サービス】
・レスポンシブ対応(スマホメニューも含む)
・スライドやアニメーション(複雑ではないもの)
・W3Cバリデーションチェック
・公開時設定(アナリティクス、サーチコンソール)
・レンタルサーバーの設定、ドメインの設定など軽微なサーバー作業
【ワードプレスについて】
ページごとの料金の目安は同じです。
規模や複雑さにより、管理画面構築に工数がかかる場合がありますので、事前にご相談ください。
1ページからお気軽に!!HTML/CSSコーディング代行いたします
業務内容
はじめまして!
沢山のパッケージの中からご覧いただきありがとうございます!
フリーランスでWebコーダーをしております吉岡 茜と申します。
信頼できるコーダーをお探しの方に!
- コミュニケーションがスムーズ!!
- 報告連絡相談を素早く、徹底!!
- 納品まで責任をもって対応!!
- 明るい、丁寧、寄り添い対応!!
以上の点をお約束いたします!
【対応内容】
・HTML/CSSを用いた静的コーディング(レスポンシブ対応込み)
・JavaScript、またはjQueryを用いたスライダー、スクロールアニメーション、アコーディオン、ハンバーガーメニューなど。ご相談ください)
【制作の流れ】
①ヒアリング
ページ構成・必要な機能などを確認いたします。
②お見積り
納期や金額を提示させていただきます。
③制作・確認
ページ毎でのご確認をお願いいたします。
※ 気になる点がある場合、可能な限り修正対応いたします。
④納品
品質チェックシートを用いて確認後、制作物をzipファイルにて納品させていただきます。
【ご用意していただくもの】
・デザインカンプデータ(XD、またはFigmaでお願いいたします)
・サイト内の原稿 →コピペできる形でお願いします
・画像素材
【ご連絡について】
Chatwork, Zoom, Slack
即レスいたします!(21時までのご連絡においては、2時間以内に返信いたします)
WebサイトのHTML・CSSコーディングをいたします
業務内容
ご覧いただきありがとうございます。
デザインはあるけどコーディングができなくて困っている方へ
デザインさえ用意してもらえればクオリティの高いコーディングをいたします。
【基本サービス内容】
・HTML / CSS コーディング (静的コンテンツのみ)
・レスポンシブ対応
※スタンダード・プレミアムプランは上記プラス
・jQueryやCSSアニメーション
【オプションでのサービス内容】
・jQueryやCSSアニメーション (スクロール時のアニメーション表示、ハンバーガーメニューなど) 1箇所:4,000円〜
・下層ページのコーディング:10,000円〜
【注意事項】
・レンタルサーバーの用意とドメイン取得はお客様自身でお願いします
・デザインデータはXDかFigmaであれば共有URLでお願いします
・1ページのコンテンツ量が多い場合は追加料金する場合があります
・コーディング方法はVSCodeで実装していきます
まずは相談かメッセージでお気軽にお問い合わせください。
【デザイナー様・ディレクター様】デザインに忠実&スピーディーにコーディングします
業務内容
■サービス内容
・LPのコーディング
・WordPressを用いた簡単に更新できるサイトのコーディング
(WordPressオリジナルテーマも可能)
■当サービスの特徴
・低予算かつ短納期で納品
→デザイン以降のコーディング部分に全力を注いでいるため、低予算でスピーディーに対応します。
・高品質な実装を行います
→コーディング後には(chrome、safari、firefox、edge)の各ブラウザにて表示崩れがないか等の品質チェックを行います。
・WordPressのコーディングも可能
→オリジナルテーマでの制作も可能ですので、お客様こだわりのデザインのサイトもWordPressで実装することができます。
・複雑なアニメーションも実装可能
→CSSアニメーション(GSAPライブラリ)を使い、スクロール時やサイト表示時にふわりと表示されるなどの魅力的なアニメーションを実装することができます。
・表示スピードを少しでも早く(脱jQuery)
→サイトに動きを表現するときにjQueryは使用せず、JavaScriptで書くことによってサイトの表示スピードを少しでも早くすることができます。
■全プラン無料の標準サービス
・レスポンシブ対応(スマホ対応)
・基本的なSEO対策
・クロスブラウザ対応(chrome、safari、firefox、edge)
・各種SNSへのリンク
・GoogleマップやYouTubeの埋め込み対応
(以下、Wordpressを使用した場合)
・ブログ機能
・ブログ以外の投稿機能(カスタム投稿)
・簡単に更新できるテンプレート設置(カスタムフィールド)
・基本的なセキュリティ対策
■こんな方におすすめ
・コーダー不足で外注先を探しているディレクターさま
・コーダーのパートナーを探しているデザイナーさま
・手早く丁寧にコーディングをしてくれる人をお探しの方
■私の強み
・コーディング歴4年目の経験がある
・デザイン会社と提携させていただいている
・WordPressの構築も可能
・複雑なCSSアニメーションも可能
私は現在、デザイン会社様より継続的に案件をいただいており、コーポレートサイトから個人事業主さまのブログサイトなど、幅広くWEB関連のコーディング案件を請け負っております。このような現場で培った経験を活かし、デザインに忠実に、なおかつ保守性の高い丁寧なコードを実装いたします。
■制作の流れ
- ヒアリング
(※ZOOMでのオンラインミーティングも可能です) - お見積もり金額を提示
- デザインデータを共有、コーディング開始
- 完成品の確認・修正
- 最終確認、データ納品
- 完了報告からお支払いまでのお手続き
■具体的な納品物
・本番環境に公開(お客様の方でご用意いただいているサイトに公開いたします)
・ファイル納品(テーマファイルをZip形式に圧縮してお渡しいたします)
■過去の実績
・岐阜県で新規オープンされたホテルのHP
・神奈川県の訪問介護事業をされている会社のHP
・愛知県にあるスーパー銭湯のHP(下層ページ)
その他・・
■私の特徴
私は会社員として10年以上、経理業務に携わっていた経験があります。毎日、何十行もの仕訳入力を慎重かつ迅速に行ってきました。そんな経理職で培ってきた正確さと速さを活かし、コーダーとして活動しています。
WEB制作の実績としましては、コーポレートサイトから個人事業主のサロンまで幅広いジャンルのサイトを構築してきました。
特に意識してやっていることは、お客様の要望に合わせて、「見やすく、使いやすい」サイトを作ることです。
例えば、コーポレートサイトでは、企業のイメージやブランドをしっかりと反映させ、信頼感のある印象を与える実装を心掛けています。ボタンの上にカーソルを乗せたときのちょっとした動作も、俊敏で安定感のあるアニメーションを意識してきました。
一方で、個人事業主のサロンなどの場合は、和やかな雰囲気や癒しを感じる実装を心がけています。お店のイメージを引き立て、全体をやんわりと表示させるなど、お客様がこのお店に行きたいと思えるような魅力的な実装を意識してきました。
また、ユーザビリティの視点から、サイトの表示スピードを上げるためにjQueryを使用しないことや、異なるデバイスのブラウザでも表示崩れがないように、コーディング後にはしっかりとチェックを行っています。
私にお声がけいただければ、シンプルで直感的に操作しやすい実装をお約束いたします。
まずはお気軽にご相談ください。
お待ちしております。
HTML、CSS、javascript。デザインに合わせた最適なページ作成します
業務内容
\デザインを持っているがコーディングして欲しい/
ぜひご相談ください!
こんな方におすすめ
✅「自分でコーディングする時間がない」
✅「デザインは持っているがコーディングは外注したい」
✅「現状のサイトでPCデザインしかないので、レスポンシブデザインに対応したい」
✅「既存のサイトを一部修正してほしい」
制作の流れ
1.メッセージにて打ち合わせの日程調整を行う
2.メッセージにて打ち合わせ、素材提供
3.ご購入
4.制作開始
5.ページ確認(お客様にてご確認いただきます)
6.納品
WordPressについて
作成したページをワードプレス化することも可能です。
◼ご用意いただくもの
- ご自身がお持ちのデザインカンプ
【制作会社様・デザイナー様向け】コーディング代行(WordPress可)いたします
業務内容
つながりと出会いを大切に、ワクワクする毎日を
初めまして、enen 代表 橋口 真幸と申します。
沢山のランサー様の中から、ご覧いただき誠にありがとうございます!
即レス・丁寧なご対応とご提案をさせていただき、
お客様により良いものをご提供いたします。
前職は公務員をしており、
日々の連絡やコミュニケーションをスムーズに進めることを意識しております。
報告・連絡・相談がうまく回らない場所はどこかで不安や不満が溜まっていきます。
そのような不安をさせたくないし、したくありません。
お客様の想いを丁寧にコーディングし、納品まで丁寧にご対応いたします!
◆作業内容
・HTML/CSSを用いた静的コーディング(1ページ〜複数ページ対応可能)
・レスポンシブ対応
・JavaScriptの動的実装(ハンバーガーメニュー、スライダー、アコーディオン、タブ、スクロールなど)
・WordPress化(初期設定やSSL化・SEO対策~カスタム投稿・カスタムフィールドなどのカスタマイズまで)
・XD、Photoshop、Illustrator、Figmaなど各種デザインツールに対応可能です。
・デザインの軽微な修正におきましては3回までとさせていただきます。
・デザインと納品物が異なる部分につきましてはこちらの責任ですので、何度でも修正対応いたします。
※金額はトップページ(最低価格)となっております。
◆制作の流れ
- ご相談及びお見積り
- デザインのご提供
- コーディング
- ご確認・修正
- 最終確認・納品
※納品方法は基本Zipファイルにて送付致します。
ヒアリング時にご依頼があればサーバー納品にも対応可能です。
◆納期
トップページの場合、
3日ほどお時間いただいております(作業量により増減します)。
1サイト(15ページほど)の場合、
静的コーディングは20日ほどお時間いただいております(作業量により増減あり)。
ご希望納期がある場合はお気軽にご相談ください。
◆実績
クリーニング店様のサイト制作
メンズエステ店様のLP制作
エステサロン様のサイト制作
ブログサイトのサイト制作
某電気保安協会様採用ページ制作
お客様との商談、デザインの確認、修正など
デザインが出来上がるまでにたくさんのやり取りがあったことと思います。
その想いをしっかりと形にしてお客様に届けたい。そして笑顔になってもらいたい。
ここからご縁が生まれるのを心より楽しみにしております。
【デザイナー様/制作会社様】レスポンシブコーディングいたします
業務内容
いただいたデザインを元に、HTML / CSS / Javascript・jQueryでコーディングいたします。
前職までのサイト運用やWebマーケティング、SEOの知見を活かしながら、
◎デザインに忠実
◎シンプルな記述
◎納期や修正など柔軟な対応
を心がけています。
【ベーシックプランに含まれるもの】
web制作のご相談や、既存サイトの一部修正など
まずはお問い合わせください
【スタンダードプランに含まれるもの】
・HTML/CSSコーディング1ページ
・レスポンシブ対応(PC/スマホ/タブレット)
・スムーススクロールなど簡易なアニメーション
・画像の圧縮、最適化(webp対応可)
・metaタグ設定(titleタグ、ファビコン、OGP画像など)
<内容に応じお見積もり>
・スライダーやハンバーガーメニューなどの設置、カスタマイズ(javascript)
<ご要望に応じ対応いたします>
・gitでのコード管理
【プレミアムプランに含まれるもの】
特定のコーディングルールの対応など
【以下もご相談ください】
※2ページ以上の制作
※納期の短縮
※既存サイトの修正(Wordpressサイトも可能)
※PC版のデザインデータからスマホ版レイアウト作成
※フォーム設置・改修
※SEO内部対策の代行
※jQueryをjavascriptに書き換え
※表示速度の改善
【ご予算について】
記載の金額は目安です。
ご用件に応じ変動いたします。まずはご相談ください。
【納品までの流れ】
ご依頼内容の詳細をお聞かせください
↓
お見積りを提示いたします
↓
ご納得いただけましたら、ご発注をお願いします
↓
素材等の共有をお願いします
↓
制作開始〜確認・修正
ビデオチャット/電話での打ち合わせ可能です
↓
納品
【自己紹介】
制作会社でのWebデザイナーのアルバイト後、企業のweb担当として5年超、コーディング、サイト設計、運用、SEO対策など経験(SEO検定1級所有)。
バナー作成や、POP・チラシ等の印刷物もデザイン・制作経験あり。
現在はHTMLコーディングを主にフリーランスとして活動中です。
ー丁寧対応ーお手頃価格でフロントコーディング担当いたします
業務内容
★こんな方におすすめ★
・コーディングだけお任せしたい方
・コーダーのリソースが不足中の方
・繁忙期のみご依頼したい方
・こまめな進捗報告など丁寧なやり取りをご希望の方
★プランについて★
・修正無料です。
(大幅な変更など追加のご要望によるものは別途相談させていただきます)
・(スマホ画面幅)レスポンシブ対応込みです。
・ヘッダー追従、簡易なホバーアニメーション、ハンバーガーメニュー(スマホメニュー)、Q&Aで使用されるようなアコーディオンメニュー、TOPへ戻るボタンはプランに含みます。デザインのご共有時にご希望お伺いできれば幸いでございます。
★わたしについて★
・平日日中の連絡可能です。
(水曜の午前中や用事の際は連絡が遅れる事もありますが、必ずその日中に返信いたします)
・納期守る、返信は途切れない、とばないなど最低限のことを厳守いたします。
・約一年フリーランスコーダーとして活動し、Wordpress構築やフロントコーディングを担当して参りました。
【制作会社様・デザイナー様向け】デザインを正確にコーディングいたします
業務内容
ご覧いただきありがとうございます!
現在私はWEB制作フリーランスとして主にデザインカンプからのコーディングを行なっておりますとみーと申します。
本サービスはホームページやLPのコーディング代行サービスです。
LPのようなシングルページからコーポレートサイトのような複数ページ、オリジナルのWordPressサイト作成まで幅広く対応しております。
・社内リソースが足りずデザインのコーディングは全てお願いしたい
・デザインはできるがコーディングが苦手で時間がかかる
・ブログ更新があるのでWordPressで構築して欲しい
・デザインの世界観をアニメーションで幅広く表現したい
このような方には特にお役に立てるサービスとなっております。
特にJavaScriptを使用したアニメーションの実装を得意としております。
▪️当サービスの対応可能範囲
・HTML / CSS / JavaScriptを用いたコーディング
・レスポンシブ(スマホ対応)
・WordPress実装
・お問い合わせフォーム実装
▪️納期目安
1ページのみのLPサイトであれば1週間程(初稿の提出)で対応させていただきます。
▪️料金目安
LP : 30,000円 〜
複数ページサイト
Top 20,000円 〜
下層ページ 5,000円 〜
※初回ご依頼のお客様は半額で対応させていただきます。
※ご予算に応じて柔軟に対応させていただきますのでこの限りではございません。
▪️主な制作の流れ
①ヒアリング・お見積り・要件確認
②デザインデータ、画像等のご提示
③コーディング作業開始
④初稿提出・確認いただき修正があれば対応いたします
⑤納品
▪️納品方法
圧縮ファイル(ZIPファイル)納品
サーバーアップロード(FTP情報が必要となります)
どちらでも柔軟に対応させていただきます。
納品後の修正箇所があれば最後まで責任を持って対応させていただきます。
ご相談だけでも問題ございませんので、お気軽にお問い合わせください!
デザインに忠実なレスポンシブサイトをコーディングいたします
業務内容
ご覧いただきありがとうございます。
安心してお取引いただけるよう、丁寧な対応を心掛けております。
当方では、デザインデータからWebサイトのコーディングを承っております。
---------- このようなお悩みの方におすすめです ----------
・コーディングをお願いしたけどデザインと違うものが納品された
・コーダーが足りない
・コーディングふだけ外注したい
・レスポンシブ対応してほしい
---------- 対応できる内容 ----------
・HTML・CSSを使ったコーディング
・JavaScript/jQueryを使った簡単なアニメーションの実装
・WordPressの導入・構築・改修
・お問い合わせフォームの実装(セキュリティ面を考え、自作ではなくツールを使用します)
小さな修正から新規のサイト制作まで幅広く対応可能です。
【料金内で対応可能な動き】
・ハンバーガーメニュー
・スライダー
・アコーディオン
・タブ切り替え
【お見積りについて】
記載の金額は目安のものとなります。
作成するページ数・要件に応じて金額は変動いたしますのでご了承ください。
ご予算に応じて調整もできますので、お気軽にご相談ください。
【料金内で対応可能なこと】
・画像圧縮
・修正(デザインが大きく異なる場合は、別途料金をいただく場合がございます。)
【オプション料金にて対応可能】
・下層ページの追加
・JavaScriptを使用したアニメーション
(アニメーションの内容によっては実装できない場合がございます。)
・PHPメールフォームの実装
※上記にない内容につきましては別途お見積りさせていただきます。
---------- 対応可能データ ----------
・adobe XD
・Figma
・Illustrator
---------- 納期について ----------
デザイン、ボリューム、稼働状況により変動いたしますのでご了承ください。
・トップページ:5日~
・下層ページ:2日~
※デザインデータ受け取り翌日からの日数です。
※急ぎの場合はご相談ください。
---------- 確認端末、ブラウザ ----------
・Google Chrome
> Mac, Windows, iPhone14
・Safari
> Mac, iPhone14
・Firefox
> Mac, Windows
・Microsoft Edge
> Windows
---------- ご依頼・制作の流れ ----------
①”まずは相談する(無料)”ボタンよりお問い合わせください。
②ヒアリング:HPの詳細をお伺いさせていただきます。
③制作開始:HPを制作させていただきます。
④ご確認・修正:制作したHPをご確認いただき、必要に応じて修正させていただきます。
⑤ご納品:お客様の希望に応じて納品させていただきます。
ご満足いただけるよう、精一杯対応させていただきます。
まずは、お気軽にご相談いただければ幸いです。
【初回お試し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やバナーのデザインを作ってほしい など
ホームページの修正、カスタマイズ、レスポンシブ対応承ります
業務内容
HPの修正、カスタマイズを行いたいけど、結構費用がかかりそうだな。。。
そう思ったあなた!!
一度当サービスにご相談してみませんか??
業者に頼むよりもお安く実現できるかもしれませんよ!
お客様の要望に合わせて、柔軟な対応をさせていただきます。
仕様内であれば何度でも無料で修正対応をさせていただきますし、レスポンシブ対応も行います。
また、ご注文から最短翌日に納品可能です。内容により変わってきますので、ぜひご相談ください。
ex)
・HPの文言を修正したい
・画像を差し替えたい
・背景、文字の色を変えたい
・新しいコンテンツを追加したい
・お問い合わせフォームを追加したい
・スマホにすると表示が崩れる
・HPに動きをつけたい(モーダル、スライダー等)
・独自のWPテーマを修正したい
お客様のニーズに合わせたソリューションを提供し、素敵なWebサイトやデザインを一緒に作成していきたいと考えております。
どうぞお気軽にご相談ください。よろしくお願い致します!
【デザイナー様向け】高品質!ホームページデザインのコーディング代行をします
業務内容
【ホームページのコーディング代行をさせていただきます】
「デザインは出来るけど、コーディングが出来ない。」
「忙しいのでコーディングだけやってほしい。」
そんな方のためのサービスです。
デザインカンプをいただけましたらそれを元にコーディングをして忠実に再現いたします。
(※Figma、XD、photoshop、illustrator、どのデザインツールでも構いません。)
レスポンシブ対応込みです。
ご要望、ご意見、ご質問など、なんでもお申し付けください!
ーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー
■当サービスの特徴
・デザインを忠実に再現
ーデザインデータを綺麗に形にいたします。 WEBデザイナーとしての活動もしておりますので、デザイナーへのリスペクトを忘れず忠実にデザインを再現します。PixcelPerfectという拡張機能を用いてズレを最小限に抑えます。
・レスポンシブ対応込み
ー全ての幅で崩れがないようにコーディングいたします。デザインデータがPCのみでもご安心ください。制作会社5社と提携している経験をもとに、PCのみのデザインからスマホでも問題なく綺麗に表示されるようにコーディングをいたします。
・品質チェックテスト込み
ーコーディング後は、全ての幅、複数のデバイス、ブラウザで崩れが起きていないかきちんとテストいたします。品質チェックリストも合わせて納品させていただきますのでご安心ください。
ーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー
■ご契約の流れ
1. 事前のヒアリング
ご契約前にヒアリングをさせて頂き、作業量・納期から正式お見積もり金額お伝えさせていただきます。
2. 仮払い・素材のご提供
打ち合わせにてご納得頂けましたら、この段階でご契約とさせていただきます。仮払いをしていただき、画像やテキストなどの素材をご提供いただきます。
3. 制作開始
不明点の確認や進捗報告など適宜コミュニケーションをお願いいたします。
4. 初稿を提出
修正がないようにコーディングいたしますが、修正点等ありましたら都度対応いたします。
5. 納品
最終確認をいただき、データ、サーバーアップロードなどお客様のご要望に合わせた形で納品いたします。
ーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー
制作会社様5社とお仕事していますので、仕事を投げ出すようなことはありません!
即レス・即対応を心がけております。
最後までテンポ良く、気持ちの良いお取引を進めていきたいと思いますのでよろしくお願いいたします!
レスポンシブ対応可能!デザイン通りにHP、LPのコーディング承ります
業務内容
■サービス内容
ーーーーーーーーーーーー
・HTML/CSSを用いた静的なコーディング
・JavaScript(jQuery)を用いたアニメーション実装
(ハンバーガーメニュー、スライダー、アコーディオン等)
・レスポンシブ対応
修正回数については無制限です!ご満足いただけるまで責任をもって対応いたします!
※大幅なデザイン変更については、別途料金が発生する場合がございます。
◆料金表(レスポンシブ対応含む)
・コーディング:3,000円(10,000pxまで)
※10,000pxを超える場合は、1000px毎に1,000円。
・アニメーション実装(スライダ―・ポップアップ・アコーディオン等):
1カ所につき1,000円~
※ホバーアニメーション、ハンバーガーメニューは無料。(アニメーション内容によては追加オプション対応になる場合がございます)
※上記を基本料金として、デザイン内容によっては追加料金をいただく可能性がございます。
◆制作の流れ
1.ご相談よりお見積もり
2.デザインデータお預かり
3.コーディング
4.ご確認・修正
5.最終確認・納品
◆納品方法
・zipファイルの送付
【WordPress】【レスポンシブ】WEBサイトのコーディング承ります
業務内容
数あるサービスの中からこちらのページをご覧いただきありがとうございます。
フリーランスでWEB制作をしている大山優子と申します。
ーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー
〇こんな方におすすめ〇
・安価でクオリティの高いHPを作成したい、中小企業様・個人様
・HTMLやCSSはできるけどアニメーションやWordPress化は苦手という方
・HPにおしゃれなアニメーションをつけたい方
ーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー
〇制作の流れ〇
1.ヒアリング・お見積もり「見積り・カスタマイズを相談する」よりご相談ください。
↓
②デザインデータをお送りいただきコーディング作業開始。
↓
③トップページ実装・ご確認
↓
④下層ページコーディング開始
↓
⑤2、3ページ毎にご確認・進捗報告
↓
⑥ご確認・修正
↓
⑧最終確認が済みましたらzip形式orサーバーにアップロードにて納品いたします。
※サーバーアップロードの場合はFTP情報が必要になります。
ーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー
〇料金〇
トップページのみ(レスポンシブ・WordPress化込み) 10,000円(10,000pxまで)
※10,000pxを超える場合は、1000px毎に2,000円。
・お問い合わせフォームの実装:15,000円
・アニメーション実装(スライダ―・ポップアップ・アコーディオン等):
1カ所につき5,000円~
※ホバーアニメーション、ハンバーガーメニューは無料。
※上記を基本料金として、デザイン内容によっては追加料金をいただく可能性がございます。
※すべて画像コーディングで作成をご希望の場合は上記料金よりお安く出来ますのでご相談ください。
【制作会社様・デザイナー様向け】デザインどおりに再現!コーディング代行いたします
業務内容
WEB制作のコーディング代行サービスです。
「すべてのお客様に満足を」をモットーにお客様のご要望に全力で対応いたします!
ぜひお気軽にご相談くださいませ!
【 こんな方におすすめ 】
「デザインは制作できるけどコーディングをする時間がない」
・コーディング業務の外注先をお探しの方
・コーディングが苦手な個人webデザイナー様
・継続的にお願いできるパートナーをお探しの制作会社様
このような悩みを解決いたします!
ご満足いただけるように丁寧かつ柔軟な対応を心掛け、満足していただけるサービスを提供いたします。
【 料金 】
・トップページのコーディング: 10,000円〜
・下層ページのコーディング: 6,000円〜/1ページ
・LPのコーディング: 20,000円〜
・アニメーション: 要相談
・WordPress化: 要相談
※上記が基本料金となります。ページの長さやデザインの内容により価格の変動がございます。
※レスポンシブ対応込みの価格になります。
※WordPress化のご希望の方はカスタマイズからご相談くださいませ。
【 対応可能データ 】
・Figma、XD、Photoshop、Illustrator等
※確認用に、一枚に書き出した画像データを(JPEGかPNG)を一緒に送付ください。
※Illustratorの場合はリンク画像も送付(もしくは埋め込みで)お願いいたします。
【 納品までの流れ 】
1 ヒアリング・お見積り
2 ご契約・デザインデータお預かり
3 コーディング
4 ご確認・修正
5 最終確認・納品
【 納品形式 】
・zipファイルの送付
・ご指定のサーバーへアップロード
【 注意事項 】
・必ずデザインデータをご用意ください。
・コーディングルールがございましたら事前にお知らせください。
・WEBフォントを使用したデザインの場合、フォントの契約はお客様の方でご準備をお願いいたします。
・コーディング着手後に大幅なデザイン変更があった場合、追加料金が発生する場合がございます。
・サーバーのご準備はお客様の方でお願いいたします。
※やり取りの間に1週間以上ご回答がない場合はキャンセルさせて頂く場合がございますのでご了承ください。(ご回答にお時間がかかる場合は、その旨をお伝え頂くようお願いいたします。)
ご満足いただけるように丁寧かつ柔軟な対応をいたします。
気になる点などがありましたら、お気軽にご相談くださいませ。
スマホ表示対応!Webサイトのコーディングをいたします
業務内容
★ WEBサイトのコーディングなら、お任せください! ★
- スマホ(レスポンシブ)対応込
- デザインを忠実に再現&正しいマークアップで構築
- ホバーアクションの指定もOK!(また、デザインに合わせて”よしなに”作成いたします!)
■ 納 期 ■
納品目安は 1ページ5営業日~ になります。
以降、1ページごとに+1営業日 追加で日数がかかります。
==========
例)5ページのサイト
5営業日 + 4ページ×1営業日 = 9営業日前後(約2週間程度)
==========
※サイトの構成によっては上記より早く構築可能な場合がございます。
==========
■ サ ー ビ ス ■
・納品前の修正は3回まで無償!
※大幅な修正は別途料金がかかる可能性がございます。
※超過分に関しましては別途料金を見積り&請求させていただきます。
・サーバーへのアップロード
FTP情報をいただければ、アップロードまでさせていただきます。
※サーバー契約・ドメイン取得に関しては、お客様でお願いいたします。
・アフターフォロー(納品後10営業日以内)
納品後、こちらのミスでデザインと異なる箇所があれば無償にて対応いたします。
また、できる範囲位でご質問にお答えさせていただきます!
■ 注 意 事 項 ■
- セキュリティ面での観点から、自作メールフォームは対応しておりません。WordPressのプラグインもしくはmailformProを使用させていただきます。
- Internet Explorerは、サポート終了に伴い対応しておりません。
【制作会社様・デザイナー様向け】デザインデータからコーディングを代行します
業務内容
「面倒なコーディング代行します!!」
この度は、数多くのサービスの中から私のサービスをご覧頂きありがとうございます。
制作会社様・コーディングを外注したいデザイナー様向けにホームページを制作させて頂きます!
オンライン上でのコミュニケーションが主流になっている昨今、ホームページは会社のWEB上での「名刺」でもあると心得ています。シンプルで見やすいサイト構成で、作って終わりのWebサイトではなく、ビジネスのその先まで見据えたサイト構築を共にできればと思っております。
些細な質問でも結構です。まずはお気軽にご相談ください!
●このようなお悩みはありませんか?
「社内の制作リソースが足りない。」
「デザインはできるけどコーディングが苦手」
「 長期的に付き合えるコーダーを探している」
など様々なお悩みがあると思います。
そうした、あなたのパートナーとなって、問題解決となるサイトを作成いたします。
●サービスの特徴
・低予算かつ短納期で制作が可能
→私は現在クラウドソーシング上では駆け出しのため、実績作りのためにも金額設定を他社様より柔軟に対応しております。
・WordPressの導入によりクライアント様でも簡単に更新・修正が可能(オプション)
→オプションですが、WordPressの導入も対応してます。
●全プラン共通の搭載機能
☑スマホ対応
☑基本的な内部SEO対策(集客対策)
☑お問い合わせフォーム
☑SNSへのリンク対応
☑GoogleマップやYouTubeの埋め込み対応
☑セキュリティ対策
●実績
制作実績をご紹介しておりますので、ご覧下さい。
ポートフォリオサイトURL
https://www.resume.id/yamyam7/works
※ランサーズの仕様上、直接リンクを貼れないためコピーして確認お願いします。
●ご契約後の流れ
①事前のヒアリング/ミーティング
ご契約前にヒアリングをさせて頂き、作業量・納期から正式お見積もり金額お伝えさせていただきます。
②仮払い・素材のご提供
打ち合わせにてご納得頂けましたら、この段階でご契約とさせていただきます。仮払いをしていただき、画像やテキスト・デザインカンプなどを共有いただきます。
③制作を開始します。
④テスト環境にて制作物の確認(2回まで修正対応)
全ページが完了した段階で初稿を提出します。 修正があれば都度対応させて頂きます。
⑤最終確認
⑥本番環境で公開(納品)
ここまでお読みいただきありがとうございます。
お声がけいただけましたら大変嬉しく思います。
下記に私自身の自己紹介を載せておきます。
自己紹介
4年制大学卒業後、営業・テクニカルサポートの仕事に従事しました。
業種問わず、計500名以上の事業者様のキャッシュレス決済の導入サポートを担当しました。
機械を初めて利用するご高齢の事業主様にも定評を頂いております。
その際に学んだ、丁寧な対応とやり切る精神を活かし、
現在はコーダーとして活動しております。
趣味:音楽鑑賞・弾き語り・作詞作曲・散歩・街巡り
【スピード対応】LPコーディングをスピーディに対応します
業務内容
「急ぎでLPのコーディングをしてほしい」
「デザインはあるけどコーダーがいない」
「ボリュームのあるサイトのコーディングをしてほしい」
「ワードプレスやアニメーションの対応もしてほしい」
上記のような様々なご要望をお持ちの方はぜひご連絡ください。
【私たちについて】
・グラフィックデザインからWEBデザインまで、業界15年以上の経験があります
・デザインとコーディングを2人体制による分業のため、それぞれの品質担保がしっかり出来ています
・2人体制のため、よりスピーディな対応が可能です
・デザイン中心のノーコード、コーディングからのワードプレス対応など様々ご対応可能です
【ご依頼について】
①ご相談
制作要件をご教示ください
(基本的にはメッセージでのやり取りになりますが、オンラインMTGでのご相談も可能です)
②お見積もり〜サービスのご購入
③制作開始
・1Pのコーディングは初稿まで3営業日
・複数ページの場合はその都度工数をお出しします
④納品
データ納品の他、こちらでの本番アップ対応も可能です
ワードプレス構築が入る場合は、コーディング後に構築期間が追加となります
PCデザインのみも可|レスポンシブ対応のLP・HPコーディングを承ります
業務内容
ご覧くださりありがとうございます。
『依頼してよかった』と心から思っていただけるものを納品できるよう、責任をもって誠心誠意制作いたします。
ご不明な点は、お気軽にお問い合わせください。
▼本パッケージの内容詳細
・HTML/CSSを用いたデザインの再現
・Javascript(jQuery)を用いたアニメションの実装
・CMS(WordPress)を用いたコンテンツの編集・更新機能の構築
・デスクトップ、タブレット、スマホ対応(レスポンシブ対応)
・使用画像や写真素材の圧縮(表示速度向上)
・レイアウトシフト対策(表示速度向上)
・サイトアイコンの設置(SEO対策)
・メタディスクリプションの設置(SEO対策)
・SNS連携時のOGP画像の設置(SEO対策)
・修正、更新などの軽微な内容
▼本サービスの特徴
・ノーコードツールを使用しないコーディングでデザイン再現の自由度が高い
・納品前に画面幅の異なる3つのデバイス(PC、タブレット、スマホ)で実際に表示を確認
・ご要望に対する目的に沿った柔軟な提案と対応
▼サービスの流れ
1.ご依頼内容のご確認、お見積りの提示
2.ご契約後、お客さまよりデザインデータをご提供
3.コーディング作業、表示と仕様のテスト
4.ご確認と修正
5.納品
▼お見積り時のご注意点
以下の内容について分かる範囲で構いませんのでご提供ください。
(1)ご依頼。ご依頼内容の概要について
(2)制作規模について
└例:静的コーディング合計3P(トップページ、〇〇についてのページ、お問い合わせページ) など
(3)ご予算について
(4)その他気になることがありましたらお気軽にお伝えください!
【修正、カスタマイズ、ページ、機能追加】ホームページの改修をおこないます
業務内容
ご覧いただきまして、ありがとうございます。
安心して、お取引していただけるよう丁寧な対応とご連絡を心がけております。
当サービスはお持ちのWebサイトの修正、更新、ページや機能追加を承っております。
WordPressサイト、HTMLサイト対応しています。
𓐄 𓐄 𓐄 𓐄 𓐄 𓐄 𓐄 𓐄 𓐄 𓐄 𓐄 𓐄 𓐄 𓐄 𓐄 𓐄 𓐄 𓐄 𓐄 𓐄
▮HTMLサイトのコーディングは以下のページよりご相談ください。
・https://www.lancers.jp/menu/detail/1227590
▮WordPressのコーディングは以下のページよりご相談ください。
・https://www.lancers.jp/menu/detail/1277304
𓐄 𓐄 𓐄 𓐄 𓐄 𓐄 𓐄 𓐄 𓐄 𓐄 𓐄 𓐄 𓐄 𓐄 𓐄 𓐄 𓐄 𓐄 𓐄 𓐄
⌇HTML ・CSSを使用した修正・変更
・レイアウトの変更
・デザイン変更に伴う部分コーディング
・カラー、文字の大きさなど
⌇ページや機能の追加、カスタマイズ
・現在のサイトにページを追加
・モーダルやスライダーを追加したい
・アニメーションの追加
・お問い合わせフォーム追加
・レスポンシブ(スマホ対応)
・YouTube動画埋め込み、Google Map挿入
⌇サイトの修正や更新
・簡単なテキスト修正・変更 →1箇所 / 1,000円~
・画像の差し替え →1箇所 / 1,000円~
・画像の追加 →1箇所 / 2,000円~
・リンク変更・追加 → 1箇所 / 1,000円~(5箇所まで3,300円)
⌇納期
ご依頼内容、稼働状況により変動いたします。
一度ご相談くださいませ。
⌇このようなお悩みの方におすすめ
・コーディングできる人がいない
・部分修正を単発でお願いしたい
・リソースが足りないためお願いしたい
ご満足いただけるよう、責任をもって対応させていただきます。
ご不明な点は、お気軽にお問い合わせください。
【限定価格】丁寧かつ低価格でコーディング承ります。WordPress対応いたします
業務内容
ご覧いただきありがとうございます!
Webコーダーのセトと申します。
Lancersでの販売実績がまだ無い為、
販売実績5件まで限定で6,000円~コーディング承ります!
安心してお取引いただけるよう、こまめな進捗報告や迅速なレスポンスを行います。
【サービス概要】
・HTML/CSS(Sass)によるコーディング
・JavaScript(jQuery)によるアニメーション
・レスポンシブ対応
・WordPress化
※デザインは承っておりません
【料金★★販売数10件までの限定価格★★】
・トップページ:6,000円(6,000pxまで)
6,000pxを超える場合は1,000px毎に+1,000円
・下層ページ:6,000円/1p(6,000pxまで)
6,000pxを超える場合は1,000px毎に+1,000円
・アニメーション:要相談
(ホバー/ハンバーガーメニュー/アコーディオンは無料で承ります)
【無料対応】
・レスポンシブ
・ファビコン(デザインご準備いただける場合)
・OGP(デザインご準備いただける場合)
・基本的なアニメーション(ホバー/ハンバーガーメニュー/アコーディオン)
・WordPress化
・納品前の修正対応(作業着手後の大幅なデザイン変更の場合は追加料金をいただく場合があります)
【サービスの流れ】
1.ご相談・お見積
デザイン・ページ数等によりお見積りいたします。
2.契約
3.コーディング作業
4.ご確認・修正(修正回数制限なし)
5.最終確認・納品
【納品方法】
・zipファイルの送付
・サーバーへのアップロード
他、ご希望の納品方法があればご相談ください。
最後までご覧いただきありがとうございます!
ぜひご一緒にお仕事させていただければと思います!
ホームページ、LPのコーディング、WordPress制作いたします
業務内容
ご覧いただきありがとうございます!
◆サービス内容
・HTML/CSSを用いた静的なコーディング
・JavaScript(jQuery)を用いたアニメーションな実装(ハンバーガーメニュー、スライダー等)
・レスポンシブ対応
・WordPressの構築(オリジナルテーマ)
修正回数については無制限です、ご満足いただけるまで責任をもって対応いたします!
※大幅なデザイン変更については、別途料金が発生する場合がございます。
◆料金表(レスポンシブ対応含む)
・コーディング:30,000円(10,000pxまで)
※10,000pxを超える場合は、1000px毎に2,000円。
・お問い合わせフォームの実装:15,000円
・アニメーション実装(スライダ―・ポップアップ・アコーディオン等):
1カ所につき5,000円~
※ホバーアニメーション、ハンバーガーメニューは無料。
・WordPress構築:要相談
※上記を基本料金として、デザイン内容によっては追加料金をいただく可能性がございます。
※すべて画像コーディングで作成をご希望の場合は上記料金よりお安く出来ますのでご相談ください。
◆制作の流れ
1.「見積り・カスタマイズを相談する」よりご相談ください。
2.デザインデータお預かり
3.コーディング
4.ご確認・修正
5.最終確認・納品
◆納品方法
・zipファイルの送付
・サーバーへのアップロード
※サーバへのアップロード希望の場合は原則 FTP情報共有をお願いします。不明な場合・サポートが必要な場合はご相談下さい。
元制作会社のフロントエンドエンジニアがあなたのデザインをコーディングいたします
業務内容
あなたのデザインのコーディングを代行いたします!
「デザインはできるけどコーディングはできない」
「忙しくてコーディングに手が回らない」
上記のようなお悩みを解決いたします。
■当サービスの強み
✔デザインの忠実な再現
デザインデータからキレイにコーディングいたします。当然レスポンシブ対応込みです。
また私自身Webデザイナーとしての経験もあるためPC版のデザインデータのみしかご用意がない場合でも、スマホ版のコーディングが可能です。
✔アニメーションの実装
フェードアニメーションやスライドアニメーション等のアニメーションを料金内で対応させて頂きます。
詳しくは下の「アニメーションについて」を御覧ください。そこに書いてないものでも簡単なものであれば料金内で対応可能ですのでご相談ください。
✔SEOを考慮したマークアップ
divやspanは極力使わず適切なタグを使い可能な限りSEOに配慮した構築を心がけております。
✔アクセシビリティの配慮
2024年4月に障害者差別解消法の改正法が施行され、今まで民間事業者では努力義務であった「合理的配慮の提供」が義務化されました。
デジタル庁の公開しているウェブアクセシビリティ導入ガイドブックに則り、WAI-ARIA等を利用して最大限アクセシビリティに配慮した構築を料金内でさせて頂きます。アクセシビリティに関しては複雑な部分も多く、私自身まだまだ勉強中のみなのでその点はご理解ください。
■対応可能データ
・Figma、Photoshop、Illustratorのいずれか
Illustratorの場合はリンク画像も添付(もしくは埋め込みで)お願いいたします。
■アニメーションについて
【料金内で対応可能】
・フェードアニメーション(表示領域に入ったら発火など)
・ホバーアニメーション
・スムーススクロール
・スライダー、カルーセル
・アコーディオン
・タブメニュー
・ハンバーガーメニュー
■動作確認ブラウザ
・PC
Chrome、Firefox、Microsoft Edge、Safari
・スマホ
Safari、Chrome
※いずれも最新版です。
■納品までの流れ
①ヒアリング
②ご契約、仮払い
③制作開始
④確認・修正
⑤納品
■納品形式
ファイル送付、もしくはご指定のサーバーにアップロード
以上となります。
ご不明な点がございましたら、お気軽にメッセージにてお問い合わせください。
【制作会社さまのお墨付き】高品質なレスポンシブサイトをコーディングします
業務内容
ご覧いただき、ありがとうございます!
お互いに良い気持ちでお取引させていただきたく、迅速丁寧な対応を心掛けております。
本サービスは既にデザインがFIXしているWebサイトのコーディングを承っております。
コーダーが足りていない!
コーディングだけ誰かにお願いできないだろうか…
内製化がまだ整ってません…
サクッとご依頼いただければマルっと対応いたしますので、お気軽にご相談ください!
パッケージ基本内容
- jQuery/JavaScriptの実装
- CSSアニメーション
- WordPressの構築、組み込み(オリジナルテーマ制作・カスタマイズ)
- レスポンシブ対応(スマホ・タブレット・PC)
- ページの読み込み速度最適化(minファイル化・Webp対応・lazyload導入)
- 基礎的なSEO対策(meta情報、画像の代替テキスト、セマンティックなマークアップ)
- 運用を考慮し、メンテナンス性を高めたCSS設計
納期
- トップページ:3~4日
- 下層ページ:2日~
※デザイン、ボリューム、稼働状況により変動いたします
※デザインデータ受け取り翌日からの日数です
クオリティチェック
- 誤字脱字チェック
- HTMLバリデータチェック
実機確認
- Google Chrome Windows/iPad/iPhone
- FireFox、Microsoft Edge Windows
- Safari iPad/iPhone
品質チェックをしてお渡しいたします
ご満足いただけるお取引になるよう、誠意をもって対応いたします。
ご不明な点がございましたら、お気軽にお問い合わせください!
【事業会社様・個人事業主様向け/土日祝OK】サイトの修正・更新をおこないます
業務内容
ご覧いただき、ありがとうございます!
お互いに良い気持ちでお取引させていただきたく、迅速丁寧な対応を心掛けております。
本サービスは既に公開されている、既存のWebサイトの修正や更新、ページや機能追加を承っております。
CMSを導入されている場合にも対応いたします。
対応していた方が退職(異動)してしまった…
前任者が対応していたが、分かる人間が部内にいない…
社内リソースがパツパツ><
サクッとご依頼いただければマルっと対応いたしますので、お気軽にご相談ください!
HTML ・CSSを使用した修正・変更
- レイアウト・デザインの変更・修正
- コンテンツの追加に伴う部分コーディング
- 色味や文字の大きさの変更など
- リンク先の修正や画像の差し替え
- お知らせ・新着情報の更新等
ページや機能の追加、カスタマイズ
- 既存サイトへのページ追加
- モーダルウィンドウやスライダー等への変更
- アニメーションの追加
- お問い合わせフォーム追加
- レスポンシブ化(スマートフォン対応)
納期
ご依頼内容と稼働状況によって前後しますが、迅速に対応いたします。
まずはご相談くださいませ。
ご不明な点は、お気軽にお問い合わせください。
LP(ランディングページ)のHTML•CSSのコーディング代行を行います
業務内容
◆こんな方にオススメです
・ デザインはできるけどコーディングが苦手
・ コーダー不足で外注先を探している制作会社
◆ご提供内容
•HTML/CSSコーディング
•レスポンシブ対応
(スマホ用のデザインカンプあり・なしの場合は追加オプションとなります。)
•アフターフォロー(納品後1週間以内)
◆納品までの流れ
ヒアリング
↓
デザインデータお預かり
↓
コーディング
↓
テストアップ(ご確認・修正)
↓
納品
【デザイナー・制作会社様】【既存サイトの修正】コーディング代行いたします
業務内容
WEBサイトの修正・更新お任せください
企業1社と業務委託しているコーダーが請け負います。
▼こんなお悩みありませんか?
-
少し修正が必要だけど、コーダーの手が空いていない。
-
修正のコストを抑えたい
▼当プランのメリット
- いつでもすぐに対応するコーダーなので安心!
- 最大料金が設定されているのでコストが抑えられる
- ほんの少し、1箇所からリーズナブルな価格で気軽に代行が頼める
▼初めての方へ
ご相談は無料です。「こんな修正も可能かな?」と思ったら、お気軽にご相談ください。
▼価格について (税込価格での掲載です)
<基本プラン>
テキスト修正・HTML 1箇所 1100円
( 1ページ 最大3300円 )
レイアウト調整・CSS 1箇所 1100円
( 1ページ 最大5500円 )
システムの都合上10,000円と表記されております。
<オプションプラン>
その他の変更 1箇所 5500円
オプションを選択し、変更内容と数ををお伝えください
※ 表示・配置・アニメーション・リンク・画像などの変更、追加、削除 等
※ 内容によっては対応不可の場合もございます。
▼制作の流れ
1. ご相談・お見積もり
お客様からお預かりしたデザインデータ・画像データを元にお打合せを行い、その後お見積もり金額を提示させていただきます。ご相談のみもお待ちしております◎
2. ご契約
お打合せ内容にご納得いただけましたら、仮払いにお進みください。
3. 制作
作業状況を共有いたします。不明点を確認する際のコミュニュケーションは恐れ入りますが、ご協力よろしくお願いいたします。
4. ご確認・修正
なるべく修正がないように制作し、1次納品いたします。
5. 納品
zipファイルでの納品またはご指定サーバー、ワードプレスにアップロードいたします。
▼納期
修正内容や数によりますが、最短即日で納品いたします。
▼ご連絡
作業時間帯は不定です。作業がない日でも当日中にはお返事します。
日々の連絡やコミュニケーションをスムーズに進められるよう努めます。
▼事前にお客様側で準備するもの
- デザインデータ
- 素材 (画像の加工は行なっておりません)
- サイトのバックアップ
デザイン完全再現!質の高いコーディングお受けいたします
業務内容
コーディングを外注したい方、
デザインはできるけどコーディングはできない方、
せひご相談ください!
【作業内容】
HTML・CSSコーディング
js実装
WordPress化
【料金表】※目安料金となります
・トップページ(20,000円〜80,000円/1ページ)
・下層ページ(10,000円〜30,000円/1ページ)
・LP(20,000円〜100,000円/1ページ)
・WordPress化(要相談)
・複雑なJavaScriptの機能実装(要相談)
◆以下無料で承ります◆
・表示速度の高速化のための画像圧縮
・軽度なJavaScriptの機能実装(スライダー、アコーディオン、ハンバーガーメニュー)
【制作の流れ】
①ヒアリング・お見積り
②お客様からデザインデータのご提供
③コーディング
④テストアップ確認・修正
⑤最終調整・納品
【納期について】※作業ボリューム、内容により多少異なる場合がございます
・トップページ(3日@1ページ)
・下層ページ(2日@1ページ)
・LP(3日@1ページ)
・WordPress化(要相談)
【スマホ対応含みます!】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への対応は終了いたしました。
★ 納品形式★
ファイル送付、もしくはご指定のサーバーにアップロード
以上となります。
ご不明な点がございましたら、お気軽にメッセージにてお問い合わせください。
[LPやWordPress]デザイン通りの高品質なHPを丁寧にコーディングいたします
業務内容
*私にできること*
ホームページ、ランディングページのお持ちのデザインデータをもとにコーディング(ブラウザ環境で見れる形にする)いたします。
デザインデータはあるけどコーディングができない方、忙しくてコーディングまで手が回らない方、ぜひお手伝いさせてください!!
〇作業内容
・HTML・CSSを使ったコーディング(スマホ対応込み)
・Javascriptを使った仕掛けの実装(ハンバーガーメニュー、スライド、タブの切り替えなど)
・お問い合わせフォームの実装
・WordPress化
〇料金
*トップページ 10000円~
WordPressや下層ページなどの料金はオプションをご覧ください。
※複雑なデザイン,1ページのボリュームによっては追加料金頂くこともあります。
〇オプションについて
*お問い合わせフォーム
PHPやGoogleフォームで対応可能です。
WordPressの場合はプラグインでお問い合わせフォーム作成します。
他にご希望があればご相談ください。
〇納品までの流れ
(お見積りやご相談は購入に限らず24時間お待ちしております。)
①ご購入後、デザインデータのご提供お願いいたします。
②デザインデータを確認後、制作に取り掛かります。
③お客様のご確認
・WordPressの場合はこちらで用意したテストサーバーにアップロードします。
・HTML/CSSの場合はzipファイルをお渡しします。
④問題がなければ、正式納品とさせて頂きます。
⑤ご評価いただき、お取り引き完了となります。
〇納品について
*HTML/CSSの場合
Zipファイルで納品いたします。
FTPの配置を希望の場合は接続情報の連携をお願いいたします。
*WordPressの場合
All-in-One WP Migrationのプラグインで反映いたします。
■必ずご確認ください
・ご購入後のキャンセルはお断りしております。
レスを速くお客様の声を第一に、コーディングはデザインカンプ通りに丁寧にをこころがけております。
納期やご予算については柔軟に対応させていただきますので、ご気軽にご相談ください。
【制作会社様・デザイナー様向け】デザインからHTML/CSSコーディング代行します
業務内容
初めまして!ロゴデザインやコーディングが大好きで活動しておりまして、
これまでにWEB制作会社様やデザイナー様からのコーディングの実務経験があります。
【サービス内容】
・静的コーディング
・レスポンシブ対応込み
・アニメーション込み
▶︎別途お見積もり
・お問合せフォーム
・WordPress化
【ご用意していただくもの】
・デザインカンプ(sp版がない場合はよしなにご対応させていただきますが、まずはご相談ください!)
・画像やテキスト
・サーバー・ドメインのご用意(Zipファイルをご希望の方はこちらご用意されなくて大丈夫です)
・仕様書(こちらない場合はアニメーションの有無や伝達事項等お送りいただきたいです)
【作業環境】
・macOS
【コーディング表示確認】
・mac(safari/chrome)
・win(chrome)
・iphoneSE(safari/chrome)
・iphone13(safari/chrome)
・Android(chrome)
・ipad
【使用できる言語】
・HTML5
・CSS3(SCSS)
・JavaScript
・jQuery
・PHP(WordPress)
・GSAP
【営業時間】
・平日8:30〜18:00
・土曜9:00〜18:00
・定休日 水・日
より良い制作を進める為、そして『依頼して良かった!』と貴社から言っていただけるように取り組みます。
業務をお任せいただく場合、これらをお約束します
●即レスを大切にしているので最速で返信いたします
●私は忍耐力があるので途中で投げ出さず最後までやり切ります
●自己完結せずわかるまでお聞きし作業します
●勝手に進めるのではなく状況報告、報連相を徹底とします
貴社とお仕事をさせていただく際には、
クライアント様が貴社にお願いしてよかったと思って頂けることはもちろんのことですが、修正の手数の少ない制作とストレスのないコミュニケーションを徹底し、
誠心誠意100%ではなく120%でご対応させていただきます!!
最後までお読みいただきありがとうございました!
少しでもご興味がありましたらぜひご相談ください。心よりお待ちしております!!
【デザイナー様向け】コーディング代行!デザインカンプを忠実に再現致します
業務内容
初めまして!現在、兼業でコーダーを
しておりますnamiと申します!!
「デザインは出来るけどコーディング出来ない」
「コーディングの人手が足りないので手伝ってほしい」
「スマホ対応出来るコーディングをして欲しい」
そんな方のお手伝いが出来たら嬉しいです!
gulpを使って静的コーディング致します。
レスポンシブ対応(スマホ対応)もお任せ下さい。
CSS設計は保守性の高いFLOCSSを採用しています。
«価格»
デザインや納期によって変動致しますので、
まずはお見積からご相談下さい。
«納品方法»
・zipファイルで納品致します。
«納品までの流れ»
①ヒアリング・お見積もり
└細かい実装方法や費用まで納得いくまでヒアリングします
②デザインデータ確認
└デザインや画像に不備が無いか確認します
③コーディング開始
└途中経過も随時報告します
④テストサーバーで確認・修正
└実装についての修正は何度でも無料でお受けします
⑤zipファイルで納品
ぜひ一度、お気軽にお問い合わせ下さい!!
【修正します】お手持ちのWebサイトの修正・コンテンツ追加、対応いたします
業務内容
今ある既存のWEBサイトの修正をいたします!
「住所や電話番号の変更がしたい・・・」
「コンテンツの追加や文章を変更したい・・・」
「サイトにバナーやウィジェットを設置したい・・・」等、
ちょっとしたサイトの修正がしたい方、
ご相談内容からお見積させていただきますので、まずはお気軽にご相談ください!
※ドメイン移管や、既存WordPressテーマの大幅なカスタマイズのご依頼はお断りさせていただいております。
==================
■修正について(税抜)
==================
・テキストの修正:1箇所につき1,320円~
(例:電話番号、住所、リンク先の変更など 基本的にHTML・CSS・JSの修正を伴わない箇所のみ)
・HTMLやCSSの書き換えが伴う修正:1箇所につき7,920円~
・JSの書き換えが伴う修正:1箇所につき13,200円~
・CMSの追加:1箇所につき22,000円~
WordPressのコーディング・オリジナルテーマの制作をします
業務内容
ご覧いただきまして、ありがとうございます。
安心して、お取引していただけるよう丁寧な対応とご連絡を心がけております。
当サービスはWordPress(ワードプレス)のコーディングを承っております。
小規模サイトから50ページ前後の中規模サイトまで対応しています。
𓐄 𓐄 𓐄 𓐄 𓐄 𓐄 𓐄 𓐄 𓐄 𓐄 𓐄 𓐄 𓐄 𓐄 𓐄 𓐄 𓐄 𓐄 𓐄 𓐄
▮HTMLサイトのコーディングは以下のページよりご相談ください。
・https://www.lancers.jp/menu/detail/1227590
▮部分修正、更新、機能の追加は以下のページよりご相談ください。
・https://www.lancers.jp/menu/detail/1273728
𓐄 𓐄 𓐄 𓐄 𓐄 𓐄 𓐄 𓐄 𓐄 𓐄 𓐄 𓐄 𓐄 𓐄 𓐄 𓐄 𓐄 𓐄 𓐄 𓐄
⌇サービス内容
┈WordPressコーディング
┈オリジナルテーマ制作 / カスタマイズ
┈カスタム投稿 / カスタムフィールド
┈jQuery/JavaScriptの実装
┈CSSアニメーション
┈お問い合わせフォーム実装
⌇基本料金内
┈jQuery/JavaScriptの実装
┈レスポンシブ対応
┈画像圧縮による表示速度最適化(Webp対応あり)
┈SEO対策(metaタグ、画像に適切なalt、文書構造に適した適切なHTMLタグなど)
┈BEMをベースとした長期メンテナンスしやすいCSS設計
┈テスト環境のご用意
┈プラグインの追加
┈修正無料
⌇無料JavaScript一覧
┈簡単なスクロールアニメーション
┈ハンバーガーメニュー
┈アコーディオンメニュー
┈カルーセル/スライダー
┈モーダルウィンドウ
┈スムーススクロール
┈タブ切り替えなど、サイトによく実装されている動き。
⌇納期¦デザイン、ボリューム、稼働状況により変動いたします。
┈トップページ:3~4日
┈下層ページ:2日~
※デザインデータ受け取り翌日からの日数です。
⌇このようなお悩みの方におすすめ
┈コーダー不足・リソースでお悩みの制作会社様
┈コーディングだけ外注したいデザイナーの方
┈社内でコーディングできる人がいない
⌇ブラウザ・端末確認一覧
┈Google Chrome Mac/Windows/iPad/iPhone/Android
┈FireFox、Microsoft Edge Mac/Windows
┈Safari Mac/iPad/iPhone
品質チェックをしてお渡しいたします。
ご満足いただけるよう、責任をもって対応させていただきます。
ご不明な点は、お気軽にお問い合わせくださいませ。
コーディングでお困りならお任せください。1日単位でGWコーディング対応できます
業務内容
▼こんな方におすすめ
・デザインはできるけどコーディングだけお願いしたい
・コーダーを雇いたいけど長期はいらない
・1日だけ手伝ってほしい
・ECサイトについて相談したい
・誰かの意見が欲しい
・スキルを学びたい
▼ご提供内容
HTML/CSSなどのページ作成のご対応のほか、
ECサイトについて誰かの意見を聞きたいなどのご相談にも応じます。
▼納期について
プラン1の場合、業務内容によって納期を変更・相談させていただく場合がございます。
【 制作会社様・デザイナー様向け 】デザイン通りのコーディングをいたします
業務内容
数あるサービスの中からご覧いただきありがとうございます。
フリーランスでWEB制作をしております足守ちかと申します。
迅速なレスポンス、丁寧な対応を心がけております。
ご相談は無料でお受けしておりますので、お気軽にご相談ください!
=======================================================
デザインを忠実に再現いたします
「 デザインは対応するので、コーディングだけ対応してほしい 」 という制作会社様や個人様
「 ランディングページ制作のご依頼を受けたけど、コーディングが苦手 」 というデザイナー様
「 コーディングの人手が足りない 」 という制作会社様やコーダー様。
など、コーダーをお探しの方はぜひご検討ください。
=======================================================
◆ パッケージ内容について ◆
- 静的コーディング
- ランディングページのコーディング
- レスポンシブ対応(PCサイズ・スマホサイズでの表示変更)
- スライダー、アコーディオン、ハンバーガーメニューなどアニメーションの実装
- 無制限の修正対応
=======================================================
◆ ご用意いただくもの ◆
- デザインデータ
- 画像データ(JPG・PNGなど)
- テキストデータ
=======================================================
◆ 納品までの流れ ◆
①ヒアリング・お見積もり
↓
②デザインデータや各種素材をお送りいただく
↓
③作業開始
※進捗状況はこまめにご報告いたします。
↓
④テスト環境にて制作物のご確認
↓
⑤修正対応
↓
⑥最終確認
↓
⑦納品
=======================================================
◆ 納品について ◆
-
データ納品(ファイル一式を zip 圧縮したもの)又は指定のサーバーにアップロードして納品いたします。サーバーにアップロードをする場合は、FTP情報が必要になります。
-
納品前には独自の品質チェックシートを用いて確認いたします。また、品質チェックシートは納品時にお渡しいたします。
【限定3名様50%OFF】HTML・CSS・WordPressコーディング代行します
業務内容
限定3名様、半額でコーディング承ります
この度、Lancersで初めてコーディング代行を出品しました。
そこで、実績作りのため基本プラン料金を通常価格の半額でコーディングさせていただける方を3名様募集しています。
必ずご満足していただける、成果物を納品させていただきます!
ぜひ、この機会にご検討ください🙆♂️
こんなお悩みを抱えの方はぜひ一度ご相談ください。
コーダーのリソースが足らずお困りの制作会社様
案件ごとにコーダーをアサインしたい制作会社様
コーディングやサーバー周りをサポートしてくれるコーダーをお探しのWebデザイナー様
コーディングを外注したいWebディレクター様やコーダー様
事前相談はいつでも無料で承ります。お気軽にお問い合わせください。
以下は全プランに含まれます。
・HTML/CSSコーディング
・レスポンシブ対応
・スマホサイズよしなにコーディング
(PCサイズのデザインのみの場合でも各サイズで表示崩れがないよう"いい感じ"にコーディングします。)
・SEO対策
・画像圧縮などサイトの表示高速化
・ピクセルパーフェクト
・クロスブラウザチェック
・修正回数無制限対応
各プランの詳細
▼ベーシックプラン
ページ数:1ページ(下層ページはオプションで追加)
料金:【先着3名様限定】¥40,000- → ¥20,000-
※下層1ページにつき¥7,000-¥3,500-頂戴いたします。
対応内容:
◯HTML/CSSコーディング
✗JavaScriptアニメーション
✗お問合せフォーム
✗WordPress化
▼スタンダードプラン
ページ数:1ページ(下層ページはオプションで追加)
料金:【先着3名様限定】¥70,000- → ¥35,000-
※下層1ページにつき¥12,000-¥6,000-頂戴いたします。
対応内容:
◯HTML/CSSコーディング
◯JavaScriptアニメーション
◯お問合せフォーム
✗WordPress化
▼プレミアムプラン
ページ数:1ページ(下層ページはオプションで追加)
料金:【先着3名様限定】¥100,000- → ¥50,000-
※下層1ページにつき¥12,000-¥6,000-頂戴いたします。
対応内容:
◯HTML/CSSコーディング
◯JavaScriptアニメーション
◯お問合せフォーム
◯WordPress化
▼ご依頼の流れ
-
プランを選択し「まずは相談(無料)」ボタンをクリック
-
オプションを追加、相談内容を入力し無料相談を送信
-
出品者から相談者様へ返信
送っていただいた内容について質問や回答を行います。
業務内容、報酬、納期、納品形式などについて正確にすりあわせします。 -
注文・仮払い
納得いただいた場合に注文をお願いします。 -
製作開始
制作前に工程やスケジュールの管理表を共有します。
進捗もこまめに報告させていただきますので、ご安心ください。 -
納品物の確認と修正
事前に決めた初稿提出日までにテストサーバーにアップしたサイトを相談者様に確認していただきます。修正が必要な箇所を指摘して頂きます。修正はなんどでも承ります。 -
最終納品
納品日までに最終的な納品をさせていただきます。
予算内で完成度の高いHTML/CSSのコーディングをいたします
業務内容
主にHTML/CSSコーディング承ります。
テンプレートを利用したサイト作成も安価で行っております。
▼予算は抑えたいが、ある程度の完成の高いサイトを作成したい個人事業主、小規模企業におすすめです。
▼HTML/CSSコーディング, WordPress導入, サイト管理,
▼ご購入の流れ打ち合わせ
ヒアリング
ミーティング(オンライン)にて希望するデザインや機能などについて詳細に話し合います。
↓
提案、見積の作成
提案書や見積もりを作成します。(概要、スケジュール、費用、使用する技術等)
↓
見積もりの提示
内容や予算について見積を提出いたします。必要に応じて調整を行います。
↓
契約の締結
合意が得られたら、契約書を作成し、双方の署名を得て正式に作業を開始します。
↓
制作フェーズ
制作中、進捗確認をさせていただきます。
↓
納品
ご確認いただき、問題なければ、納品させていただきます。
料金や目安となります。ご相談くださいませ。
コーディングのご依頼ならお任せください!WEBコーディングの代行を行います
業務内容
▼サービス内容(応相談)
コーディングの依頼ならお任せください!WEBコーディングの代行を行います。
└お気軽にお問合せください。
ご満足頂けるものができるように、日々技術向上に心がけております。ご依頼ご相談など、お気軽にご連絡ください。
納品後の修正も、最後まで責任を持って丁寧に対応させて頂いておりますので、何かありましたら、遠慮なくおっしゃって頂ければと思います。
▼購入手順
お気軽にお問合せいただきご相談内容をお伝えください。
【最短3日納品可能】HTML/CSSのコーディングを承ります
業務内容
ご覧いただきありがとうございます。
安心してお取引できるよう、丁寧に対応を心がけております。
まずはお気軽にご相談ください。
当サービスでは、デザインデータからHTML/CSSコーディングを承っております。
ーーこのようなお悩みの方へおすすめですーー
・コーダーが足りない
・コーディングできる人がいない
・レスポンシブにも対応してほしい
・費用を抑えてコーディングを任せたい
・デザイナー様、ディレクター様、制作会社様など
ーー基本料金で対応できることーー
・HTML/CSSを使用したコーディング
・WordPress化(オリジナルテーマ化)
・簡単なアニメーション(ハンバーガーメニュー、スライダー、アコーディオンなど)
【お見積りに関して】
記載の料金は目安になります。
作成するページ数や要件よって変動しますのでご了承ください。
ご予算に応じた調整も可能ですので、一度ご相談頂ければ幸いです。
【修正に関して】
無制限で対応いたします。
ただしデザインの変更や要件変更によるものは追加料金を頂戴する場合がございます。
ーー対応可能データーー
・Figma
・AdobeXD
・Illustrator
ーー納期についてーー
トップページのみの場合は最短で3日になります。
ただしデザインやボリュームによって変動しますので一度ご相談くださいませ。
ーー制作の流れーー
①まずは相談するボタンよりお問い合わせくださいませ。
②ヒヤリング(HPやLPの詳細や要件についてお伺いします)
③制作開始
④ご確認と修正(制作したHPをご確認いただき、必要に応じて修正させていただきます。)
⑤納品(基本的にはZIPファイルでの納品になります)
ーー最後にーー
Web制作歴は2年ではありますが、ご満足頂けるように精一杯対応させていただきます。まずはお気軽にご相談頂けますと幸いです。どうぞよろしくお願いします。
【ランディングページ】HTML/CSS コーディング代行します
業務内容
ご覧いただきありがとうございます。
個人の方・企業様問わず下記のお悩みにご助力いたします。
・デザインはできるけどコーディングは苦手…
・約束していたコーダーさんが体調不良で急遽人手が必要
・納期が差し迫っていてコーディングだけでもお願いしたい…
など、コーダー不足でお困りの方
ご相談ください!
■できること
・ランディングページのデザイン・制作
・Webサイトコーディング
※HTML/CSS/javascript
・WordPressを使ったwebページ、ブログ作成
など
記載のない内容については要相談でお願いします。
Webサイトを初めて作る方、コーディングが苦手なデザイナーさんなど
低価格、お急ぎ納品でご対応いたします。
■サービス内容
・HTML/CSSコーディング
・レスポンシブ対応
・簡単なjQuery/JavaScriptのアニメーションの実装※1
・既存ランディングページのちょっとした修正
※1 簡単なアニメーションの範囲
→ハンバーガー・アコーディオンメニュー / スムーススクロール / ホバーアニメーション / TOPへ戻るボタン / スライダー
■対応可能データ
PS、AI、Figmaのいずれか
その他データをご希望の場合はご相談ください。
■納品形式
ZIPファイル送付、またはご指定いただいたサーバーへのアップロード
複雑なアニメーションやパララックスにも対応!コーディングコーディング代行いたします
業務内容
初めまして、フロントエンドエンジニアのayameと申します。
ご覧いただきありがとうございます。
・デザインはできるけどコーディングができないという方
・忙しくなってきたためコーディングを外注したいという方
お悩み解決いたします!
もちろんその他のご相談も大歓迎です。
レスポンシブ対応や、JavaScriptを用いた動きのあるものも作成可能です。
規模にもよりますが、1P1,5000円から承ります。
(複雑な動きのあるもの、1Pが長いものなどについては要相談です。)
SEOを意識したコーディングでサイトのアクセス数アップも見込めます。
○サービスの流れ
- ヒアリング(作業ボリュームなどをお伺いし、お見積もりをご相談)
↓ - デザインデータ確認
↓ - コーディング開始
↓ - テストアップ
↓ - 修正
↓ - 納品
○制作期間
デザインをいただいてから1ページあたり最大3日で納品いたします。
(簡易的なデザインであれば即日お渡しできます。)
■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 |
※大凡の価格を表示しています。実際の料金は依頼内容や会社によって異なります。
※こちらで記載している金額はランサーズ上の依頼金額ではありません。
※当社調べの「一般的な制作会社や企業に依頼した際の目安の依頼料金」となります。