人気ランキング 期間:4月20日 〜 4月27日
【高品質◎】丁寧にレスポンシブでコーディングいたします
業務内容
ご覧いただきまして、ありがとうございます。
安心して、お取引していただけるよう丁寧な対応とご連絡を心がけております。
当サービスはデザインデータからの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社とお仕事していますので、絶対最後まで仕事を投げ出したりしません!
即レス・即対応を心がけております。
最後までテンポ良く、気持ちの良いお取引を進めていきたいと思いますのでよろしくお願いいたします!
【制作会社様 デザイナー様向け】Webサイトのコーディング、修正いたします
業務内容
Webサイトの修正、コーディングはお任せください
★プロのデザイナー様、企業からリピート多数
★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
【制作会社様、デザイナー様向け】コーディング、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コーディング代行いたします
業務内容
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秒程の短いメッセージ動画が再生されます。
よろしければ御覧ください。
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であなたのHPやLPのデザインコーディングいたします
業務内容
ある中からご覧いただきありがとうございます!
・とにかく忙しくてコーディングは任せたいWEBデザイナーの方
・費用は抑えてHP・LP作りたい方
こんな方ご相談ください!飲食業、フィットネス、教育系、美容系、宿泊系など
オープニング価格でお安くコーディングします。
レスポンスはすぐにするように心がけております!(10時間以内)
対応含めてご満足頂けるように致します。
◉サービス内容
・デザインデータからのHTML・CSSのコーディング
(photoshop、XD、figmaなどのデザインからコーディングいたします。)
・ギャラリー、SNS機能、お問い合わせフォーム、レスポンシブ対応は基本料金に含まれています。
◉ご相談からの流れ
①お見積りからお願いします。デザインデータがあれば共有ください。
②初稿提出
10日で提出させていただきます。
ご確認いただきフィードバックを頂きます。
③修正案提出
3日以内で提出させていただきます。
ご納得いただけるまで何度でも修正させていただきます。
④納品
ご満足いただけた時点で納品のお手続きをさせて頂きます。
気に入っていただけましたら是非ご評価を頂けますと幸いです!
◉納期
着手から大体2週間。内容により短くなることもあります。
極力早く納品できるように対応いたします。
確認事項のご返信が滞ると納期が遅れる可能性があります。
◉納品方法
html・cssをzip形式にて納品またはサーバーにアップロード
実績としてポートフォリオに掲載させていただくことをご了承いただけますと嬉しいです。
素敵なご縁になりますように精一杯努めます。よろしくお願いします。
【制作会社様・デザイナー様にオススメ!】デザインに忠実なコーディングをいたします
業務内容
数あるサービスの中からこちらのページをご覧いただきありがとうございます。
フリーランスで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社と仕事をしているコーダーが制作しますので高いクオリティでデザインを再現いたします。
・作業の進捗やスケジュールなどをクライアント様との共有シートにおまとめしていつでも確認できるようにしております。
・納品前には独自の品質チェックシートを用いて確認したのち、納品させていただきます。
また、品質チェックシートは納品時にお渡しさせていただきます。
・土日も作業しております!急なご連絡なども対応可能です!
・ご連絡は基本即返信させていただいております
========
ご相談はもちろん無料で行わせていただきますのでまずはお気軽にご連絡くださいませ♪
【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に対応しております。それ以外の場合は事前にご相談ください。
・有料フォントを使用されている場合、読み込みタグやデータをご共有ください。
【スマホ対応含みます!】ランディングページのコーディング代行します
業務内容
ランディングページのコーディングを承ります。
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への対応は終了いたしました。
★ 納品形式★
ファイル送付、もしくはご指定のサーバーにアップロード
以上となります。
ご不明な点がございましたら、お気軽にメッセージにてお問い合わせください。
【制作会社様・デザイナー様向け】コーディング代行します
業務内容
▼以下の3つでお困りでしたら、まずはお気軽にご相談ください!
1.「案件が溢れてコーディングの対応がしきれない」
2.「円滑にコミュニケーションを取れるコーダーを探している」
3.「専属でコーディングを代行してほしい」
3つのお悩み全て解決いたします!
▼スケジュール、強み
✅フリーランスの方2名とWeb制作会社様2社と業務提携中。
✅1分以内の超即レス
✅品質管理チェックシートで品質チェックいたします。
✅SEO対策を意識したコーディング。
✅365日いつでも対応可能!
▼提供できること
✅HTML/CSS/SCSS/jQuery/JavaScript/コーディング
✅WordPress化
✅表示崩れの起きないレスポンシブ対応
✅サーバーへのアップロード
【コーディング代行】Shopify, WordPress構築も承っております
業務内容
▼エンジニア歴16年の私が制作代行します▼
当パッケージをご覧いただきありがとうございます。
WordPress, Shopify構築を専門としている竹井と申します。
・初心者にも分かりやすく対応してほしい
・スマホやタブレットもしっかりチェックしてほしい
・管理画面で変更しやすい運用を考えた構築をしてほしい
・アニメーションを再現してほしい
など、お悩みのある方は、大手エンジニア歴16年の私がご対応します。
・説明が分かりやすい
・丁寧な対応でデザインの再現性が高い
とのお言葉で評価を頂くことが多いです。
------------
【実績】
制作会社との40サイト以上のお取引実績
例)
・WordPress 40ページの構築
・Shopify 某有名なベビー用品サイト構築
など
------------
【できること】
・パーフェクトピクセルに近いデザインの再現性
・WordPressの構築(オリジナルデザイン)
・Shopifyの構築(オリジナルデザイン)
・JavaScriptを使ったアニメーション(GSAP)
・Favicon, OGP
・W3Cのコーディング規則に準拠
・スマホ、タブレットなど実機のチェック
------------
【納品までの流れ】
-
出品者へDM(ダイレクトメッセージ)を送信
ご依頼内容を記載し、ご連絡ください。
※参考サイト、デザインカンプをご提示いただけますと幸いです。 -
出品者から相談者様へ返信
送っていただいた内容について質問やお見積りを行います。 -
注文・仮払い
納得いただいた場合に注文をお願いします。 -
製作開始
随時、進捗報告させていただきます。
また、確認事項が発生しましたらご連絡致します。 -
納品物の確認と修正
お客様に納品物をご確認いただきます。 -
最終納品
修正箇所・追加のご依頼など全て対応し、納品と致します。
※追加の場合は別途費用についてご相談となります。
------------
【最後に】
私にとって「仕事」とは「喜んでいただくこと」です。
パートナーとしてお取引して良かったと思っていただけるよう、
ご対応させていただきます。
何卒、よろしくお願いいたします。
HTML/CSSコーディング|レスポンシブ対応|確実・丁寧・安心をお届けいたします
業務内容
【サービス内容詳細】
・HTML/CSSコーディング
・レスポンシブ対応
・アニメーションの実装
・各種ブラウザの表示確認
・無制限の修正対応
・公開作業(zipで納品も可能です)
【本サービスの強み】
◼︎細部にこだわった丁寧な構築
→細部の設定を見逃さないため、基本的にピクセルパーフェクトでブラウザとデザインを重ね合わせて差異がないか確認をします。
デザインに応じてリキッドレイアウトや最適なブレイクポイントを選択し、どのブラウザで見てもズレのないよう構築します。
◼︎保守・運用を考慮したCSS設計
保守や運用をしやすいよう、命名規則はBEMをベースに柔軟性を持たせて設計しております。
SCSSで構築を行い、ページやパーツごとにディレクトリを分割・整理しております。
ページ追加の場合は、既存サイトの設計にあわせて構築いたします。
◼︎丁寧なコミュニケーション
リモートだからこそよりご安心いただけるよう、迅速なレスポンスや進捗の報告に加え、温かいコミュニケーションをこころがけております!
【制作会社様・デザイナー様向け】デザインデータからのコーディング代行致します
業務内容
数ある中かからこちらのパッケージ出品をご覧いただき誠にありがとうございます!
個人でコーダーをしております、水田と申します。
丁寧なやりとりとコーディングで、お客様の業務負担を減らします。
まずはお気軽にご連絡ください。
■こんな方におすすめ
- ☆繁忙期でリソースが足りない制作会社様
- ☆デザインはできるけどコーディングは他の方にお願いしたい
■プランに含まれるもの
- レスポンシブ対応
- アニメーション:ハンバーガーメニュー/アコーディオン/スライダー
- お問い合わせフォーム:ベーシックプランはプラス5000円、レギュラー/プレミアムプランは料金内にて承ります。
- 修正無制限無料(大幅なデザイン変更はご相談ください)
■事前にご用意するもの
- デザインデータ(XD/figma/Illustrator/Photoshop)
- 画像データ(JPG/PNGなど)
■納品までの流れ
①ご相談・お見積もり
デザインデータと画像データを元にチャットでお打ち合わせを行います。
その後、お見積り金額を提示させて頂きます。
②仮払い
ご依頼内容および金額が決まりましたらご契約になりますのでその際に、仮払いをお願いいたします。
③デザインデータをご用意ください
(プラン日数はご提供頂いてからの日数になります)
④制作開始
⑤初稿提出〜修正
(テスト環境の情報をお伝えしますのでそちらでご確認ください)
⑥納品
(ファイル形式を添付し納品、またはサーバーにアップロードいたします)
※サーバーにアップロードの場合はFTP情報をご準備ください。
■その他
※制作物をポートフォリオに掲載させていただく場合がございます。
掲載不可の場合はお知らせください。
【制作会社様・デザイナー様向け】HP・LPのHTML/CSSコーディング代行します
業務内容
数あるパッケージの中からご覧いただき、誠にありがとうございます。
個人事業(3年目)でコーディングとWordPress構築をメインに活動している「金杉 優希(かなすぎ ゆうき)」と申します。
現在、制作会社様やマーケティング会社様と継続的なお取引をさせていただいております。
・制作過程のやりとりを不便なくできるコーダーを探している。
・プロとして最後まで責任をもって対応してくれるコーダーを探している。
・デザインからコーディングまで安心してまるっとお任せできるコーダーを探している。
そんな方々のお力になります!
▶︎作業内容
・HTML / CSSコーディング
・JavaScript / jQueryを用いたアニメーション実装
・レスポンシブ対応
・品質確認(マルチブラウザ対応、W3C、ピクセルパーフェクトなど)
・サーバーへのアップロード
▶︎制作の流れ
①ヒヤリング
実装機能などの確認をいたします。
②契約
お見積もり、納期をご提示させていただきます。
ご納得いただけた場合、ご購入をお願いいたします。
③制作・確認
制作実施後、制作物のご確認をお願いいたします。
気になる点がある場合、可能な限り修正対応いたします。
④納品
問題なければ、制作物をzipファイルにて納品させていただきます。
※サーバーへのアップロードをご希望の場合、FTP情報をご教示下さい。
▶︎ご用意いただくもの
・デザインデータ(XD、Photoshop、Illustrator、Figmaなど)
ホームページ、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情報共有をお願いします。不明な場合・サポートが必要な場合はご相談下さい。
【初回お試し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やバナーのデザインを作ってほしい など
【デザイナー様向け】高品質!ホームページデザインのコーディング代行をします
業務内容
【ホームページのコーディング代行をさせていただきます】
「デザインは出来るけど、コーディングが出来ない。」
「忙しいのでコーディングだけやってほしい。」
そんな方のためのサービスです。
デザインカンプをいただけましたらそれを元にコーディングをして忠実に再現いたします。
(※Figma、XD、photoshop、illustrator、どのデザインツールでも構いません。)
レスポンシブ対応込みです。
ご要望、ご意見、ご質問など、なんでもお申し付けください!
ーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー
■当サービスの特徴
・デザインを忠実に再現
ーデザインデータを綺麗に形にいたします。 WEBデザイナーとしての活動もしておりますので、デザイナーへのリスペクトを忘れず忠実にデザインを再現します。PixcelPerfectという拡張機能を用いてズレを最小限に抑えます。
・レスポンシブ対応込み
ー全ての幅で崩れがないようにコーディングいたします。デザインデータがPCのみでもご安心ください。制作会社5社と提携している経験をもとに、PCのみのデザインからスマホでも問題なく綺麗に表示されるようにコーディングをいたします。
・品質チェックテスト込み
ーコーディング後は、全ての幅、複数のデバイス、ブラウザで崩れが起きていないかきちんとテストいたします。品質チェックリストも合わせて納品させていただきますのでご安心ください。
ーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー
■ご契約の流れ
1. 事前のヒアリング
ご契約前にヒアリングをさせて頂き、作業量・納期から正式お見積もり金額お伝えさせていただきます。
2. 仮払い・素材のご提供
打ち合わせにてご納得頂けましたら、この段階でご契約とさせていただきます。仮払いをしていただき、画像やテキストなどの素材をご提供いただきます。
3. 制作開始
不明点の確認や進捗報告など適宜コミュニケーションをお願いいたします。
4. 初稿を提出
修正がないようにコーディングいたしますが、修正点等ありましたら都度対応いたします。
5. 納品
最終確認をいただき、データ、サーバーアップロードなどお客様のご要望に合わせた形で納品いたします。
ーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー
制作会社様5社とお仕事していますので、仕事を投げ出すようなことはありません!
即レス・即対応を心がけております。
最後までテンポ良く、気持ちの良いお取引を進めていきたいと思いますのでよろしくお願いいたします!
【制作会社様・デザイナー様向け】デザインデータからコーディングを代行します
業務内容
「面倒なコーディング代行します!!」
この度は、数多くのサービスの中から私のサービスをご覧頂きありがとうございます。
制作会社様・コーディングを外注したいデザイナー様向けにホームページを制作させて頂きます!
オンライン上でのコミュニケーションが主流になっている昨今、ホームページは会社のWEB上での「名刺」でもあると心得ています。シンプルで見やすいサイト構成で、作って終わりのWebサイトではなく、ビジネスのその先まで見据えたサイト構築を共にできればと思っております。
些細な質問でも結構です。まずはお気軽にご相談ください!
●このようなお悩みはありませんか?
「社内の制作リソースが足りない。」
「デザインはできるけどコーディングが苦手」
「 長期的に付き合えるコーダーを探している」
など様々なお悩みがあると思います。
そうした、あなたのパートナーとなって、問題解決となるサイトを作成いたします。
●サービスの特徴
・低予算かつ短納期で制作が可能
→私は現在クラウドソーシング上では駆け出しのため、実績作りのためにも金額設定を他社様より柔軟に対応しております。
・WordPressの導入によりクライアント様でも簡単に更新・修正が可能(オプション)
→オプションですが、WordPressの導入も対応してます。
●全プラン共通の搭載機能
☑スマホ対応
☑基本的な内部SEO対策(集客対策)
☑お問い合わせフォーム
☑SNSへのリンク対応
☑GoogleマップやYouTubeの埋め込み対応
☑セキュリティ対策
●実績
制作実績をご紹介しておりますので、ご覧下さい。
ポートフォリオサイトURL
https://www.resume.id/yamyam7/works
※ランサーズの仕様上、直接リンクを貼れないためコピーして確認お願いします。
●ご契約後の流れ
①事前のヒアリング/ミーティング
ご契約前にヒアリングをさせて頂き、作業量・納期から正式お見積もり金額お伝えさせていただきます。
②仮払い・素材のご提供
打ち合わせにてご納得頂けましたら、この段階でご契約とさせていただきます。仮払いをしていただき、画像やテキスト・デザインカンプなどを共有いただきます。
③制作を開始します。
④テスト環境にて制作物の確認(2回まで修正対応)
全ページが完了した段階で初稿を提出します。 修正があれば都度対応させて頂きます。
⑤最終確認
⑥本番環境で公開(納品)
ここまでお読みいただきありがとうございます。
お声がけいただけましたら大変嬉しく思います。
下記に私自身の自己紹介を載せておきます。
自己紹介
4年制大学卒業後、営業・テクニカルサポートの仕事に従事しました。
業種問わず、計500名以上の事業者様のキャッシュレス決済の導入サポートを担当しました。
機械を初めて利用するご高齢の事業主様にも定評を頂いております。
その際に学んだ、丁寧な対応とやり切る精神を活かし、
現在はコーダーとして活動しております。
趣味:音楽鑑賞・弾き語り・作詞作曲・散歩・街巡り
【デザイナー様/制作会社様】レスポンシブコーディングいたします
業務内容
いただいたデザインを元に、HTML / CSS / Javascript・jQueryでコーディングいたします。
前職までのサイト運用やWebマーケティング、SEOの知見を活かしながら、
◎デザインに忠実
◎シンプルな記述
◎納期や修正など柔軟な対応
を心がけています。
【ベーシックプランに含まれるもの】
web制作のご相談や、既存サイトの一部修正など
まずはお問い合わせください
【スタンダードプランに含まれるもの】
・HTML/CSSコーディング1ページ
・レスポンシブ対応(PC/スマホ/タブレット)
・アコーディオン、ふわっと表示、などのよく見られる動きの実装(css / javascript / jQuery)
・画像の圧縮、最適化
・metaタグ設定(内容はご用意ください)
<内容に応じお見積もり>
・ご要望に合わせたjavascript対応、動きのカスタマイズ
<ご要望に応じ対応いたします>
・gitでのコード管理
【プレミアムプランに含まれるもの】
特定のコーディングルールの対応など
【以下もご相談ください】
※2ページ以上の制作
※納期の短縮
※既存サイトの修正(Wordpressサイトも可能)
※PC版のデザインデータからスマホ版レイアウト作成
※フォーム設置・改修
※SEO内部対策の代行
※jQueryをjavascriptに書き換え
※表示速度の改善
【ご予算について】
記載の金額は目安です。
ご用件に応じ変動いたします。まずはご相談ください。
【納品までの流れ】
ご依頼内容の詳細をお聞かせください
↓
お見積りを提示いたします
↓
ご納得いただけましたら、ご発注をお願いします
↓
素材等の共有をお願いします
↓
制作開始〜確認・修正
ビデオチャット/電話での打ち合わせ可能です
↓
納品
【自己紹介】
制作会社でのWebデザイナーのアルバイト後、企業のweb担当として5年超、コーディング、サイト設計、運用、SEO対策など経験(SEO検定1級所有)。
バナー作成や、POP・チラシ等の印刷物もデザイン・制作経験あり。
現在はHTMLコーディングを主にフリーランスとして活動中です。
デザインに忠実なレスポンシブサイトをコーディングいたします
業務内容
ご覧いただきありがとうございます。
安心してお取引いただけるよう、丁寧な対応を心掛けております。
当方では、デザインデータから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をご確認いただき、必要に応じて修正させていただきます。
⑤ご納品:お客様の希望に応じて納品させていただきます。
ご満足いただけるよう、精一杯対応させていただきます。
まずは、お気軽にご相談いただければ幸いです。
【スピード対応】LPコーディングをスピーディに対応します
業務内容
「急ぎでLPのコーディングをしてほしい」
「デザインはあるけどコーダーがいない」
「ボリュームのあるサイトのコーディングをしてほしい」
「ワードプレスやアニメーションの対応もしてほしい」
上記のような様々なご要望をお持ちの方はぜひご連絡ください。
【私たちについて】
・グラフィックデザインからWEBデザインまで、業界15年以上の経験があります
・デザインとコーディングを2人体制による分業のため、それぞれの品質担保がしっかり出来ています
・2人体制のため、よりスピーディな対応が可能です
・デザイン中心のノーコード、コーディングからのワードプレス対応など様々ご対応可能です
【ご依頼について】
①ご相談
制作要件をご教示ください
(基本的にはメッセージでのやり取りになりますが、オンラインMTGでのご相談も可能です)
②お見積もり〜サービスのご購入
③制作開始
・1Pのコーディングは初稿まで3営業日
・複数ページの場合はその都度工数をお出しします
④納品
データ納品の他、こちらでの本番アップ対応も可能です
ワードプレス構築が入る場合は、コーディング後に構築期間が追加となります
【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秒程の短いメッセージ動画が再生されます。
よろしければ御覧ください。
【修正、カスタマイズ、ページ、機能追加】ホームページの改修をおこないます
業務内容
ご覧いただきまして、ありがとうございます。
安心して、お取引していただけるよう丁寧な対応とご連絡を心がけております。
当サービスはお持ちの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対応_HTML/CSSコーディング承ります
業務内容
サービスを閲覧いただきありがとうございます!
まずはお見積もりからお願いしております。
◎ サービス内容 ◎
・HTMLの静的ページのコーディング
・JavaScriptを使用した動きの表現
(スクロールに合わせたアニメーション・スライダー・ハンバーガーメニュー・アコーディオンなど)
・WordPressサイトのコーディング
・WordPressへの機能実装(カスタム投稿・カスタマイザーの設定など)
※WordPressはカスタマイズによって別途費用がかかる場合がございます。
◎ 制作内容 ◎
1ページから複数ページまで承っています。
◎ コーディング費用 ◎
・TOPページ:15,000円〜 / 1ページ
・下層ページ:10,000円〜/ 1ページ
・JavaScriptの実装 → 内容に応じて別途お見積もり
※簡単なハンバーガーメニューは無料となります。
・お問い合わせフォームの設置 → 内容に応じて別途お見積もり
・WordPress-TOPページ:30,000円〜 / 1ページ
・WordPress-下層ページ:10,000円〜 / 1ページ
※カスタマイズ内容によっては別途追加料金をいただく場合がございます。
※デザインによって金額は変動いたします。
※料金は全てレスポンシブ込みです。
◎ 無料対応範囲 ◎
・画像圧縮(基本的にはwebpに変換いたします)
・SEO対策のmetaタグ設置(内容はご提供お願いします。)
※WordPressの場合はプラグインを使用
・サーバーへのアップロード(FTP情報のご提供をお願いいたします。)、もしくはZipファイル
◎ 流れ ◎
- コーディング内容の詳細をお聞かせください。
↓ - 納品日と金額をお伝えいたします。
↓ - 問題がなければ、デザインや素材等コーディングに必要な材料をお送りください。
↓ - コーディング開始
↓ - ご確認
※修正は基本無料で対応いたしますが、仕様変更等は別途費用となります。
↓ - 納品(サーバーへのアップ・もしくはファイルの送付)
※対応ブラウザは「Chrome・Edge・Firefox 」としています。
ご不明点があればお気軽にご連絡ください。
迅速・丁寧に対応致します。
お急ぎの場合は土日祝日の対応も可能なのでご相談ください。
宜しくお願い致します。
【スマホ対応含みます!】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への対応は終了いたしました。
★ 納品形式★
ファイル送付、もしくはご指定のサーバーにアップロード
以上となります。
ご不明な点がございましたら、お気軽にメッセージにてお問い合わせください。
【レスポンシブ対応込み】HP・LPコーディング代行いたします
業務内容
HP・LPのデザインデータから、HTML/CSS、JavaScriptを用いたコーディングを行います。
特別なご希望がなければ、PC・スマホの2デザインを頂戴し、リキッドレイアウトで対応します。
*****
【サービス内容】
・完成されたデザインデータを元にしたコーディング
(HTML/CSS、JavaScript)
・フェードイン、スライドショー、ハンバーガーメニュー(スマホ時)など、基本的なアニメーションに対応
・レスポンシブ対応
・テスト環境による動作確認
【納品形式】
Zipファイル
(HTML、CSS、JavaScript、画像等をフォルダにまとめ圧縮したもの)
【ご準備いただくもの】
・完成されたサイトデザインデータ
(Figma、PhotoShop、Illustrator、XDを想定しています。)
※テキスト、画像もご用意をお願いいたします。
【納期】
1週間〜
※作業ボリュームによって変動します。
※こまめにやりとりを行いながら進めてまいります。
スムーズな納品のために、お早めの返信にご協力ください。
【修正回数】
無制限
ご納得いただけるまで対応いたします!
【こんな方にオススメ!!】
・コーディングパートナーが欲しいデザイナーの方
・リソース不足でコーディングを依頼したい方
【制作の流れ】
-
まずはお気軽にご相談ください。
ご相談の際、デザインデータをご提供いただけますと助かります。 -
ご相談内容、デザインデータをもとに、さらに詳細な制作内容をヒアリングいたします。
ヒアリング後、お客様と当方で制作内容・価格・納期などの合意が得られ次第、正式に商品を購入いただきます。 -
コーディングを行います。
進捗は随時報告いたします。
修正は無制限ですので、ご納得いただけるまで修正内容をご指示ください。
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
品質チェックをしてお渡しいたします。
ご満足いただけるよう、責任をもって対応させていただきます。
ご不明な点は、お気軽にお問い合わせくださいませ。
【デザイナー様向け】コーディング代行!デザインカンプを忠実に再現致します
業務内容
初めまして!現在、兼業でコーダーを
しておりますnamiと申します!!
「デザインは出来るけどコーディング出来ない」
「コーディングの人手が足りないので手伝ってほしい」
「スマホ対応出来るコーディングをして欲しい」
そんな方のお手伝いが出来たら嬉しいです!
gulpを使って静的コーディング致します。
レスポンシブ対応(スマホ対応)もお任せ下さい。
CSS設計は保守性の高いFLOCSSを採用しています。
«価格»
デザインや納期によって変動致しますので、
まずはお見積からご相談下さい。
«納品方法»
・zipファイルで納品致します。
«納品までの流れ»
①ヒアリング・お見積もり
└細かい実装方法や費用まで納得いくまでヒアリングします
②デザインデータ確認
└デザインや画像に不備が無いか確認します
③コーディング開始
└途中経過も随時報告します
④テストサーバーで確認・修正
└実装についての修正は何度でも無料でお受けします
⑤zipファイルで納品
ぜひ一度、お気軽にお問い合わせ下さい!!
【制作会社様・デザイナー様向け】デザインから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%でご対応させていただきます!!
最後までお読みいただきありがとうございました!
少しでもご興味がありましたらぜひご相談ください。心よりお待ちしております!!
【最短3日納品可能】HTML/CSSのコーディングを承ります
業務内容
ご覧いただきありがとうございます。
安心してお取引できるよう、丁寧に対応を心がけております。
まずはお気軽にご相談ください。
当サービスでは、デザインデータからHTML/CSSコーディングを承っております。
ーーこのようなお悩みの方へおすすめですーー
・コーダーが足りない
・コーディングできる人がいない
・レスポンシブにも対応してほしい
・費用を抑えてコーディングを任せたい
・デザイナー様、ディレクター様、制作会社様など
ーー基本料金で対応できることーー
・HTML/CSSを使用したコーディング
・WordPress化(オリジナルテーマ化)
・簡単なアニメーション(ハンバーガーメニュー、スライダー、アコーディオンなど)
【お見積りに関して】
記載の料金は目安になります。
作成するページ数や要件よって変動しますのでご了承ください。
ご予算に応じた調整も可能ですので、一度ご相談頂ければ幸いです。
【修正に関して】
無制限で対応いたします。
ただしデザインの変更や要件変更によるものは追加料金を頂戴する場合がございます。
ーー対応可能データーー
・Figma
・AdobeXD
・Illustrator
ーー納期についてーー
トップページのみの場合は最短で3日になります。
ただしデザインやボリュームによって変動しますので一度ご相談くださいませ。
ーー制作の流れーー
①まずは相談するボタンよりお問い合わせくださいませ。
②ヒヤリング(HPやLPの詳細や要件についてお伺いします)
③制作開始
④ご確認と修正(制作したHPをご確認いただき、必要に応じて修正させていただきます。)
⑤納品(基本的にはZIPファイルでの納品になります)
ーー最後にーー
Web制作歴は2年ではありますが、ご満足頂けるように精一杯対応させていただきます。まずはお気軽にご相談頂けますと幸いです。どうぞよろしくお願いします。
予算内で完成度の高いHTML/CSSのコーディングをいたします
業務内容
主にHTML/CSSコーディング承ります。
テンプレートを利用したサイト作成も安価で行っております。
▼予算は抑えたいが、ある程度の完成の高いサイトを作成したい個人事業主、小規模企業におすすめです。
▼HTML/CSSコーディング, WordPress導入, サイト管理,
▼ご購入の流れ打ち合わせ
ヒアリング
ミーティング(オンライン)にて希望するデザインや機能などについて詳細に話し合います。
↓
提案、見積の作成
提案書や見積もりを作成します。(概要、スケジュール、費用、使用する技術等)
↓
見積もりの提示
内容や予算について見積を提出いたします。必要に応じて調整を行います。
↓
契約の締結
合意が得られたら、契約書を作成し、双方の署名を得て正式に作業を開始します。
↓
制作フェーズ
制作中、進捗確認をさせていただきます。
↓
納品
ご確認いただき、問題なければ、納品させていただきます。
料金や目安となります。ご相談くださいませ。
【限定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化
▼ご依頼の流れ
-
プランを選択し「まずは相談(無料)」ボタンをクリック
-
オプションを追加、相談内容を入力し無料相談を送信
-
出品者から相談者様へ返信
送っていただいた内容について質問や回答を行います。
業務内容、報酬、納期、納品形式などについて正確にすりあわせします。 -
注文・仮払い
納得いただいた場合に注文をお願いします。 -
製作開始
制作前に工程やスケジュールの管理表を共有します。
進捗もこまめに報告させていただきますので、ご安心ください。 -
納品物の確認と修正
事前に決めた初稿提出日までにテストサーバーにアップしたサイトを相談者様に確認していただきます。修正が必要な箇所を指摘して頂きます。修正はなんどでも承ります。 -
最終納品
納品日までに最終的な納品をさせていただきます。
コーディングのご依頼ならお任せください!WEBコーディングの代行を行います
業務内容
▼サービス内容(応相談)
コーディングの依頼ならお任せください!WEBコーディングの代行を行います。
└お気軽にお問合せください。
ご満足頂けるものができるように、日々技術向上に心がけております。ご依頼ご相談など、お気軽にご連絡ください。
納品後の修正も、最後まで責任を持って丁寧に対応させて頂いておりますので、何かありましたら、遠慮なくおっしゃって頂ければと思います。
▼購入手順
お気軽にお問合せいただきご相談内容をお伝えください。
レスポンシブサイトの高品質なフロントエンドコーディング承ります
業務内容
◽︎こんな方におすすめ
・デザインカンプはあるけどコーディングの手間を省きたい
・デザイナーとしてカンプは用意できるがコーディングまで手が回っていない
・ポートフォリオ制作で、コーディングだけを代行してほしい
・PC、スマホのみしかないデザインをよいように解釈してレスポンシブにしてほしい
・WordPressやstudioではできない演出をサイト上に実装したい
・特殊な実装をしているサイトを改良したい
◽︎対応範囲
・1ページ
・レスポンシブ(スマホ、PC)対応
・基礎的なSEO対策
◽︎対応技術
・HTML Living Standard
・CSS 3
・SASS(SCSS)
・JavaScript
・TypeScript
◽︎開発環境(ご指定がない場合)
・Astro.js
・Vite
・SCSS
◽︎制作のすすめかた
①カンプ確認、すりあわせ
デザインカンプを確認しながら、ヒアリングを行います。
②コード制作
カンプをもとに、コーディングを行います。
③最終確認、納品
確認していただいたのち、納品を行います。
即対応! HP・LPコーディング承ります。現役フロントエンドエンジニアます
業務内容
■YAMADA Takahiro山田隆広にお手伝いできること
・HTML CSS Javascript のコーディング
・SPAページのコーディング
・オリジナルテーマでのWordPress構築
・既存webサイトの更新
「安心して任せたい」
「信頼できる人がいい」
「提案してくれる人がいい」
「コーダー不足」
「コーディングが苦手だから任せたい」
■YAMADA Takahiro山田隆広が大切にしていること
・柔らかく温かなコミュニケーション
・早急なレスポンス(即~半日以内)
・毎日の進捗状況のご報告
・可能な限り前倒しの納品
・何より、完成品をお客様にご満足いただけること
■使用できるソフト
・HTML
・CSS SASS
・Javascript
・Typescript
・React app
・React Native
・AngularJs
・Bootstrap
・Wordpress
・Figma
・Adobe XD
・Adobe Illustrator
・Adobe Photoshop
・Git GitHub
・Git GilLab
■稼働可能時間帯
平日・土日祝 16:00〜25:00 (日本時間)
※2024年現在フランスに居住しているため対応不可な時間帯がございます。
※ご相談やお取引中のメッセージのやりとりは半日以内にご対応いたします
■居住地
フランス パリ
■趣味・特技
コミュニティ運営 ダンス 新技術の習得
もしご興味を持っていただけましたら、どんな些細なことでもお気軽にお問い合わせくださいませ。どうぞよろしくお願いいたします。
【ランディングページ】HTML/CSS コーディング代行します
業務内容
ご覧いただきありがとうございます。
個人の方・企業様問わず下記のお悩みにご助力いたします。
・デザインはできるけどコーディングは苦手…
・約束していたコーダーさんが体調不良で急遽人手が必要
・納期が差し迫っていてコーディングだけでもお願いしたい…
など、コーダー不足でお困りの方
ご相談ください!
■できること
・ランディングページのデザイン・制作
・Webサイトコーディング
※HTML/CSS/javascript
・WordPressを使ったwebページ、ブログ作成
など
記載のない内容については要相談でお願いします。
Webサイトを初めて作る方、コーディングが苦手なデザイナーさんなど
低価格、お急ぎ納品でご対応いたします。
■サービス内容
・HTML/CSSコーディング
・レスポンシブ対応
・簡単なjQuery/JavaScriptのアニメーションの実装※1
・既存ランディングページのちょっとした修正
※1 簡単なアニメーションの範囲
→ハンバーガー・アコーディオンメニュー / スムーススクロール / ホバーアニメーション / TOPへ戻るボタン / スライダー
■対応可能データ
PS、AI、Figmaのいずれか
その他データをご希望の場合はご相談ください。
■納品形式
ZIPファイル送付、またはご指定いただいたサーバーへのアップロード
デザインデータよりホームページやLPサイトのコーディングを承ります
業務内容
◆ご提供内容
・HTML/CSS/jQuery/JavaScriptを使ったコーディング
・保守・運用しやすいCSS設計
・Wordpressの導入、構築、オリジナルテーマでの制作
・細かい報連相
・gulpでの環境構築を使用
◆制作内容
・静的コーディング(1ページ〜)
・レスポンシブ対応
・アニメーションの実装(スライダー、スクロール、アコーディオン、ハンバーガーメニューなど)
・お問い合わせフォームの実装
・JavaScriptの機能を実装:5,000円~ / 1点
・お問合せフォームの設置:内容により別途お見積もり
・WordPress化:内容により別途お見積もり
※WordPressの設置に関しましては別途追加費用が発生いたします。
◆費用に関して
記載の金額は目安としてご検討くださいませ。
ご依頼頂くページ数や内容に応じて金額は変動いたします。
ご予算に応じて調整ができますので、まずはお気軽にご相談下さい。
◆ご購入の流れ
「見積もり・カスタマイズの相談に進む」にお進み頂き、
ご依頼の内容を詳しくご入力ください。
↓
納品日のおおよその日程と、追加でオプション等のご購入の必要がある場合ご案内いたします。
↓
お見積もりなどに問題がなければ、発注をお願いいたします。
画像やテキストなど、制作に使用する素材がある場合はお送りください。
↓
最終的な納期をお伝えし、サイト構築の作業を開始します。
↓
コーディング完了後、ご確認をいただき
3回までは無料で修正の対応をさせて頂きます。
最終チェックが完了の後、データをお渡しし納品となります。
【制作会社様・デザイナー様向け】デザインを正確にコーディングいたします
業務内容
ご覧いただきありがとうございます!
現在私はWEB制作フリーランスとして主にデザインカンプからのコーディングを行なっておりますとみーと申します。
本サービスはホームページやLPのコーディング代行サービスです。
LPのようなシングルページからコーポレートサイトのような複数ページ、オリジナルのWordPressサイト作成まで幅広く対応しております。
・社内リソースが足りずデザインのコーディングは全てお願いしたい
・デザインはできるがコーディングが苦手で時間がかかる
・ブログ更新があるのでWordPressで構築して欲しい
・デザインの世界観をアニメーションで幅広く表現したい
このような方には特にお役に立てるサービスとなっております。
特にJavaScriptを使用したアニメーションの実装を得意としております。
▪️当サービスの対応可能範囲
・HTML / CSS / JavaScriptを用いたコーディング
・レスポンシブ(スマホ対応)
・WordPress実装
・お問い合わせフォーム実装
▪️納期目安
1ページのみのLPサイトであれば1週間程(初稿の提出)で対応させていただきます。
▪️料金目安
LP : 30,000円 〜
複数ページサイト
Top 20,000円 〜
下層ページ 5,000円 〜
※初回ご依頼のお客様は半額で対応させていただきます。
※ご予算に応じて柔軟に対応させていただきますのでこの限りではございません。
▪️主な制作の流れ
①ヒアリング・お見積り・要件確認
②デザインデータ、画像等のご提示
③コーディング作業開始
④初稿提出・確認いただき修正があれば対応いたします
⑤納品
▪️納品方法
圧縮ファイル(ZIPファイル)納品
サーバーアップロード(FTP情報が必要となります)
どちらでも柔軟に対応させていただきます。
納品後の修正箇所があれば最後まで責任を持って対応させていただきます。
ご相談だけでも問題ございませんので、お気軽にお問い合わせください!
【 制作会社様・デザイナー様向け 】デザイン通りのコーディングをいたします
業務内容
数あるサービスの中からご覧いただきありがとうございます。
フリーランスでWEB制作をしております足守ちかと申します。
迅速なレスポンス、丁寧な対応を心がけております。
ご相談は無料でお受けしておりますので、お気軽にご相談ください!
=======================================================
デザインを忠実に再現いたします
「 デザインは対応するので、コーディングだけ対応してほしい 」 という制作会社様や個人様
「 ランディングページ制作のご依頼を受けたけど、コーディングが苦手 」 というデザイナー様
「 コーディングの人手が足りない 」 という制作会社様やコーダー様。
など、コーダーをお探しの方はぜひご検討ください。
=======================================================
◆ パッケージ内容について ◆
- 静的コーディング
- ランディングページのコーディング
- レスポンシブ対応(PCサイズ・スマホサイズでの表示変更)
- スライダー、アコーディオン、ハンバーガーメニューなどアニメーションの実装
- 無制限の修正対応
=======================================================
◆ ご用意いただくもの ◆
- デザインデータ
- 画像データ(JPG・PNGなど)
- テキストデータ
=======================================================
◆ 納品までの流れ ◆
①ヒアリング・お見積もり
↓
②デザインデータや各種素材をお送りいただく
↓
③作業開始
※進捗状況はこまめにご報告いたします。
↓
④テスト環境にて制作物のご確認
↓
⑤修正対応
↓
⑥最終確認
↓
⑦納品
=======================================================
◆ 納品について ◆
-
データ納品(ファイル一式を zip 圧縮したもの)又は指定のサーバーにアップロードして納品いたします。サーバーにアップロードをする場合は、FTP情報が必要になります。
-
納品前には独自の品質チェックシートを用いて確認いたします。また、品質チェックシートは納品時にお渡しいたします。
デザインを基に再現性の高いWEBサイト製作のコーディング代行を承ります
業務内容
サービス内容
ご覧いただきありがとう御座います
WEBサイトの作成・コーディング代行を承っています
※ご依頼の仕事は納品後、実績として公開することはありません
◇作業内容
・HTML/CSS/JavaScriptを用いたコーディング
・ホームページ・LP等のWEBサイト制作
・レスポンシブの対応
・お問い合わせフォームの実装(PHP使用)
・JavaScriptを用いたスライダー、アコーディオン等の実装
・修正や追加作業も受け付けています
◇料金
•メインページ 10000円〜
•下層ページ 5000円〜
(メインページの半分以下を想定しています)
•修正や追加作業 3000円〜
•アニメーション ハンバーガーメニュー スライダー アコーディオン等、シンプルなものなら無料でやります
(複雑なものは、追加料金を頂く場合があります)
•お問い合わせフォームの実装 10000円〜(PHP使用)
※金額は目安です。作業量により増減します
ご相談ください
出品のシステムの都合上10000円以上の設定になっています
見積もりのカスタマイズの方からお問い合わせください
◇作業の流れ
•ヒアリング
↓↓
•お見積り
↓↓
•作業開始
↓↓
•必要ならテストサーバーにアップ 確認修正
↓↓
•最終確認後、納品
※納品はzipにてお渡しします。
◇納期
3日〜
デザインデータを確認した上でお知らせします
お仕事を受けた翌日を作業開始日とさせて頂きます
作業量により3日以内に納品が可能な場合があります
※注意事項※
jqueryは極力使いません。
WordPressやノーコードツール等は使用しません。
デザインデータは、Inkscapeかfigmaで確認します。
出先で確認することがあるかもしれないので、予備でjpegかpngのデザインデータがあると確認しやすいです。
【個人経営、中小企業様向け】HP修正、レスポンシブ対応いたします
業務内容
〇こんな方へおすすめ
・HPはほしいけど、なるべく費用を抑えたい
・納期を短く依頼したい
・デザインはあるけど、コーディングができない
・とにかく誰かにコーディングを頼みたい
〇業務内容
・コーディング代行
・HP修正
・レスポンシブ対応
(※内容によっては対応不可の場合もありますが、まずはご相談ください。)
〇ご依頼の流れ
①ご相談・お見積り
要件や納期、予算などお気軽にご相談ください。
②コーディング
デザインカンプを元にコーディングを行います。
コーディング後は品質チェックを行い調整します。
③確認
お客様にコーディングしたサイトをご確認いただき、ご要望に応じて修正を行います。
④納品
コーディング後のファイル一式を納品いたします。
ZIPファイルまたは本番サーバーへのアップロードでの納品となります。
〇費用
実績作りのため、格安でお引き受けしております。
HP修正:1点3000円~
ランディングページのコーディング:20000円~
ホームページのコーディング(5ページ程度):50000円~
〇納期
修正1,2点程度:最短即日
LPコーディング:5日~
HPコーディング:14日~
〇実績
自身の下記ポートフォリオサイトにて公開しております。
ぜひご覧ください。
https://yuriportfolio.net/
ここまでご覧いただき、ありがとうございました!
もしご依頼いただければ丁寧、迅速な対応をさせていただきたいと思っております。
ご連絡を心よりお待ちしております。
1名様限定! HTML・CSSコーディング業務代行いたします
業務内容
サービス内容
ご覧いただきましてありがとうございます!
コーディング業務を承っておりますやすゆきと申します。
キャンペーン期間中!
1名様限定3,000円でご対応いたします!
【サービス内容】
・HTML、CSSを用いた静的コーディング
・レスポンシブ対応(PC、タブレット、スマートフォン)
・JavaScript(jQuery)を用いた簡易アニメーション
スライダー、スクロール、ハンバーガーメニュー
・各種SNS連携
・納品後1週間修正対応
【料金】
・TOPページコーディング:5,000円(5,000px目安)
・下層ページコーディング:3,000円(5,000px目安)
・レスポンシブ対応:基本無料(既存ホームページのレスポンシブ対応のみ:3,000円)
・アニメーション:基本無料(スライダー、スクロール、ハンバーガーメニュー以外のアニメーション1点:2,000円)
・サーバーアップロード:基本無料
※料金は目安となり、作業内容により前後する場合があります。
事前の相談により正確なお見積をいたします。
【納品までの流れ】
1.ヒアリング(「見積り・カスタマイズの相談」から業務内容のヒアリングをさせていただきます)
↓
2.お見積り
↓
3.ご契約
↓
4.デザインデータのご提供
↓
5.コーディング業務開始
↓
6.初稿提出(テストサーバーにてご確認いただきます)
↓
7.修正対応(無制限にてご対応いたします)
↓
8.納品(zipファイルでのデータ納品or指定サーバーへのアップロード)
【納期】
作業開始より7日を目安に納品いたします。
※構造により前後いたしますので「見積り・カスタマイズの相談」にてすり合わせさせていただきます。
購入にあたってのお願い
■お客様にご準備いただきたいもの
・デザインデータ(Figma・Photoshop・Illustrator・XD)
・書き出しできない画像やテキストデータ
【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
※いずれも最新版です。
★ 納品形式★
ファイル送付、もしくはご指定のサーバーにアップロード
ご不明な点がございましたら、お気軽にメッセージにてお問い合わせください。
【Webサイトコーディング】既存サイトの修正依頼承ります
業務内容
既存サイトのHTML/CSSなどの修正依頼承ります!
「安定的にちょっとした修正依頼をお願いできる取引先が見つからない」
そんなお悩みございませんか?
弊社は地元企業様からコーディングの修正依頼を頻繁に受託しており、クオリティにも満足していただいております。
安定的に弊社にお任せいただくことで
・いつでも迅速に対応
・毎回同じ者が対応しコミュニケーションコストの削減
・連絡が途絶えることのない安心感
をお約束します。
■価格
・Webサイト修正:3,500円~
・修正内容に応じたお見積りをさせていただきます。
■納品までの流れ
①ヒアリング・お見積もり(まずはご相談ください!)
②ご契約(仮払いで契約となります)
③弊社にて修正対応
④ご確認・修正(2回まで無償対応)
⑤納品
複雑なアニメーションやパララックスにも対応!コーディングコーディング代行いたします
業務内容
初めまして、フロントエンドエンジニアのayameと申します。
ご覧いただきありがとうございます。
・デザインはできるけどコーディングができないという方
・忙しくなってきたためコーディングを外注したいという方
お悩み解決いたします!
もちろんその他のご相談も大歓迎です。
レスポンシブ対応や、JavaScriptを用いた動きのあるものも作成可能です。
規模にもよりますが、1P1,5000円から承ります。
(複雑な動きのあるもの、1Pが長いものなどについては要相談です。)
SEOを意識したコーディングでサイトのアクセス数アップも見込めます。
○サービスの流れ
- ヒアリング(作業ボリュームなどをお伺いし、お見積もりをご相談)
↓ - デザインデータ確認
↓ - コーディング開始
↓ - テストアップ
↓ - 修正
↓ - 納品
○制作期間
デザインをいただいてから1ページあたり最大3日で納品いたします。
(簡易的なデザインであれば即日お渡しできます。)
【制作会社様・Webデザイナー向け】HP・LPのコーディング代行します
業務内容
【制作内容】
・HTML/CSSコーディング
・レスポンシブ対応(PC/タブレット/SP)
・トップページのアニメーションなどにスライダーの費用込み
・SPデザインでのハンバーガーメニューの実装費込み
・Wordpressの導入、構築可能
【購入・納品の流れ】
1.見積もり
作成するページ数やご要件に応じて金額は変動いたします。
そのため、「見積もり・カスタマイズの相談に進む」よりご依頼の内容を詳しくお知らせください。
納品日の目安と、追加で購入が必要なオプションがある場合ご案内いたします!
2.デザインの確認、仕様の確認
お見積もりなど問題なければ、そのままご発注をお願いいたします。
その後、写真やテキストなど、サイトに使用する素材がある場合お送りください。
3.制作開始
最終的な納品日をお伝えし、サイト構築開始いたします。
4.納品
テストサイトをこちらで用意いたします。
テストサイトでデザインや文言、アニメーションなどの確認を行っていただき必要があれば修正を行います。
修正回数は無制限です。
問題なければ本番環境へのアップロードまたは、ご要望に合わせてデータを送付いたします。
【デザインデータについて】
XDまたは、PSD、AIでのデザインのみ可能です。
画像データを切り出しを行ってデザインデータと一緒に提出してください。
また、SPデザインはトップページのみでも可能です。(こちらでSP用に調整いたします。)
【実績】
・不動産(賃貸・建売・売買どれも経験あり)
・中小企業(コーポレートサイト)
・人材派遣
・採用ホームページ
・保育園
・美容室
・葬祭
・イベント(イベントの応募や紹介なども可能)
など
【制作会社様・Webデザイナー様】Webサイトのコーディング・修正承ります
業務内容
初めまして、webコーダーの塚田と申します。
Webサイト(HP、LP)のコーディング、修正・更新、Wordpressの構築・カスタマイズなどを中心にお受けしています。素早く、丁寧に、柔軟に満足していただけるよう対応いたします。
法人から個人の方までご対応可能です。
サービス内容
・HTMLの静的ページのコーディング
・JavaScriptを使用した動きの表現
(スクロールに合わせたアニメーション・スライダー・ハンバーガーメニュー・アコーディオンなど)
・WordPressサイトのコーディング
・WordPressへの機能実装(カスタム投稿・カスタマイザーの設定など)
※WordPressはカスタマイズによって別途費用がかかる場合がございます。
制作内容
1ページから複数ページまで承っています。
コーディング費用
・TOPページ:15,000円〜 / 1ページ
・下層ページ:10,000円〜/ 1ページ
・JavaScriptの実装 → 内容に応じて別途お見積もり
※簡単なハンバーガーメニューは無料となります。
・お問い合わせフォームの設置 → 内容に応じて別途お見積もり
・WordPress-TOPページ:30,000円〜 / 1ページ
・WordPress-下層ページ:10,000円〜 / 1ページ
※カスタマイズ内容によっては別途追加料金をいただく場合がございます。
その他
・ブログ、メディア記事の更新作業
・WordPressテーマの導入、初期設定
・WordPressの内部SEO対策、セキュリティ設定
・Googleサーチコンソール登録、サイトマップの作成、インデックス登録の代行
・コンタクトフォームの追加(プラグイン)
上記の他にも、内容によっては対応可能ですのでご相談ください。
※デザインによって金額は変動いたします。
※料金は全てレスポンシブ込みです。
制作の流れ
コーディング内容の詳細をお聞かせください。
↓
納品日と金額をお伝えいたします。
↓
問題がなければ、デザインや素材等コーディングに必要な材料をお送りください。
↓
コーディング開始
↓
ご確認
※修正は基本無料で対応いたしますが、仕様変更等は別途費用となります。
↓
納品(サーバーへのアップ・もしくはファイルの送付)
※対応ブラウザは「Chrome・Edge・Firefox 」としています。
ご不明点があればお気軽にご連絡ください。
迅速・丁寧に対応致します。
お急ぎの場合は土日祝日の対応も可能なのでご相談ください。
宜しくお願い致します。
デザインに忠実なHTML・CSS・JSコーディングを行います
業務内容
\\ デザインに忠実なHTML・CSSコーディングを承ります。 //
■私について
現役Webコーダーのゆりと申します。
見ていただいてありがとうございます!
画面幅が変わった際の画面崩れが気になる細かい性格です。
丁寧且つ謙虚な対応を心がけており、
下請けやお客様という関係より、同じ制作物を作る仲間だと思って仕事をしたいと思っています!
■販売価格について
下層ページなど比較的簡易なページ内容(A4で1P程度)を想定しております。
トップページやLPなどの場合は別途お見積もりさせていただきますので、
お気軽にご相談くださいませ。
■納期について
納期を早めることも可能でございます。(追加料金有)
まずはお気軽にご連絡いただければ嬉しいです!
【限定価格】丁寧かつ低価格でコーディング承ります。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ファイルの送付
・サーバーへのアップロード
他、ご希望の納品方法があればご相談ください。
最後までご覧いただきありがとうございます!
ぜひご一緒にお仕事させていただければと思います!
WordPressサイトのコーディング リッチに仕上げます
業務内容
ご覧いただきありがとうございます。
お気軽にご相談下さい。
【 こんな方におすすめ! 】
・リッチなサイトにコーディングしてほしいWEBディレクター様・デザイナー様
・納期に余裕があるので品質を上げたい
など
【 サービス内容 】
●Webサイトをリッチに仕上げる以下のサービスが標準実装です。
・スムーススクロール(動画参照)
・マウスストーカー
・レスポンシブ
・フルイドレスポンシブ(ブレウザ文字サイズへの対応)
・ハンバーガーメニュー(既定デザイン)
・ローダー(既定デザイン)
●無料アニメーションを準備しています。
私のポートフォリオの参照動画よりエフェクトを確認いただけます。
・マウスエフェクト(マウスストーカーによるホバーエフェクト)
・スクロールに連動したアニメーション(fadeや背景色の変更など)
・Three.jsを用いた画像等のアニメーション(ホバー時のエフェクトなど)
【 料金 】
●基本料金
・トップページ:25,000円〜
・下層ページ:17000円〜
・お問い合わせフォームの設置: 5,000円(プラグイン)〜
・アニメーション&JavaScriptの実装:3,000円〜
必要な機能、ページの長さ、デザインなど
ご要望により価格が変動致します。
お気軽にご相談下さい。
【 お願い 】
●パーフェクトピクセル対応は行っておりません。
デザインデータを正確に再現するように努めておりますが、
数ピクセルずれのみなどの修正指示には対応できない場合があります。
●クオリティを確保するためにしっかりとした制作期間を確保させて頂いております。
制作期間目安
・TOPページのみ: 2週間
・TOPページ + 下層4ページ: 4週間
●ファイルでのお渡しのみとなります。
・all in one wp migrationのデータ
・容量過多の場合:themeフォルダなどを追加でお渡し
●デザインデータはfigmaのみ対応させて頂いております。
【 制作の流れ 】
① ヒアリング・お見積もり
必要な機能や納品方法、スケジュールについて
↓
②ご契約・デザインデータお預かり
↓
③コーディング
↓
⑥テストサーバーにて全体を確認・修正
↓
⑧最終確認・納品
【 注意点 】
●納期について
納期はデザインデータなどの提供素材が揃ってからカウントとしております。
●フォントについて
基本はGoogleFontにあるフォントを使用しております。
GoogleFontにないフォントをご使用している場合は、お客様に確認させていただきます。
デザインデータの中に有料フォントがある場合、お客様の方でご準備をお願いいたします。
●画像のalt属性について
スライダーなどの複数の画像を遷移させる場合、
エフェクトの特性上、正しいalt属性を設定できない場合がございます。
●HTMLのタグについて
使用しているJavaScriptライブラリの関係上、適切なタグが使用できない場合があります。
例)アンカーリンクのaタグは、spanタグを使用します。
HTML,CSS,JSを使用して一からコーディングをします
業務内容
webページのコーディングをいたします。
HTML,CSS,JSを使用し一から制作いたします。
そのため柔軟対応ができると思います。
技術的に実現不可能なデザインもあります。
【制作会社様・デザイナー様向け】デザインを忠実に再現!コーディング代行いたします
業務内容
本パッケージはWebサイトのコーディング代行サービスです。
ココナラプラチナランク・60件以上の販売実績有り!
ランサーズ参入にあたりお試し価格でプランをご用意しております。
ぜひお気軽にご相談下さいませ!
■□――――こんな方におすすめ――――□■
「デザインデータはあるけどコーディングをする時間がない」
このようなお悩みをお持ちではありませんか?
・コーディング業務の外注先をお探しの方
・コーディングが苦手な個人Webデザイナー様
・継続的にお願いできるパートナーを探している制作会社様
ご満足頂けるように丁寧かつ柔軟な対応を心掛け、満足していただけるサービスを提供しています
■□―――― 料金 ――――□■
・トップページのコーディング:15,000円 〜
・下層ページのコーディング :8,000円〜 / 1ページ
・LPのコーディング:25,000円〜
・アニメーション:要相談
・Wordpress構築:要相談
※ 上記は基本料金となります。ページの長さやデザインの内容によって価格変動ございます。
※ レスポンシブ対応込みの価格になります。
※ Wordpress対応ご希望の方はカスタマイズからご相談ください。
修正や部分コーディングも対応可能ですのでお気軽にご相談くださいませ。
■□―――― 対応可能データ ――――□■
・XD、Photoshop 、Illustrator、Figma等
※ 確認用に、一枚で書き出した画像データ(JPEGかPNG)を一緒に送付ください。
※ Illustratorの場合はリンク画像も添付(もしくは埋め込みで)お願いいたします。
■□―――― 納品までの流れ ――――□■
① ヒアリング・お見積もり
② ご契約・デザインデータお預かり
③ コーディング
④ テストアップ(ご確認・修正)
→ テスト環境にアップしお客様にブラウザで確認いただきます
⑤ 最終確認・納品
■□―――― 納品形式 ――――□■
・zipファイルの送付
・ご指定のサーバーへのアップロード
■□―――― 注意事項 ――――□■
・必ずデザインデータをご用意下さい。
・WEBフォントを使用したデザインの場合、フォントの契約はお客様の方でご準備をお願い致します。
・コーディングのルールがございましたら事前にお知らせください。
・コーディング着手後に大幅なデザイン変更があった場合、追加料金が発生する場合がございます。
・サーバーのご準備はお客様の方でお願い致します。
※デザインデータがない状態でのご相談が増えております。参考サイトのみのご提示やデザイン作成込みの対応は行なっておりませんのでご了承ください
※やりとりの間に1週間以上ご回答がない場合はキャンセルさせて頂く場合がございますのでご了承下さい(ご回答にお時間かかる場合はその旨をお伝え頂くようお願いいたします。)
ご満足頂けるように丁寧かつ柔軟に対応致しますので、疑問に思った点などがあれば、お気軽にご相談下さい。
レスポンシブなLP制作のコーディングを高品質・高速で担当します
業務内容
こんな方にオススメ!
とにかくWebサイトをはやく作りたい方。
アイデアやデザインは用意できるが肝心の実装者が見つからないという方。
ドメインの取り方などが分からない方。
とにかくコーダーの手が足りないという方。
SEOの知見が欲しいという方。
コードレビューをお願いしたいという方。
ミーティングについて
コミュニケーションに関しては、基本的に平日19時以降か土日にはなってしまいますが、週に2回ほどであれば、お昼過ぎのMTG参加などは可能です。
WebサイトのHTML・CSSコーディング代行を承ります
業務内容
WebサイトのHTML・CSSコーディングを承ります。
WordPressの実装や既存サイトの更新・修正もお任せ下さい。
デザインの再現性とメンテナンスしやすいコードを心がけ、
作業いたします。
ご相談・お見積りは無料ですので、
お気軽にご連絡下さい。
◆ 費用の目安
・TOPページ(1P)のコーディング:40,000円〜
・下層ページ(1P)のコーディング:10,000円〜
・既存サイトの更新・修正:5,000円〜
デザインデータや仕様など、
案件の詳細を確認後、お見積りさせていただきます。
◆ ご依頼の流れ
1.お見積もり
まずはご相談フォームよりデザインデータや仕様など、
案件の詳細をお知らせ下さい。
内容を確認し、お見積りを提示いたします。
3.仮払いのお手続き
お見積もり金額にご納得いただけましたら、
ご注文・仮払いのお手続きをお願いいたします。
4.データの入稿
デザインデータの入稿をお願いいたします。
5.コーディング開始
コーディング作業を進めてまいります。
6.テストアップ
テスト環境にてコーディング内容をご確認いただきます。
7.納品
問題なければ、
Zipファイルでデータ一式をお送りし、納品とさせていただきます。
◆ ブラウザチェック
Google Chrome
Mozilla Firefox
Safari
Microsoft Edge
※各ブラウザの最新バージョンでのチェックとなります。
HTML/CSS実務10年以上のコーダーがホームページの表示崩れをお直しします
業務内容
お客様がお持ちのWebサイトで生じてしまっている表示崩れを修正します。Webサイトを制作しているデザイナーさんからのご依頼も歓迎です。
【例】
「YouTubeの動画を埋め込んだらはみ出してしまうので綺麗に収めたい」
「スマホで見ると謎の余白ができてしまう」
※ランサーズのシステムの制約で1万円以下に設定できないため複数回のセットとさせていただいています。1ヶ所のみの場合は3500円で直接依頼のご連絡をください。
▼ご依頼時に提供いただきたい情報
- 当該のページを閲覧できるURL
- 表示崩れ箇所のスクリーンショット(丸を付ける等の位置指定をお願いします)
- どのように修正したいか
- 納品方法のご希望(原則お客様のHTML/CSSをお預かりし、修正後のものをお戻しします)
▼制作の流れ
1)ご要望のヒアリング、詳細なお見積りをいたします
2)修正作業を実施
3)制作物をご確認ください
4)3で修正事項が挙がった場合は対応いたします
5)納品いたします
"<123>" "<123>" "<123>" "<123>" "<123>"ます
業務内容
-
https:
-
https://"
-
ftp://www.google.com/
-
lancers@google.com
-
javascript:alert('foo')
javascript:alert('foo')
[link](http://www.google.com/)
![image](http://www.google.com/)
[jslink](javascript:document.location='http://www.google.com/')
[foo]: /url "title"
<A HREF="javascript:document.location='http://www.google.com/'">XSS</A
<a href="javascript:alert('foo')" onclick="alert('foo')">alert('foo')</a>
- <a href="javascript:alert('foo')" onclick="alert('foo')">alert('foo')</a>
- <a href="javascript:alert('foo')" onclick="alert('foo')">alert('foo')</a>
* <a href="javascript:alert('foo')" onclick="alert('foo')">alert('foo')</a>
* 123 <a href="https://www.lancers.jp/">alert('foo')</a>
* 123 <script>alert('foo')</script>
-
123 <a href="https://www.lancers.jp/">alert('foo')</a>
-
123 <script>alert('foo')</script>
-
<a href="https://www.lancers.jp/">alert('foo')</a>
-
<script>alert('foo')</script>
123 <a href="https://www.lancers.jp/">alert('foo')</a>
123 <script>alert('foo')</script>
123 <a href="https://www.lancers.jp/">alert('foo')</a>
123 <script>alert('foo')</script>
123 <a href="https://www.lancers.jp/">alert('foo')</a>
123 <script>alert('foo')</script>
123 <a href="https://www.lancers.jp/">alert('foo')</a>
123 <script>alert('foo')</script>
123 <a href="https://www.lancers.jp/">alert('foo')</a>
123 <a href="https://www.lancers.jp/">alert('foo')</a>
<a href="https://www.lancers.jp/">alert('foo')</a>
<a href="https://www.lancers.jp/">
alert('foo')
</a>
123<a href="https://www.lancers.jp/">alert('foo')</a>
123<a href="https://www.lancers.jp/">alert('foo')
</a>
<script>
alert('foo')
</script>
123<script>alert('foo')</script>
123<script>alert('foo')
</script>
【制作会社様・デザイナー様向け】一律15,000円!HP・LPコーディング代行します
業務内容
ご覧いただきありがとうございます。
\ 追加料金なし /
HP・LPサイトのコーディングを一律15,000円でいたします!
(トップ1ページ、下層5ページまで)
サービス内容
ーーーーーーーーーーーーーーーーーーーー
・いただいたデザインデータをもとに、HTML/CSSを用いた静的なコーディング
・レスポンシブ対応(スマホのデザインが無い場合でもレスポンシブ対応可能です)
・簡単なアニメーションの実装(スライダ―・ポップアップ・アコーディオン等)
・無料の修正対応(3回まで)
◾️細部にこだわった丁寧な構築
・デザインに応じて適切なブレイクポイントを設定し、どのブラウザで見てもズレが無いように構築いたします。
◾️保守・運用を考慮したCSS設計
・保守や運用をし易いように、FLOCSSを用いたCSS設計をしております。
・SCSSで構築を行い、シンプルで管理のし易い記述をしております。
◾️丁寧でスピーディな対応
丁寧でスピーディなレスポンスや進捗の報告を徹底しております!
◾️納品方法
・zipファイル送付
サービスの流れ
ーーーーーーーーーーーーーーーーーーーー
1. ご相談・ヒアリング
2. デザインデーターお預かり
3. 作業開始
4. ご確認・修正
5. 最終確認・納品
注意事項・サービスに含まれていないもの
ーーーーーーーーーーーーーーーーーーーー
・WordPressの構築は承っておりません。
・ピクセルパーフェクトでの実装やOGPの設定、SEO対策は実施しておりません。
・サーバーへのアップロードは行っておりません。
・大幅なデザインや内容の変更、受注時に指示の無かった追加の要望は対応致しかねます。
・通話でのお打ち合わせは行っておりません。
・制作物をポートフォリオに掲載させていただく場合がございます。
(掲載不可の場合はお申し付けください。)
ホームページやWebサイト、LPのコーディング・修正いたします
業務内容
◆ パッケージに含まれるもの(全プラン共通)
・HTML/CSSを用いた静的コーディング
・レスポンシブ対応(ブレイクポイント1つ)
・主要ブラウザ対応
◆ パッケージに含まれないもの(オプション)
・カルーセル / スライダー / ポップアップ / アコーディオンなど: 1箇所につき +7,500円〜
・スクロールアニメーションなど: 希望内容により相談してお見積もりいたします
・WordPress内への組み込み: 応相談
・ブレイクポイント追加: 1つにつき 10%割増
◆ 納品
・zipファイル送付
・サーバーへのアップロード(FTP情報を共有いただく必要があります)
◆ 制作の流れ
- 「相談する」よりご依頼内容の詳細をお聞かせください。
- 納品日・金額のご提示
- ご契約
- デザインデータ・素材等の共有
- 作業開始
- ご確認・修正
- 納品
※ 各プランの納期は目安です。
※ ランディングページを画像コーディングにする場合、プラン料金よりお安くできますのでお気軽にご相談ください。
■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 |
※大凡の価格を表示しています。実際の料金は依頼内容や会社によって異なります。
※こちらで記載している金額はランサーズ上の依頼金額ではありません。
※当社調べの「一般的な制作会社や企業に依頼した際の目安の依頼料金」となります。