人気ランキング 期間:5月17日 〜 5月24日
HTML、CSS、js/jQuery、php、WP コーディング承ります
業務内容
提案金額は目安です。ページ数の増減、納期の前後などにより調整可能です。
サイトの更新、修正いたします
業務内容
文章変更による、Webサイトの更新、画像の差し替え、
簡単なトリミングなどを行います。
コンテンツ追加も対応できます。
また、サイトのレイアウト修正もコーディングで対応できる範囲で対応いたします。
webサイト・HP・LPのコーディングいたします
業務内容
「デザインはあるけどコーダーがいない」
「忙しくてコーディングまで手が回らない」
「安いサービス買ってコーディングしてもらったけどひどい作りだった」
こんなお悩みありませんか?
現役でweb制作・web開発をしている私にお任せください!
HTML・CSS・jQueryでのコーディングは10年近い経験があります。
過去の実績はココナラのポートフォリオからご確認いただけます。
デザインさえ用意してもらえればこちらで素早くコーディングいたします。
LPでもホームページでもOKです!
★ 基本料金内のサービス内容
・HTML / CSS コーディング(静的コンテンツのみ)
・WordPress内でのHTML / CSSコーディング
・PCまたはスマホどちらかのコーディング
・SEO対策に必要なmetaタグの設定(title、keyword、description)
・無制限の修正回数(依頼時からデザインが変わるのは別途料金)
★ オプションでのサービス内容
・レスポンシブ対応
・jQueryやCSSアニメーション
・下層ページのコーディング
★ 基本料金の基準
1Pのコンテンツ量が多い場合は追加料金をいただきます。
基準ですが、以下のサイトを参考にしてください。
【基本料金内】
https://www.tmy-inc.co.jp/
https://kinami-bread.com/
【追加料金】
https://cheqro.andspace.net/
https://service.solairo.co.jp/lp/whatya_202102/index.html
まずは見積もりかDMでお問い合わせください。
詳細を確認した上で見積もりを出させていただきます。
!注意事項!
レンタルサーバーの用意とドメイン取得はお客様自身でお願いします。
希望があれば追加料金でサポートはしますが、
管理をしていくにあたってお客様の操作が必要になります。
コーディング方法はHTML/CSSをテキストエディタ(atom・VSCode)で実装していきます。
(Dream Weverは使いません)
デザインカンプはAdobe XDだと大変助かりますが、Photo ShopやIllustrator、Figmaでも対応可能です。
まずはお気軽にDMからお問い合わせください。
ホームページ・LPの制作代行【コーディング〜WordPress化まで対応】致します
業務内容
ご閲覧頂きありがとうございます
満席対応中でも制作のご相談はお受けしておりますのでお気軽にお問い合わせください
HTML/CSSでホームページ、ランディングページのコーディング作業を代行致します!
こんなお悩みはございませんか?
▼お悩み
・忙しくてコーディング作業ができない
・デザインはあるけど、コーディングができない
・時間と手間を掛けたくない
・依頼すると高そうだな…
→全て私にお任せください!!!
▼解決策
・コーディング作業の代行を致します
・デザインから忠実に再現致します
・丸投げOK!
・ご予算に合わせて安価に対応!
▼作業内容
・ HTML/CSSを用いた静的コーディング作業
(1ページ〜 複数ページまで制作致します)
・レスポンシブ対応
・CSSアニメーション
・JavaScript(jQuery)を用いたアニメーション実装(ハンバーガーメニュー、スライダー、スクロールアニメーション、アコーディオンなどお気軽にご相談ください)
・お問い合わせフォームの実装
・WordPress化(カスタム投稿・カスタムフィールドなどのカスタマイズまで幅広く対応します)
▼料金表
トップページのコーディング:10,000〜
下層ページのコーディング:8,000〜
LPコーディング:15,000〜
WordPress化:10,000〜
レスポンシブ込みの価格になります
まずは是非一度ご相談くださいませ
▼制作の流れ
1, ヒアリング&お見積り
2, お客様からデザインのご提供
3, コーディング&テスト
4, ご確認 、修正
5, 最終確認 、納品
※納品方法は希望がなければZipファイルを送付致しますが、サーバー納品にも対応可能ですので、ご希望の際はご連絡くださいませ。
▼制作例
・ホームページ
https://zukimaru.conohawing.com/ishii-kadan/
・ランディングページ
https://zukimaru.conohawing.com/your-coding/
・WordPress
https://zukimaru-log.com/engress/
※不具合等ございましたら、納品後であっても何度でも無料で修正対応をさせて頂きます
ご不明点等ございましたら、お気軽にお問い合わせください
お忙しいデザイナーさんのコーディングを代行します
業務内容
お忙しいデザイナー様のコーディングを代行します。
デザインのお仕事のみに集中していただけるかと思います。
◆有料オプション◆
※5ページ以降1ページ1,0000円~
◆アフターフォロー(納品後1週間)◆
※「無料修正回数」は1週間下記の内容です。
・軽微な文言変更など修正
◆無料での対応◆
・トップページ + 他4ページまでの制作(5ページ以降はオプションです)
・スマホ対応
・GoogleマップやYouTubeの埋め込み
・ ハンバーガーメニュー実装
・ 挙動確認(Google/edge/firefox/opera)※IEは含みません
※その他は静的コーディングのみ
◆納期◆
ご購入後約10日から約2週間
それ以上は納品後に修正案件としてお伺いします。
◆購入にあたってのお願い◆
※サンプルサイト、仮サイト等を見て、出来上がりイメージをしていただき納得の上でご購入ください
【デザイナー様向け】クオリティーを落とさず誰よりも安くコーディング代行承ります
業務内容
デザインはできるけどコーディングは苦手。。
コーディング代行依頼したいけど費用をなんとかおさえたい。。
デザイナーとして活動し始めて、コーダーの知り合いがいない。。
とお悩みの方はいらっしゃいませんか?
数あるパッケージからご覧いただきありがとうございます。
HTMLコーダーをしている國平悠希と申します。
下記内容にて業務を行いたいと思います。
※wordpressは対象外となっております。
【業務の流れ】
① デザインデータと使用する画像データをご用意いただきます。
(この時点でおおよその納期をお伝えします)
② ヒアリング・納期確定
③ コーディング実施
④ 1度目のファイル確認
⑤ 修正期間(~2日まで)
⑥ 納品
【注意事項】
・こちら側の都合により、作業する時間が限られる可能性があります。その場合は事前にお伝えいたしますのでご理解いただけますと幸いです。
・フォント指定やピクセル指定がある場合は、ヒアリングの際にお申し付けください。ピクセルパーフェクトでお仕事をさせていただいたことがないので、納期に余裕がある方をおすすめします
私は、未だ業界未経験となりますが「HTML5レベル1」認定プロフェッショナルを取得しているため最低限以上のスキルと知識は持ち合わせていると自負しております。
もちろん未経験の為利益より経験を重視しており、お値段もパッケージ表示価格より相談可能でございますので、クオリティーを落とさず費用を抑えたい方は、ぜひ一度ご検討いただけますと幸いです。
長いお付き合いをさせていただける・駆け出しのデザイナー様は二人三脚で一緒に成長出来たらと思いますので、ぜひ相談だけでもご連絡ください。
ホームページ・LPのレスポンシブコーディングを承ります
業務内容
ご覧いただきありがとうございます。
【こんな方におすすめ】
・コーディング業務の外注先をお探しの制作会社様
・コーダーのパートナーを探しているデザイナー様
・デザインはあるがコーディングだけお願いしたい
【サービス内容】
・HTML/CSSを用いた静的ページコーディング
・Sass(FLOCSS)を用いた保守・予測・拡張しやすい設計
・スマホ対応(レスポンシブ)
・Webページアニメーション機能実装(スライダー、アコーディオン、ハンバーガーメニュ
ーなど)
・WordPress化(初期設定やカスタム投稿・カスタムフィールドなど)
・お問い合わせフォームの実装
・品質チェック(W3Cチェックや表示崩れチェックなど)
・基本的な内部SEO対応
・納品後の修正対応
納品後、2週間以内であれば軽微なものは無償で対応いたします。
誤字/脱字など、当方の落ち度によるものは2週間経過後でも対応いたします。
【対応可能ツール】
・Figma
・Adobe XD
・Adobe Photoshop
・Adobe Illustrator
【制作実績】
下記サイトにまとめておりますので、ご確認ください
https://www.notion.so/093965519def4197ac7d2ee67faf4b2d?pvs=4
【納期について】
稼働状況やページ数によって変わりますので、お見積もり時に提示させていただきます。
返信待ちにより納期が延びないようご協力をお願いいたします。
【納品方法】
zipファイル、All-in-One WP Migrationデータ、又は指定のサーバーにアップロードして納品いたします。
(サーバー納品の場合は一般的なレンタルサーバーのみ対応)
【制作の流れ】
①ヒヤリング
実装機能などの確認をいたします。
②契約
お見積もり、納期をご提示させていただきます。
ご納得いただけた場合、ご購入をお願いいたします。
③制作・確認
制作実施後、制作物のご確認をお願いいたします。
気になる点がある場合、可能な限り修正対応いたします。
④納品
問題なければ、制作物をzipファイルにて納品させていただきます。
※サーバーへのアップロードをご希望の場合、FTP情報をご教示下さい。
(見積/相談は無料です)
制作物はコーディングの実績として掲載させていただく場合がございますので、掲載不可の場合はお知らせください。
高品質なLPをコーディングします
業務内容
本サービスをご覧いただきありがとうございます。
初めまして。フリーランスでWebエンジニアをしておりますRyoと申します。
■このサービスの特徴
・ペライチでは不可能な高度なライティングページをコーディング!
・24時間365日連絡可能!
・修正回数無制限!追加料金なし!
・レスポンシブ対応、アニメーション追加も可能!
■サービス内容
・HTML / CSS / JavaScript コーディング
・運用に必要な各種タグの埋め込み
・画像圧縮による表示速度最適化
・テストアップ後の修正作業
■こんな方にオススメです!
・個人事業主を応援している人や組織
・デザイナーはいるが、コーダーのパートナーがいない個人事業主
・コーディングは全てお任せしたい人や組織
・リソース不足で外注したい人や組織
■納品までの流れ
①ヒアリング(ご相談・スケジュール確認)
↓
②お見積もり提出
↓
③ご依頼(ご購入)
↓
④デザインデータのご入稿
↓
⑤制作開始
↓
⑥テストアップ
↓
⑦ご確認・修正対応
↓
⑧データ納品
htmlコーディング・WordPress 構築管理、請け負います。ます
業務内容
こんな方におすすめ!
-
サイトはあるけど更新、管理が出来ていない。
-
新規構築したい。
-
英語ページを追加してインバウンド需要を取り込みたい。
-
海外企業との交渉に苦労している。
HTML,CSS,JavaScriptのコーディング代行を承ります
業務内容
▼こんな方にオススメ
WEBサイトの制作やリニューアルを行いたい方にオススメ
▼ご提供内容
HTMLやCSSのコーディング代行を行います
▼製作可能なジャンル
HTML,CSS,PHP
レスポンシブ対応込!HTML/CSSを使用したコーディングを致します
業務内容
初めまして、この度は数多くある商品の中からご覧いただきありがとうございます!
★全てお読みいただき、ご納得いただいたうえでご購入くださいますようお願いいたします。★
HTML/CSSのコーディングを行います。
ご満足いただけるように迅速丁寧な対応と、確実なコーディングを心がけております。
ちょっとしたことでもお気軽にご相談ください!
〇制作の特徴〇
・Lancers初出店のため、先着5名様限定で最安値にて承ります!
・正確なコーディングを致します!
(20項目以上のチェックリストを使用します。内容を確認されたい場合は一度ご連絡をお願いいたします。)
・レスポンシブ対応いたします!
・納品前の修正無制限!ご納得いただけるまで対応いたします。
〇含まれる内容〇
・HTML/CSSによるトップページのコーディング
・ページを軽くするための画像圧縮
・レスポンシブ対応
■無料オプション
ーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー
・各種アニメーションの実装(スムーススクロールやコンテンツをふわっと表示させたりできます。)
・Google formと連動したお問い合わせフォームの設置(Googleアカウントの提供をお願いいたします。)
・スライダーの実装(swiper,slickを使用)
・SNS(Twitter、Facebook、Instagram)の投稿埋め込み
・Googleマップの埋め込み
・動画の埋め込み
→その他ご要望ございましたら、お気軽にご相談くださいませ!
〇納品までの流れ〇
1)メッセージにて、ご相談・ご依頼内容をお送り下さい。
この時、デザインカンプもお送りいただけますとスムーズに進めることができます。
↓
2)ご依頼内容確認後、納品日の目安をお伝えいたします。
↓
3)ご納得いただけましたらご購入ください。
↓
4)コーディング作業開始
↓
5)成果物を提出し確認後「納品」となります。(zipファイルで納品いたします)
ご不明点がありましたら、お気軽にご連絡くださいませ。
原則12時間以内にご返信いたします。
全てお読みいただき、ご納得いただいたうえでご購入くださいますようお願いいたします。
皆様とのご縁を楽しみにお待ちしております!
【ウクライナ人コーディングチーム】がLPを高品質でコーディングいたします
業務内容
・コーディングを外注したい
・デザインはできている
LPを高品質でコーディングいたします。
【進め方】
・デザインを拝見いたします。
・見積もりいたします。
・納期、予算問題なければ、契約となります。
・デザインをお送りいただきます。
・作業完了後、弊社サーバーのテストサイトにてご確認いただきます。
【強み】
ランサーズでは90件、他に国内で300件の実績がございます。
コードの質を評価いただいております。
クオリティの面ではきっとご満足いただけるかと思います。
外注は一切せず、自社内で作業を一貫しています。
まずはお気軽にご相談ください。
ランディングページやホームページ、Webサイトのエフェクトなどが作成します
業務内容
作成コストや必要な時間などはデザインファイルを頂いて難易度や必要な技術を判断してから決めることになります。
急ぐ場合はパッケージの作成時間を相談することができます。(基本パッケージの期間より短くすれば1時間1300円になります。パッケージの期間を半分にすれば同じコストになります。)
【WEB制作会社様、デザイナー様向け】コーディングの代行をします
業務内容
▼このような方におすすめです
・コーディングを継続で外注できるパートナーが欲しい
・急ぎでコーディングを手伝ってほしい
・デザインはできるけどコーディングはできない
WEB制作会社様やデザイナー様で、このようなお悩みのある方はいらっしゃいませんか?
それらのお悩みを解決させていただきます!
今までWEB制作会社様やデザイナー様からの受注実績が多数ございますので、まずはお気軽にご相談いただければと思います。
▼基本の作業内容
・コーポレートサイトコーディング
・LPコーディング
・WordPressコーディング
・サーバーへのアップロード
・納品後のアフターフォロー(納品後2週間以内)
▼別途お見積りが必要な作業内容
・アニメーションの実装(実装内容によっては無料):7,000円〜
・JavaScriptを用いた動的な処理(API処理など):7,000円〜
・SP版デザインがない場合のレスポンシブコーディング:10,000円〜
▼制作の流れ
①ヒアリング
デザイン、実装機能を確認いたします。
↓
②コーディング
↓
③ご確認・修正
テスト環境にアップの上、ご確認をお願いいたします。
修正点がございましたらお申し付けください。
↓
④納品
本番環境のサーバーに制作物のファイルをアップし、納品完了です。
ランディングページ・ホームページのコーディング代行します
業務内容
業務内容
Webディレクター様、制作会社様の外注先としてご活用ください
パッケージの閲覧ありがとうございます。
インプロと申します。
コーディング代行いたします。
●サービス内容
・LP1ページのコーディング(スタンダード)
・HPのコーディング(プレミアム)
・JavaScript(jQuery)を用いたアニメーションの実装も可能です。
(ホバーアクションやスライダー、スクロールアニメーションなど)
・表示確認はWindows(Google Chrome、Edge)タブレット(iPad)スマホ(iPhone)で行います。
※レスポンシブ対応は料金に含まれております。
●料金
・既存ページのカスタマイズ・修正、追加セクションなど10,000円
・LP1ページのコーディング(スタンダード):基本料金25,000円
・HPのコーディング(プレミアム):50,000円
●ご用意いただくもの
デザインカンプ→ファイル形式はFigma・XD・Photoshopなど
サイト内の原稿→コピペできる形でお願いします
画像素材
●納品
html・css・jsファイルをzipでまとめて納品となります。
サーバーへのアップロード作業も可能です。
●アフターフォロー(納品後2週間以内)
不具合があれば無料で修正させていただきます。
●実績
一部ご紹介します。
アーティストページ(CIRCLE6CLAN)
https://circle6clan.com/
アーティストページ(DJ Rin)
http://djrin.circle6clan.com/
※URLをコピペしてご確認ください。
【制作者様向け】JavaScript | HTML・CSS、LPを作成いたします
業務内容
数あるパッケージの中からご覧いただき、誠にありがとうございます。
Web制作会社退社後、個人事業としてデザイン・コーディング・Wordperss構築を
メインとして活動しております、西口真平(にしぐちしんぺい)と申します。
・制作過程のやりとりを不便なくできるコーダーを探している。
・プロとして最後まで責任をもって対応してくれるコーダーを探している。
・デザインからコーディングまで安心してお任せできるコーダーを探している。
そんな方々のお力になります!
▶︎作業内容
・HTMLタグを最適化したHTML / CSSコーディング
・JavaScript / jQueryを用いたアニメーション実装
・レスポンシブ対応
・SEO対策(OGP設定、画像軽量化など)
・サーバーへのアップロード
▶︎制作の流れ
①ヒヤリング
実装機能などの確認をいたします。
②契約
お見積もり、納期をご提示させていただきます。
ご納得いただけた場合、ご購入をお願いいたします。
③制作・確認
制作実施後、制作物のご確認をお願いいたします。
気になる点がある場合、可能な限り修正対応いたします。
④納品
問題なければ、制作物をzipファイルにて納品させていただきます。
※サーバーへのアップロードをご希望の場合、FTP情報をご教示下さい。
▶︎ご用意いただくもの
・デザインデータ(XD、Photoshop、Illustrator、Figmaなど)
格安で静的HPのHTML /CSSコーディング代行致します
業務内容
サービスをご覧いただきまして誠にありがとうございます。
■作業内容
・HTML/CSS/JavaScriptを用いた静的なコーディング。
・レスポンシブ対応致します。
・JavaScript (jQuery)による動的実装。
※スムーススクロール、ハンバーガーメニューなど何でもご相談ください。
■料金表
・トップページのコーディング:10,000円〜
・下層ページのコーディング:10,000円〜
・LPコーディング:30,000円〜
※レスポンシブ対応も料金に含まれます。
■制作までの流れ
①ヒアリング&お見積り(お気軽にご相談ください。)
②お客様からデザインのご提供
※Adobe XDもしくはfigmaでのデザインデータのご提供
③コーディング
④確認・修正
⑤最終確認・納品
※テスト端末はMac、Windows PC、iPad、iPhone、 Android端末【Google Chrome、Safari等】で行います。
※納品に関しまして、基本的にzipファイルにてご納品させて頂きます。その他ご希望の際はご相談ください。
■作業日数
基本的に14日〜とさせていただいておりますが、
ご希望の納期がある場合はご相談くださいませ。
丁寧かつお客様に安心できる対応を心がけております。
ご相談だけでも問題ございませんので、お気軽にご相談ください。
<WEB制作会社・デザイン会社向け>WEBサイト・LPのコーディング作業代行します
業務内容
現役WEBデザイナー(実務経験6年以上)がHTML・CSSコーディング作業を代行いたします。
・WEBデザインまではできるがコーディングは外注したい
・すぐに動けるコーダーを探している
・経験のあるコーダーに仕事を依頼したい
といったWEB制作会社・デザイン会社さんにおすすめです。
いただいたデザインデータを基にコーディングを行い、忠実にデザインを再現したサイトデータを納品させていただきます。
基本サービスでは静的サイトのコーディングまでを行います。
ご相談いただければ、オプションでレスポンシブ対応、JQuery(Javascript)での機能実装や、静的サイトのWordPress化(テーマ作成)までご対応可能です。
<基本サービス>※1ページ
・HTML・CSSコーディング
・デザインデータからの画像書き出し
・お客様サーバー環境にアップロード(ZIPファイル納品も可)
<オプションで対応可能>
・1ページ追加:¥5,000
・レスポンシブ対応:¥5,000〜
・トグル(開閉)ボタン、ドロワーメニュー、スクロールアニメーションなどjQuery(JavaScript)での機能実装:¥5,000〜 ※1機能、要ご相談
・WordPress化:¥10,000〜
(カスタム投稿やカスタムフィールド、プラグインの設定等が必要な場合は別途お見積)
・お問い合わせフォーム実装:¥15,000 ※WordPressサイトの場合のみ(プラグインにて実装)
・お急ぎ納品:¥10,000
・実績掲載不可:¥5,000
<ご用意いただくもの>
・デザインデータ(Illustrator、Photoshop、XD)
・サイトに使用する画像やテキストデータ
・ご契約サーバのFTP情報 ※サーバへのアップロードご希望の場合
<納品方法>
お客様のサーバーへアップロード or ZIPファイルで納品
<納品までの流れ>
①お見積のご相談
②正式なお見積のご提案
③ご購入(取引開始)
④デザインデータ等の受領
⑤コーディング作業開始
⑥ご確認(弊社テスト環境上にアップロード)
⑦修正作業
⑧納品(お客様のサーバーへアップロード or ZIPファイルで納品)
あなたのデザインをHTML/CSSでコーディング代行いたします
業務内容
プロフィールをご覧いただき、ありがとうございます。
アキノブ(akinobu_ii11)と申します。
私のコーディングサービスはこんな方にオススメです!
・デザイン案はあるけど、自分ではコーディングできない
・忙しくて細かいコーディングを依頼したい
・コーディングにあまりお金をかけれない
こんな方はぜひ私にご相談ください!
お仕事をいただく上で以下の3つには特にこだわってご提供します。
①お客様のご意見・ご要望を徹底してヒアリング
②デザインを忠実に再現するコーディング
③できる限りコストを抑えた低価格帯でのご提供
コーディングサービスを通して、お客様の持つ課題解決のお手伝いをさせていただきます。
前職では造園土木会社の施工管理職として、働いておりました。
工事を依頼する元請けや実際に施工にあたる職人たちとのコミュニケーションを通して、
達成すべき課題やその解決手段を模索してきました。
コーデイングサービスにおいても、お客様の目線に立ち、
Web知識のない方にも分かりやすく丁寧にご説明させていただきます。
どうぞお気軽にご相談ください。
【コーディングサービスの流れ】
1,ヒアリング・お見積り
コーディング内容・実装を希望する機能をお聞かせください。
この時点で納期の目安をお伝えします。
2,契約・購入
3,デザインデータのご共有
お客様がコーディングを希望するデザインデータをご提供頂きます。
figma、Illustrator、Photoshop、XD、jpg・pngの画像データに
対応しております。
4,コーディング
コーディング段階ではお客様に進捗度合いをお伝えし、確認作業をさせて頂きます。
5,納品・完了
最終確認、修正作業が完了した後、サーバーにアップロードまたは
zipファイルでのお渡しで納品させていただきます。
【コーディングサービスの基本内容】
・デザインカンプからのコーディング(1ページ分)
・各種レスポンシブ対応
・Javascript(jQuery)によるアニメーション実装(3点無料)
・納品時のサーバーへのアップロードまたzipファイルにて提出
【爆速、安価、高品質】WebサイトやLPを爆速でコーディングします
業務内容
制作済みのデザインを爆速(とても速く)でコーディングします。
パッケージプランに当てはまらない場合も、まずはお気軽にご連絡ください!
パッケージプランを踏襲する形でお見積もりさせていただきます。
■基本サービス
・HTML/CSSコーディング
・レスポンシブ対応
・おまかせスマホ対応
※スマホ版デザインが無くてもPC版のデザインを踏襲してコーディングいたします
・Javascriptを使用したアニメーション
・テスト環境用意
・指定のサーバーへのアップロード
・納品後1週間の修正対応
■オプションサービス
・WordPress対応:30,000円
HPコーディング代行をいたします
業務内容
PSD,AI,XDのデザインカンプがあれば、こちらの料金表にてコーディングいたします。
もちろん画像貼り付けでなく、テキストにできる部分はテキストにてコーディングいたします。
簡易なアニメーション(スクロールフェードイン等)は含みで行います。
■このような方はPLASにお任せください
・デザインはできるけどコーディングが苦手な方
・コーダー不足でコーディング業務の外注先をお探しの制作会社さま
・コーディングのできるパートナーを探しているデザイナーさま
■本サービスでこのようなことが提供できます
・HTML / CSSを用いた静的コーディング
(デザインデータはPhotoshop・Illustrator・XDなどに対応)
・スマホ・タブレット・PC対応
・スライダー、スクロール、アコーディオン、ハンバーガーメニューなど
JavaScript / jQueryを用いたアニメーションの実装
### ■制作の流れ
1.ヒヤリング
実装機能などの確認をいたします。
2.契約
お見積もり、納期をご提示させていただきます。
ご納得いただけた場合、ご購入をお願いいたします。
3.制作・確認
制作実施後、制作物のご確認をお願いいたします。
気になる点がある場合、可能な限り修正対応いたします。
4.納品
問題なければ、制作物をzipファイルにて納品させていただきます。
※サーバーへのアップロードをご希望の場合、FTP情報をご教示下さい。
お客様の理想を叶えるビジネスパートナーとして事業の発展に貢献いたします。どうぞよろしくお願いします。
【制作会社様・デザイナー様へ】保守性の高いCSSでコーディング代行いたします
業務内容
◆本サービスをお勧めの方◆
WEB制作会社様
WEBマーケティング会社様
デザイナー様
・・・など、すでにデータがありWEBページに再現をご希望される方。
「コーディングだけ人手が足りない!」ということがあればお気軽にご相談ください!!
◆お受けする業務内容◆
・HTML・CSSコーディング
・JavaScript・ jQuery・GSAPを使用したアニメーションの実装。内容によっては別見積となります。
・品質確認:マルチブラウザ対応、ピクセルパーフェクト、文字数・画像を置き換えても崩れない設計。
・サーバーへのアップロード:テストサーバーの設置も対応可能でございます。
・納品方法はファイル納品・サーバーへのアップロード・GitHubへのプッシュいずれも対応可能です。
◆コーディングについて◆
・保守性の高いCSS設計でコーディング
・パーフェクトピクセル:デザインとの差異チェック
・モバイルファーストのコーディング
・コーディング後はチェックシートを用い、品質チェック
◆ご契約の流れについて◆
1)ヒアリング
ご契約前にヒアリングをさせていただきます。仕様を確認させていただきお見積もり・納期を出させていただきます。
2)契約
お見積・納期にご納得をいただけましたらご契約をお願いします。
3)制作・確認
制作完了後、納品物のご確認をお願いいたします。
万が一こちらのミスによる修正がある場合は無償で対応をさせていただきます。
※デザイン変更の場合は別見積もりとさせていただきますのでご了承のほどお願いいたします。
4)納品
問題がなければzipファイルで納品もしくはサーバーにアップにて納品とさせていただきます。
◆購入にあたってのお願い◆
・誤字脱字の担保のため、テキストはコピー&ペースト出来るもののご準備をお願いいたします。
・画像素材・テキストはお客様にてご準備をお願いいたします。こちらで画像書き出しとなる場合は見積に追加とさせていただくことがございます。
・サーバー/ドメインについてはお客様にてご準備をお願いいたします。
デザインデータから丁寧にクライアント様に満足して頂けるコーディングをさせて頂きます
業務内容
【通常コーディング】
静的コーディングをさせて頂くプランです。
ランディングページ:20000円
その他のページ1枚につき5000円〜追加料金を頂きます。
JavaScriptによるアニメーション実装はご利用頂けません。
【アニメーション付きコーディング】
通常プランに加えて、アニメーションを2つまで実装できるプランです。
※実装できるアニメーション
・自動スライドショー
・フェードイン
その他のアニメーションは勉強させて頂く時間(2〜3日)頂ければ追加料金なしで実装いたします。
【こだわりプラン】
アニメーション付け放題で、私が大学で専攻しているデザインの知識を活用しながら、クライアント様から頂いたデザインをブラッシュアップした後コーディングをさせて頂くプランです。デザインが決まりきっていない方向けです。
丸投げOK!安心、迅速なコーディング致します
業務内容
はじめまして。コーダーの鈴木と申します。
この度は本サービスをご覧いただきありがとうございます。
頂いたデザインデータを基に忠実に静的コーディングいたします。
【ご用意していただくもの】
・デザインカンプ(Photoshop・XD・Illustrator等)
・ 素材(ロゴ、文章、画像等)
画像、ロゴがない場合、簡単なものならご用意致しますので、ご相談ください。
【作業内容】
・デザインカンプを基に、HTML/CSSのコーディング作業をします。
・スマホ対応(レスポンシブ)致します。
・コーディング後、Chrome、Firefox、Safariで表示 崩れが起きていないかのチェック致します。
【オプション】(ご希望するサービスをお申し付けください)
・画像圧縮による表示速度最適化
・SEOに効果的なタグのコーディング(metaタグ、altタグ等)
・JavaScript(jQuery)を用いたアニメーション(スライダー、 スムーススクロール、ふわっと表示させる、ハンバーガーメ ニュー等)も可能です。
・サーバーへのアップロード
・納品後の修正作業(大幅な変更でなければ無料で行います)
【納期】
ご依頼日の翌日から1週間以内に納品致します。
ご希望の納期がございましたら、ご相談くださいませ。
【料金】
基本料金LPは1ページ10,000円(レスポンシブ込み)、ホームページは1ページ15,000円(レスポンシブ込み)で承っております。ご購入の前にまずはご相談ください。
【実績】
詳しい実績については、DMにてご連絡ください。
【アフターフォロー】
納品後2週間以内であれば、不具合修正を無料でいたします。
【納品までの流れ】
①ヒアリング(お見積もり、スケジュール確認等)
②デザインデータお預かり後、コーディング
③テストアップ
④ご確認・修正
⑤納品(zipファイルもしくはサーバーにアップロード代行)
HTML,CSSでのコーディング業務、お問い合わせフォームの設置を致します
業務内容
コーディングは迅速に、また、連絡もこまめにとることを心がけております。
デザイン通りのコーディングはもちろん、コンテンツの追加、修正や、完成後の更新作業もお引き受けできたらなと思っております。
HTML/CSSを使用したホームページ制作・修正ができ ます
業務内容
HTML/CSS , WordPress , Wixを使ったサイト作成
【使用言語】
・HTML
・CSS
【使用ツール】
・Wordpress
・Wix
・Photopea
・pixabay
ユーザビリティを一番に考えた、LP作成いたします。ます
業務内容
商品を宣伝したい方!
わかりやすく伝わりやすく表現します!
●ZIPファイルで納品させて頂きます。
●Adobe Photoshop・illustratorでのデザイン提供お願いいたします。
ホームページ・LPを低価格、高品質で修正/更新いたします
業務内容
HP(ホームページ)やLP(ランディングページ)のコーディングを行います。
ホームページ制作会社へ依頼される時の一般的な相場よりリーズナブルに対応できるように尽力します!ぜひ相見積もりをとってください。
このようなお悩みは、ございませんか?
『お悩み』
・外注のコーダーを探している…
・コーディングの案件を抱えている…
・継続的にお仕事をお願いしたい…
・デザインはあるけれど、コーディングができない…
『対応可能なこと』
・静的サイトののコーディング
・お問い合わせフォームの設置
・動画や地図の埋め込み
・JavaScript・jQueryでのアニメーション実装
他にもさまざまなご要望に対応しておりますので、メッセージをいただけますと幸いです!
【制作の流れ】
①「見積り・カスタマイズの相談」にてHPやLPのコーディングの作業範囲を
ヒアリングいたします。
②対応可否を判断いたします。
内容によっては対応できかねる場合もございますので、
予めご了承ください。
③カスタマイズ見積/契約
見積をご案内いたしますので、ご納得いただいた上でご購入をお願いいたします。
④作業/納品
作業を実施した後、ご確認頂きましてよろしければ、納品といたします。
疑問点や不明点、不安なことなどございましたら、お気軽にご相談ください。
【コーディング費用】
・下層ページ:10,000円~ / 1ページ
・お問い合わせフォーム設置:5,000円~
・アニメーション / JavaScript・jQueryの実装:3,000円~
(よくあるハンバーガーメニューなどはお任せいただければ無料で対応いたします。)
※細かいデザイン指示などがございましたら有料対応とさせていただければと思います。(要ご相談)
■ご予算について
記載の金額はあくまで、下限の単価となります。
ページ数、デザイン内容に応じて単価は変動いたします。
【サービスの特徴】
・安価
本サービスは、HPやLPのコーディングを気軽に行うことを目的としているため、安価な料金設定にしております。また、私は広告費用などが必要なく、この価格が実現しております。
・短納期
ご依頼いただいてから納品するまで、最短7日で納品いたします。ご希望の納期がある場合はご相談くださいませ。
・高品質
web制作スクール・デイトラに通っていた経験を活かして、制作を行い素敵なHPやLPを納品いたします。
デザイン通りのレスポンシブコーディングを迅速に実装いたします
業務内容
数あるサービスの中からご覧いただきありがとうございます。
Webコーダーとして活動しているりゅうたと申します。
人と人を繋ぐ「ホームページ」。
ただコーディングしてお渡しするのではなく、どうしたらそのホームページを心地よく見てくださるのかを一緒に考えていきましょう!
デザインはできるけどコードが書けない
コーディング、WordPressを外注できるパートナーさんがほしい
デザインからコーディングまで一貫してホームページを作ってほしい!
外注先を探している制作会社様
そんな方々のお力になります!
◆ご提供サービス
・HTML / CSS JavaScript(jQuery)での静的コーディング
・WordPressオリジナルテーマ構築(カスタム投稿、タクソノミー、お問い合わせ機能、記事関連の出力)
・コーディング時はBEMをベースにしたFLOCSSを採用し、制作後の保守・点検がしやすいように制作します。
・Gulpを採用しCSSファイル、JSファイル、画像の圧縮
・アフターフォロー(納品後1週間以内)
◆納期
・7日 ~ 1ヶ月
ページ内容やお見積りにより変動します
◆納品までの流れ
ヒアリング
↓
デザインデータお預かり
↓
コーディング
↓
テスト確認(修正)
↓
zipファイルで納品。もしくはレンタルサーバーへアップロード
◆対応デザインデータ
・XD、Figma、Photoshop、Illustrator
ご希望に沿ったデザインで見栄えのするランディングページを制作します
業務内容
ランディングページの制作をいたします。写真素材はこちらで用意することも可能ですが、
別途、費用は相談させて下さい。
簡単なホームページ制作にも対応いたします。グークルアナリティクスにてホームページの
閲覧状況を確認できます。また、所在地をグーグルマップにて表示することも出来ます。
HTML、CSS、boostrapを使ってコーディングを格安で承ります
業務内容
まずヒアリングを行いお客様の考えを認識致します
その後コーディング作業に移り
お客様に確認を行って頂きます。
不明点などあればお気軽にお問い合わせくださいませ。
【制作会社様・Webデザイナー様向け】 LPコーディング承ります
業務内容
サービスをご覧いただきありがとうございます。
◎こんな方にオススメです◎
・デザインはあるけどコーディングできない、する時間がない…
・定期的にあるLPのコーディングを任せれる人を探している…
このようなご希望に応えます。
お見積は無料ですので、ぜひお気軽にご相談ください。
【これまでの実績】
・写真展LP(掲載しているもの)
・化粧品LP(掲載しているもの)
その他LPコーディング実績多数
※主に制作会社様とお仕事をしていますので非公開のものが多いです^^;
【ご提供する業務】
・HTML/CSSを用いた静的コーディング
・jQuery/JavaScript(Vanilla.js)を用いた動的実装
・GSAPなどライブラリを用いたアニメーション実装
・レスポンシブ対応
└スマホファースト、パーフェクトピクセルを意識してコーディングいたします。
・メールフォームの実装
※無料オプション
・表示速度の高速化のための画像圧縮
・テスト環境の構築
【業務進行において】
・CSS設計( 予測・再利用・保守・拡張)を意識し、FLOCSSによりコーディングします。
・Gulp、Sass(Scss)を使用します
・Gitでソースコード管理を行いながらコーディングをします。
【制作の流れ】
1 ヒアリング&お見積り(※まずはご相談下さい)
2 お客様からデザインのご提供
3 コーディング&テスト
4 ご確認・修正
5 最終確認・納品
※納品方法は希望がなければZipファイルを送付致しますが、サーバー納品にも対応可能ですので、ご希望の際はご連絡くださいませ。
HTML・CSSを使用したWEBページのコーディング致します
業務内容
ページ全体のデザイン・パーツを頂けましたらコーディング作業承ります。
初稿1〜3日ほどで納品いたします。
HTML/CSS/JavaScriptを用いたWeb制作を格安で行います
業務内容
▼オススメする方
コーディング作業をなるべく安く、早くお願いしたい方
▼内容
HTML/CSS/JavaScriptを用いたコーディング作業
(Wordpressについてはまもなく承りたいと思います)
▼ご購入後の流れ
ご購入を承り次第すぐに作業を始めさせていただきなるべく早く商品を提供できるようにします。
▼制作可能なジャンル
ジャンルはどのようなものでも結構です。
▼料金プラン、納期について
HTML/CSSのみのコーディングは10000〜25000円で承っております。作業量に準じて料金を確認し、双方合意の上で作業に着手させていただきます。具体的に2ページまでの作業量でしたら10000円程度、3ページを超えるようであれば25000円でお願いしております。(相談によっては減額することも可能です。詳細は料金表をご覧ください。)JavaScriptを含むコーディングは40000円〜で承っております。
納期については受注する分量にもよりますがなるべく納期を守る形で提供する予定です。※どうしても納期を過ぎてしまう場合にはご連絡いたします。また作業着手の前に分量を見て納期を大幅に過ぎてしまうことが予想される場合には相談させていただく場合がございます。
▼制作の流れ
①ご購入の前に見積もり依頼の方を必ずお願いいたします。
②見積もり内容をこちらで確認したのち料金を確定させていただきます。
③料金、納期を確認、相談の後作業に着手させていただきます。
※料金や納期については相談させていただく場合がございます。あらかじめご了承ください。
④完成しましたら、全体がイメージと合っているか確認させていただきます。(ページごとに確認していただきたいと思います。)
⑤修正点などいただき、修正対応をいたします
⑥問題がなければ納品させていただきます。
WEBサイトコーディングを代行します(1ページ~可)
業務内容
コーディング代行いたします!
デザインデータをいただければ、それをもとにコーディングを代行いたします。
価格は1ページあたりの料金になります。
※1ページ作成後、流し込みで他ページも作成の場合は価格を調整いたしますのでご相談ください。
★サービス概要
・HTML/CSSコーディング(PHPファイルでのコーディングも可能)
・レスポンシブ対応可能(追加費用は不要)
・ファイル納品、サーバーへのアップでも可能
・現役でWeb制作会社に勤務しておりますので高品質で納品可能と自負しております
★検証・対応ブラウザ
◯Windows
・chrome / 最新版
・Firefox / 最新版
・IE edge / 最新版
◯Mac
・chrome / 最新版
・safari / 最新版
◯スマートフォン
・iOS12.3 iPhone6 Safari
・Android OS 9.0 Galaxy S8 Chrome
◯タブレット
・iOS 12.3 Apple iPad Air
スマホ対応のレスポンシブコーディング20ページ以内(既存PCサイト有り)
業務内容
PC版Webサイトがある状態で、スマホ対応する場合の作業内容です。
20ページ以内
・767px以下はスマホ対応のレスポンシブコーディング
・768px以上(iPadなどのタブレット)はPC版と同じ表示
※768px以上もレスポンシブコーディングの場合は、ご相談させてくださいませ。
・A4サイズ2ページ位の縦長を1ページと想定しています。
・デザインは基本的にPC同様の画像を使用し、横長画像で文字が見えない場合はスマホ用に画像を作成します。
※ご不明点はメッセージ等でお気軽にご相談くださいませ。
絞り込み検索の実装
業務内容
WordPressのサイトに絞り込み検索機能を実装します。
・カテゴリ検索
・効果や条件などのチェックボックス
・価格帯絞り込み
・etc
1フォームあたり検索項目は5つまでで、それ以上は3,000円/項目となります。
PHPコードによる実装も可能ですが、以下の理由からSearch & Filter Proプラグイン(年額$20)での導入を強くおすすめしています。
・後から項目の編集/追加ができない
・使い回しができない
どうしても年額費用が嫌でPHPコードで実装したい方はご相談ください(2~3万円)。
【注意事項】
※フォームデザインの修正は原則2回までとなります
※各記事のカスタムフィールドへの値設定は含まれません
※AMP対応ページへの導入は要相談
※WordPress以外のサイトは要相談
LPサイトコーディング
業務内容
LPサイトのパッケージ商品です。
コーディングのみの商品となります。デザインは支給していただきます。
(デザイン混みの商品もあるので、デザインから必要な場合はそちらをご覧くださいませ。)
スマホ対応も含め3日で納品可能です。
大型大歓迎!【ウクライナ人コーディングチーム】が高品質でコーディングいたします
業務内容
・コーディングを外注したい
・デザインはできている
というような方に・・・
高品質でコーディングいたします。
1ページから数百ページまで
様々なボリュームに対応可能です。
自社内の複数人チームで同時進行できます。
【進め方】
・デザインを拝見いたします。
・見積もりいたします。
・納期、予算問題なければ、契約となります。
・デザインをお送りいただきます。
・作業完了後、弊社サーバーのテストサイトにてご確認いただきます。
【強み】
ランサーズでは90件、他に国内で300件の実績がございます。
コードの質を評価いただいております。
クオリティの面ではきっとご満足いただけるかと思います。
外注は一切せず、自社内で作業を一貫しています。
まずはお気軽にご相談ください。
HTML CSS コーティング
業務内容
HTML CSSのコーティングなどwebデザインを中心とした作業を低価格で行いたいという方向けです。
私自身実績がなく、0からの信頼です。
ですが、期日と決められた枠でしっかりと仕事をこなせるだけの努力をしてきました。
宜しくお願い致します。
既存のLPの修正(HTML、CSS)
業務内容
●サービス内容
HTML、CSSの修正。
既存のLPの修正を安価でさせていただきます。
文章を変更したい、文字の大きさ、背景の色を変えたい、画像を変えたいなど引き受けさせていただきます。
●可能な業務内容
HTML、CSS
(デザインデータはお客様でご用意していただきますようお願いします)
●作業の流れ
流れは下記のとおりです。
*内容のヒアリング*
↓
*契約成立*
↓
*コーディング作業*
↓
*テストサーバにて確認*
↓
*納品*
●可動時間
平均3時間
さまざまなメーラーに対応した「HTMLメール雛形」作ります。
業務内容
メーラー毎にHTMLメールの再現性が異なります。
単純にコーディングしただけでは、文字化けやレイアウト崩れを起こすHTMLメールになってしまいます。
お客様からご提示いただいたデザインをもとに
さまざまなメーラーに対応した「HTMLメール雛形」作ります。
雛形なので
変更箇所を入れ替えるだけで、
スマートなHTMLメールが作れます。
「HTMLメール雛形」はさまざまなメーラーで表示確認をしてから納品いたします。
HTML&CSS&javascriptのコーティング代行!どんなものでもOK
業務内容
各店舗のサイトデザインを行って培ったスキルを活かして、HTML・CSS・Javascriptのコーティングを代行・実装します。
お客様のご要望に合わせ、デザインに近いものをHTML・CSS・Javascriptで作成させていただきます。
動的なドロワーメニュー(ハンバーガーメニュー)や画像スライドショーなどのjQueryを用いたデザインも承りまっております。
また、依頼内容が複数ある場合は箇条書きにしてお気軽にお問い合わせください。
【本サービスの作業内容】
●静的コーディング(HTML、CSS使用)
HTMLとCSSを用いたデザインを作成し納品いたします
Wordpress(ワードプレス)サイトデザインも対応可能。
【お客様の納品依頼】
デザイン参考となるURLや画像
もしくはデザインカンプ(photoshop または Illustratorのファイル、XDのファイル形式が希望ですが、画像、手書きフレームからでも承ります)
《こんな方におすすめ》
●HTMLとCSSがイマイチわらかなく、作ってほしい
●凝ったデザインが欲しい
●こういったサイトデザインにしたい
●画像スライダーをサイトに実装したい
●コンテンツの見出しデザインや画像に動的な動きをつけたい
●サイトデザインを変更したい
また納品後、思ってたデザインと違う!などのミスは何度でも無料で変更対応いたします。
納品後は、お気軽にご相談ください。
【納品に関して】
納品は原則、HTMLファイルとCSSファイルをまとめたZIPファイルでのお渡しとなります。
また、WordPressやFTPサーバーを経由したデザインアップロードも対応しております。
※依頼に関しては、内容数が少なければいくつで
ページの内容やボリューム、ご予算の都合によっては金額の調整を行いますので、ご了承くださいませ。
【納品までの流れ】
(1)DMまたは見積り・カスタマイズの相談にて、まずはお気軽にお問い合せ、ご相談ください。
(2)ご購入後、トークルームにて下記の<ご用意いただくもの>をご連絡ください。
(3)作成しましたら、制作物を送付いたしますので、内容をご確認ください。
(4)気になる箇所、問題があれば、修正を対応致します。
(5)内容にご満足いだけましたら、最終成果物を納品し、完了となります。
そのデザインお任せ下さい!再現します
業務内容
◆作業内容
・HTML/CSSを用いた静的コーディング
◆準備いただくもの
・デザイン
・画像
・テキスト
◆その他
・ブラウザチェックは、Google Chrome/Microsoft Edge/Fire Foxで行います。
下層ページHTML・CSSのコーディングのみ承ります
業務内容
1.レスポンシブHTML・CSSのコーディングのみのご依頼を承ります。
1ページの目安は、縦幅が6000px以内でお願い致します。
2.bootstrapにてレスポンシブ対応(タブレットは除く)
以下2種類サイズ対応
(例)横幅480px以上(PC、タブレット)横幅480px以下(スマホ)
スライダー等、開発が必要なものに関しては、別途お見積もりとなります。
3.対応ブラウザ
win:ie10++,chrome最新,firefox最新
mac:safari最新
4.納品形式
htmlファイル一式をzipでの納品
Xdからのコーディング代行(レスポンシブ込)致します
業務内容
Xdで作成されたデザインデータのみの対応となります。
レスポンシブも無料で対応致します。
Xdのデザインデータを頂ければ、コーディングデータ一式を納品致します。
レンタルサーバーの契約とドメイン取得の代行は致しませんが、
出来る範囲でのサポートはさせていただきます。
----概要----
・静的コーディングのみ(HTML、CSS)
※jsを使用する場合、別途見積り対応です。
ハンバーガーメニューやスライダー、アコーディオン等簡易なのものは複雑なデザイン・動作の指定のない場合に限り料金内で対応させて頂きます。
・修正回数(納品後2週間以内)
軽微な修正であれば3回までとさせて頂いております。
※こちらの不具合であれば無料・無制限で修正させていただきます。
※大幅なデザインの変更には別途料金が発生致しますので予めご了承ください。
デザインの意図を汲みながらJS、CSS、HTMLにてコーディングします
業務内容
こちらのサービスをご覧いただきありがとうございます。
『コーディングにあまりお金をかけられない』
『忙しくてコーディングだけ頼みたい』
方、ぜひ私にお任せください!!!
"20,000円~/1ページの料金、無料オプション付き"でコーディングいたします。
WordPress化も行っておりますので、ご相談ください。
まずは、「見積り・カスタマイズの相談をする」からお気軽にお問い合わせくださいませ。
スキル感はポートフォリオをご覧ください
◆サービスの内容
・デザインデータからHTML・CSSを使用したコーディング
・レスポンシブ対応(スマホ・タブレットに対応)
■コーディング料金
・基本料金:20,000円〜
・レスポンシブ対応:無料
・jQuery & CSSアニメーション:点数無制限で一律5,000円
■納期
稼働状況により変動しますが、ご依頼日の翌日より1週間程度で納品可能です。
※作業開始日より3 〜 4日で初稿をテストアップいたします。
◆制作の流れ
1、ヒアリング&お見積り(※まずはご相談下さい!)
2、お客様からデザインのご提供
3、コーディング&テスト
4、ご確認・修正
5、最終確認・納品
■私の強み
①納期厳守
納期は必ず守ります。
定期的に作業の進捗を報告致します。
②細部へのこだわり
どんな方でもわかるようなコーディング
③ヒアリング重視
Webサイトによって何を実現したいのか目的を共有させていただきます。
目的達成のため、私からも提案させていただく場合もあります。
④柔軟な対応
フリーランスであるため、平日休日問わず対応が可能です。
すぐお答えできない事も、現状をお伝えした上でお調べし、丁寧なご返答を心がけております。
■こんな方にオススメです!
・コーディングは全て丸投げしたい。
・リソース不足で外注したい。
・長期的に依頼できるコーダーを探している。
■その他のサービス内容
・レスポンシブ対応
・jacascript & CSSアニメーション
・WordPressへの変換作業
・下層ページのコーディング
・サーバーへのアップロード(無料)
・納品後の修正作業(無料)
【制作会社様・デザイナー様向け】高品質、保守性を考慮したコーディングを提供します
業務内容
【制作会社様・デザイナー様向け】足りないリソース外注しませんか?
保守性の高いコーディングを提供します
ご覧頂きありがとうございます。
「リソースが足りない」、「質の良いコーディングを求めている」、「デザインはあるがコーディングだけお願いしたい」、「デザインを細部まで再現してほしい」、「1ページだけでもコーディングしてほしい」
そのようなお客様に寄り添い大切なデザインをコーディングします。
もちろん静的サイトコーディング後、WordPress化まで請け負います。
【SassやGulpを使用し、効率よく保守性の高いコーディング】
SassやGulp、FLOCSS・BEMを使用し効率よく、素早く、保守性の高いコーディングで仕上げていきます。またクライアント様から提示された要件定義を遵守し、ご満足いただけるコーディングに仕上げます。
【全プラン共通の内容】
・HTML/CSSを用いた静的コーディング
・スマホ、PC対応
※デザインデータがPCしかない場合、こちらでスマホを修正します。
・ハンバーガメニュー
・お問い合わせフォームの設置のみ(ベーシックは除く)
・3回までの修正対応(こちら側のミスは除く)
【当サービスの特徴】
・最短本日から作業を開始します。
・上述しましたが、保守性を意識した質の良いコーディングを提供いたします。
【ご契約後の流れ】
①事前のヒアリング
ご契約前にヒアリングをさせて頂き、作業量・納期から正式お見積もり金額お伝えさせていただきます。
事前にデザインカンプをご用意ください
②仮払い・情報のご提供
打ち合わせにてご納得頂けましたら、この段階でご契約とさせていただきます。
事前情報として、サーバー情報のご提供をお願いします。(サーバーにアップ不要であれば本情報は不要です。)
③トップページ制作
※3回まで修正可能
④下層ページ制作
※3回まで修正可能
⑤最終確認
⑥本番環境(クライアント様のサーバー)で公開(納品)またはファイル形式でお渡し
【最後に】
私自身、コーディングという業務に大変誇りを持っています。大事なデザインをただ単に再現するのではなく、クライアント様とデザイナー様の思いをこめながら、素晴らしいホームページを制作できればと思っております。宜しくお願いいたします。
LP1枚10000円でコーディング!ます
業務内容
デザインに沿ったコーディングで、スピーディに納品いたします。
scssを使ってみやすくより短いコードで誰がみても分かりやすいコーディングを心がけております。
【コーディング代行】 Webサイト制作依頼お待ちしております
業務内容
デザインを忠実に再現します!
【最初に】
Web制作会社様
Webマーケティング会社様
ブランディング会社様
デザイナー様
既にあるデザインをWebページに再現してほしい方へ
頂いたデザインを忠実に再現いたします。
今後継続的にお願いしたい方などおすすめです。
【作業内容】
- HTML/CSSコーディング
- 各種端末表示(レスポンシブ)対応
- JavaScriptでWEBサイトにアニメーション付与
- お問い合わせフォームの実装(googleフォームにも対応できます)
- WordPressテーマ作成(※ プレミアムにて対応します)
【使用スキル等について】
- Gulpを用いたメタ言語(SCSS、EJS)の自動コンパイル
- Gitでのソースコード管理
- CSS設計思想(BEM、FLOCSS)を取り入れた保守性の確保
- コード各所にコメントを入れるなど、当然のマナーはきっちりと行います
- WordPressテーマ作成はカスタムフィールド、カスタム投稿タイプなど幅広く対応
- デザインカンプに忠実な仕上がりにするためのブラウザツールの導入
- 各種実機テスト環境(iOS、MacOS、Windowsそれぞれの「Chrome、Safari」)
- 納品前には品質確認を行い、チェックシートを提出致します。(20項目程度)
【制作の流れ】
-
ヒアリング
WEB制作の作業範囲について確認させていただきます。
また、当方のスキルと照らし合わせ、対応の可否を判断致します。 -
見積もり案内/契約
見積もり・納品予定日をご提示いたします。
こちらをもちましてご購入の判断をお願い致します。 -
作業開始
進捗はお客様のご希望に沿って遅滞なく報告致します。 -
初稿→修正→納品
作業を終えましたら一先ず初稿を提示いたします。
修正等がありましたら、ご納得いただけるよう対応させていただきます。
※打合せ時から大幅に変更がある場合は別途お見積りさせていただきます。
【納品方法】
納品方法は柔軟に対応可能です。
- お客様のサーバーにアップロード(その際はFTPアカウントをご教示願います。)
- Zipファイルでのお渡し
- お客様のGitHubへのpush
【納期】
納期にあっては絶対に遅れないように少し余白を持った提案をさせていただく場合があります。
その分クオリティは担保することをお約束いたします。
【料金について】
しばらくの期間は当方の実績作りを兼ねて低価格でお受けさせていただきます。
実績としての掲載が不可能な場合はオプションにて「実績掲載不可」を選択ください。
【最後に】
誠実・即対応を心がけております。
最後までテンポ良く、気持ちの良いお取引を進めていきたいと思いますのでよろしくお願い致します。
HTML・CSSコーディング シンプルデザインプラン承ります
業務内容
HTML・CSS・Javaを使用して迅速にコーディングをいたします。
初回限定でHTML・CSSのみコーディングプランで最低価格10,000円でご提供!
LPのコーディングいたします
業務内容
PSD,AI,XDのデザインカンプがあれば、こちらの料金表にてコーディングいたします。
もちろん画像貼り付けでなく、テキストにできる部分はテキストにてコーディングいたします。
簡易なアニメーション(スクロールフェードインなど)は込みで行います。
html/css/js(vue,react可)でコーディングを行います
業務内容
PhotoshopなどのデザインデータをもとにHTML/CSS/JavaScript(vue.js)にてコーディングいたします。
レスポンシブ対応やアニメーションに付与まで対応いたします。
またHeadlessCMSの導入も可能です。
HTML / CSS(Sass)コーディング代行します
業務内容
デザインカンプから『Visual Studio Code』で行います。
Sassで修正や追加しやすいようにCSS設計を意識してコーディングをします。
納品は.zipで圧縮してのお渡しを考えております。
■■■ 個人情報の取り扱いに関して ■■■
個人情報に関しましては、一切当方で保存・複製は致しません。
作業完了後は責任を持って提供頂いた情報の破棄を致します。
安心してご依頼ください。
HTML、CSS、Jquery、Wordpressによるweb制作の業務を行います
業務内容
HTML、CSS、JQuery、Wordpressの技術を使ってWeb制作の業務を提供します。
完成度・再現度の高いコーディング(WordPress・レスポンシブ対応)をいたします
業務内容
完成度・デザイン再現度の高いコーディングを行います。
▼このような方におすすめ
・デザインはできるけどコーディングが苦手。
・コーディングを外注できるパートナーが欲しい。
・繁忙期だけのスポット依頼できるパートナーが欲しい。
▼お客様から好評いただいている点
・スマホデザイン不要。(パソコンデザインをベースにレスポンシブはお任せ対応)
・スマホデザインがなくてもレスポンシブの完成度が高く、かつデザインの再現度が高い。
・テキストと画像の差し替え程度なら管理画面から簡単に編集できる。
・WordPressが高速化されている。
・セキュリティ対策が込み。
・サーバーへアップロード納品可。
・WordPress運用のコツを伝授。
▼対応ブラウザ
一般的なモダンブラウザに対応しています。
(つまり、IE等の古いブラウザやマイナーブラウザへの対応はいたしません。)
▼ブレイクポイント
ブレイクポイントは1つを決めるのではなく、デザインに合わせて柔軟に指定するスタンスです。(そのため完成度が高い)
▼実機確認
スマホ: iPhoneSE2
タブレット: iPad Air
パソコン: Macbook Pro
▼納品形式
サーバーに直接アップロード納品いたします。
※その他の納品形式もご相談可。
▼本サービスで対応していないこと
・デザイン制作
・ピクセルパーフェクト(1pxレベルでのデザインの再現)
まずはお気軽にご相談ください。
■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 |
※大凡の価格を表示しています。実際の料金は依頼内容や会社によって異なります。
※こちらで記載している金額はランサーズ上の依頼金額ではありません。
※当社調べの「一般的な制作会社や企業に依頼した際の目安の依頼料金」となります。