人気ランキング 期間:5月4日 〜 5月11日
実務経験10年以上のマークアップエンジニアが、誰よりも早くコーディング対応します
WordPress対応_HTML/CSSコーディング承ります
【マーケティング会社様・制作会社様・デザイナー様向け】コーディング代行します
アンケートの自由回答処理・アフターコーディング
サイト・ページ制作のHTML、CSSコーディングをお手伝いいたします
業務内容
◆予算について
複数ページ制作時の記載金額はあくまで目安です。
制作するページ数やご要件に応じて金額は変動いたします。
また、ご予算に応じて調整可能ですので、お気軽にご相談下さい。
◆納期について
記載の納期はあくまで目安です。
短納期を心掛けていますが、チェックバックなどで若干前後する可能性がございます事、予めご了承ください。
◆納品までの流れ
①ヒアリング
・カンプデザイン、動的制御(アニメーションやスライドなど)の有無の確認。
↓
②ご契約
・お見積り、納期をご提示させていただきます。
ご納得いただけた場合、ご購入をお願いいたします。
↓
③デザインデータおよびコーディングに必要な各情報(metaタグ周り、OGPなど)の納品
ご購入後デザインデータ(XD、figmaなど)の納品をお願いいたします。
※Adobe、GoogleフォントなどWEBフォントのみで制作されているデザインデータは問題ございませんが、特殊なフォントを使用されている場合はアウトライン化のデータを合わせて納品ください。
↓
④制作・確認・修正
・気になる点がある場合、可能な限り修正対応いたします。
※軽微な修正は修正回数に関わらず追加費用はございません。
※テストアップが必要でしたら、テスト環境はご用意可能です。
↓
⑤納品
・Zip形式で納品いたします。
※納品方法は指定がございましたら、お知らせください。
※原則、公開環境にアップロード(HTML、CSS、javaScript、イメージ)するファイルのみお渡しいたします。
ご不明点がございましたら、お気軽にご連絡ください。
【デザイナー様/制作会社様】レスポンシブコーディングいたします
業務内容
いただいたデザインを元に、HTML / CSS / Javascript・jQueryでコーディングいたします。
前職までのサイト運用やWebマーケティング、SEOの知見を活かしながら、
◎デザインに忠実
◎シンプルな記述
◎納期や修正など柔軟な対応
を心がけています。
【ベーシックプランに含まれるもの】
web制作のご相談や、既存サイトの一部修正など
まずはお問い合わせください
【スタンダードプランに含まれるもの】
・HTML/CSSコーディング1ページ
・レスポンシブ対応(PC/スマホ/タブレット)
・スムーススクロールなど簡易なアニメーション
・画像の圧縮、最適化(webp対応可)
・metaタグ設定(titleタグ、ファビコン、OGP画像など)
<内容に応じお見積もり>
・スライダーやハンバーガーメニューなどの設置、カスタマイズ(javascript)
<ご要望に応じ対応いたします>
・gitでのコード管理
【プレミアムプランに含まれるもの】
特定のコーディングルールの対応など
【以下もご相談ください】
※2ページ以上の制作
※納期の短縮
※既存サイトの修正(Wordpressサイトも可能)
※PC版のデザインデータからスマホ版レイアウト作成
※フォーム設置・改修
※SEO内部対策の代行
※jQueryをjavascriptに書き換え
※表示速度の改善
【ご予算について】
記載の金額は目安です。
ご用件に応じ変動いたします。まずはご相談ください。
【納品までの流れ】
ご依頼内容の詳細をお聞かせください
↓
お見積りを提示いたします
↓
ご納得いただけましたら、ご発注をお願いします
↓
素材等の共有をお願いします
↓
制作開始〜確認・修正
ビデオチャット/電話での打ち合わせ可能です
↓
納品
【自己紹介】
制作会社でのWebデザイナーのアルバイト後、企業のweb担当として5年超、コーディング、サイト設計、運用、SEO対策など経験(SEO検定1級所有)。
バナー作成や、POP・チラシ等の印刷物もデザイン・制作経験あり。
現在はHTMLコーディングを主にフリーランスとして活動中です。
★最大20%割引★制作会社10社以上と提携しているコーダーがコーディング代行します
業務内容
**初回割引20%OFF!**
**2回目のリピーター割引10%OFF!**
「デザインはあるけれど、自分ではコーディングできない」
「社内リソースが足りなくて、このデザインを誰かにコーディングしてほしい」
「デザインどおりにコーディングしてほしい」
「スマホのデザインは無いけれど、スマホにも対応させたい」
「サイト公開後も修正などの保守対応を任せたい」
こんな課題をお持ちの制作会社様や企業/店舗様、
10社以上の制作会社様と提携し、年間30サイト以上制作している私に
コーディングをお任せください!
■■基本プランに含まれるもの■■
・レスポンシブ対応 (PC / SP) ※ブレイクポイント2か所まで
・表示速度高速化を目的とした画像、CSS、JSファイルの圧縮
・SEO対策のためのmetaタグ、Alt、OGP、ファビコン対応 ※テキストや画像をご提供いただける場合のみ
・テストサーバーの準備
・品質チェックリストと合わせての納品
■■基本プランに含まれないもの■■
以下の項目は、ヒアリング時に実装内容を伺い、お見積もりをご案内いたします
・スマホデザイン無しの場合の対応
・アニメーションの実装 ※内容によっては無料対応可能です
・お問い合わせフォーム等の機能実装
・WordPressの導入
■■ご予算について■■
各プランはアニメーションや機能実装の無い場合の価格となりますので、
ご希望されるページ数や実装内容によって変動いたします。
ぜひ、一度お見積もりをさせてください!
また、初回割引、リピーター割引もご用意いたしております!
■■納期について■■
各プランに記載されている納期は、実装内容や稼働状況によって変動いたします。
前倒しの納品を心がけておりますが、ヒアリングさせていただいたうえで、
最終的な納品日をご案内いたします。
■■納品方法について■■
制作データをzipファイルにてお渡しいたします。
■■その他■■
上記に記載している内容以外でも、WordPressサイトを構築したいなど、
ご要望やご質問などがございましたら、お気軽にご相談くださいませ!
確認でき次第、迅速にご回答させていただきます!
【外注先をお探しのデザイナー様・制作会社様】Webサイトコーディングを代行いたします
業務内容
▼こんな方へオススメ
・コーダーの外注先をお探しのデザイナー様・制作会社様
▼サービス内容
・HTML・CSSを使用したWebサイトコーディング。
・JavaScriptを使用した動きのあるサイトも制作可能です。
・レスポンシブデザインへの対応可能です。(料金に含みます)
▼ご用意いただくもの
・デザインカンプ(ファイル形式…XD・Photoshopなど)
・原稿(テキストデータなどのコピペ可能なデータ)
・画像
▼料金プラン
・一部の修正や更新作業など、軽微なサイト作成⋯10,000円
・Webサイトコーディングの基本プラン(3ページ以内)⋯25,000円
・Webサイトコーディングのプレミアムプラン(4ページ以上)10ページ以上の場合は別途ご相談ください。⋯50,000円
▼納品
・制作物をzipファイルにて納品させていただきます。
※サーバーへのアップロードは、FTP情報をご教示いただければ対応可能です。
静的なサイトから動的なものまでSEOを意識し適切なタグでWebサイトを構築いたします
業務内容
以下のサービスを提供できます。
1. 既存サイトのWordPress化:
- サービス内容: 既存のウェブサイトをWordPressに移行します。これにより、お客様自身でコンテンツの編集や更新が簡単にできます。
- 特徴: カスタムフィールドとカスタム投稿タイプを活用することで、使いやすく、管理しやすいサイトを構築いたします。
2. PC専用サイトのレスポンシブ対応:
- サービス内容: PC専用でデザインされたサイトを、スマートフォンやタブレットでも適切に表示されるように最適化します。
- 特徴: Dartscssを使用し、既存のコードに影響を与えずにデザインを調整、レスポンシブ対応を実現いたします。
3. デザインカンプからのコーディング:
- サービス内容: Illustrator、Photoshop、XD、Figmaで作成されたデザインカンプをもとに、実際のウェブサイトに変換します。
- 特徴: 各種デザインツールのファイル形式に対応可能です。
4. アニメーション付与によるサイトのリッチ化:
- サービス内容: gsapのアニメーションライブラリを使用して、ウェブサイトに動的なアニメーションを追加します。
- 特徴: アニメーションにより、サイトが一層魅力的で動的な印象を持つようになります。
5. サイト高速化:
- サービス内容: ブラウザキャッシュ、遅延読み込み、Webp形式の画像使用などの手法を用いて、サイトの読み込み速度を向上させます。
- 特徴: サイトが軽量化され、ユーザーエクスペリエンスが向上します。
6. その他のサービス:
- サービス内容: サーバーやドメインの取得からサイトの構築まで、デザインデータがない状況でもお客様のニーズに応じたウェブサイトを作成します。
- 特徴: デザインデータが未準備のお客様でも、お気軽にご相談いただけます。お客様の要件やご予算に合わせた最適なプランを提案し、一緒に素敵なウェブサイトを構築いたします。
ノーコードツール使用デザインも可!Webサイトのコーディング対応します
業務内容
ご覧いただきありがとうございます!
◇サービス内容
HTML/CSS/jsを用いた静的コーディング
レスポンシブ対応
*既存サイトの修正、ページの追加
◇サービス料金
トップページ 10,000円~
LPコーディング 13,000円~
下層コーディング 1ページあたり6,000円~
アニメーション 6,000円~
*お問い合わせフォーム 5,000円~
以下の要素は無料対応させていただいております!
ホバーアニメーション
ハンバーガーメニュー
*フェードイン
ご希望の際はお申し付けください。
デザイン相違などの修正は無料で何度でも対応いたします!
※デザイン変更は別途料金が必要になる場合があります。
WordPress対応も可能!HTML/CSSコーディング代行します
業務内容
ご覧いただきありがとうございます!
コーディングを中心にWEB制作のフリーランスとして活動中のfumicaと申します。
今まで50件以上のサイトのコーディング・改修をさせて頂きました。
【こんな方は是非ご相談ください】
・デザインは完成しているけど、コーディングが出来ない・時間がない。
・ハンバーガーメニューなど、自力でコーディングするのが難しい箇所がある
デザインもご希望の方はWebデザインサービスの方からご相談ください。
https://www.lancers.jp/menu/detail/1282631
【作業内容】
・HTML/CSSコーディング
・モバイル表示対応
・jQuery(javascript)による動作の実装
例)ハンバーガーメニュー、Q&A部分などのアコーディオンメニュー、メインビジュアルのスライドショー、要素のフェードイン 等
・各種SNS、googleマップ、動画の埋め込み
・コーディングしたページのWordPress化
・お問い合わせフォームの設置
【無料サービスに含まれる内容】
・titleタグ、discription、OGPの設置
・googleタグマネージャーの設置(事前に準備をお願い致します。)
・画像の軽量化
・最初に頂いたデザインに対しては修正無制限
【料金のイメージ】
・トップページ 15,000円~
・下層ページ 10,000円~
・お問い合わせフォーム(入力+確認+完了) 10,000円
・WordPress化 TOPページ:10,000円 下層ページ:5,000円
・WordPress カスタム投稿/カスタムフィールド 5,000円
・アニメーションやJQuery/Javascriptの実装 1,000円~3,000円
・大幅な修正・追加 1箇所 1000円~
・特急料金 通常のお見積もりに+20%上乗せ
【制作の流れ】
・ヒアリング・見積り
コーディング内容、ご希望納期、大体のご予算などお聞かせください。
対応の可否を判断させて頂きます。
↓
・購入
↓
・デザインデータのご共有
↓
・コーディング開始
↓
・ご確認後、内容にご了承いただけましたら納品
【お願い】
こちらからの質問や進捗状況の確認に対して3日間以上お返事がない場合はその時点で納品完了とさせて頂きます。(一言だけでもお返事ください)
スムーズな進行のためご協力をお願い致します。
コーディング(LP&Webサイト&WordPress)を承ります
業務内容
ランディングページ(LP)・WEBサイト・WordPress導入サイトの
コーディングを承ります!
制作会社様・デザイナー様からのご依頼をお待ちしております。
安心してお任せいただけるよう、丁寧に正確に迅速にお仕事いたします!
「まずは相談する(無料)」ボタンから
どうぞお気軽にご相談ください。
ー ご発注から納品まで ー
1. 「まずは相談する(無料)」ボタンからご連絡
ご依頼を検討されている内容、ご希望納期等をお知らせください。
2. ご相談内容に返信
ご相談内容に対する回答を返信いたします。
3. ご発注
ご依頼いただく場合は、ご発注にお進みください。
4. 仮払い
ご発注を承認後、仮払いのお手続きにお進みください。
5. 制作開始
仮払いお手続き完了後、即制作を開始できるよう、制作に必要なものをご送信ください。
納期については、仮払いお手続きが完了し、必要なものが揃った状態の翌日からの日数とお考えください。
6. テストサーバにてご確認
コーディングが完成しましたら、こちらで用意したテストサーバーにアップロードいたします。
そちらにて表示等のご確認をいただき、修正箇所があれば修正いたします。
デザインカンプとは違うように変更する場合は、軽微なものであれば対応いたしますが、コーディングのやり直しになるような変更が発生しないよう、よろしくお願いいたします。
7. 納品
ご指定のサーバーへのアップロードか、ZIPファイルをお渡しするか、どちらにも対応可能です。
8. 納品後の修正
表示の不具合等が見つかった場合などについては、1ヶ月以内は修正対応いたします。
納品後に、例「ここの文字の色やサイズを変更したい」「この画像の表示位置を変えたい」などといった変更は、別料金での対応となります。
尚、クライアント様側でコード改変等をおこなった結果での不具合についても、別料金での対応となりますことをご理解ください。
ー ご用意いただくもの ー
- デザインカンプ(Figma、XD、Illustrator、Photoshop)
- サーバー情報(アップロードにて納品の場合)
- WordPressの場合は、管理画面URL、ログイン情報
ー お願い ー
デザインカンプを基に制作しますが、カンプだけではわからない箇所もあります。
そのような箇所については、追加情報をお知らせください。
リンク先など。
できる限りお早く納品ができるよう、あらかじめカンプ内に記載いただくか別途お知らせをお願いいたします。
- サイト名
- サイトURL
- DESCRIPTION(サイトの説明文)
- FAVICONについて(用意がなければこちらで簡易的なものを作成)
- OGPの情報(X、Facebookアカウント情報など)
- SNS等共有時に表示される画像(用意がなければこちらで簡易的なものを作成)
- デザインカンプに有料フォントが使用されている場合(指定がなければ近似のGoogleフォントで対応)
- サイト内、外部サイトのリンク先のURL
- お問い合わせフォームの送信先メールアドレス
- お問い合わせフォームの自動返信用メールアドレス
- 開閉したり追尾したり、動きのある箇所。
- ボタンやリンクなど、HOVERで色を変えたり、OPACITYの調整等する箇所
- レスポンシブ表示のブレイクポイント(基本は、〜1025、1024〜751、750〜600、599〜320pxでデザインに合わせて設定しています)
- 余白等、どの程度カンプ通りにするか(特別指定がなければ、ズレ等と判断した部分についてはこちらの判断で調整します)
※特に細かいご指定がないことについては、こちらで適宜調整していきますので、何かご指定がある場合はあらかじめお伝えください。
HTML・CSS レスポンシブサイトのコーディングを承ります
業務内容
パッケージ出品をご覧いただきありがとうございます!
Webディレクター・デザイナーのHipotamusと申します。
迅速なコミュニケーションを心がけております。
まずはお気軽にご相談ください。
パッケージ内容について
■ベーシック
【静的下層ページ】 HTML/CSS 静的コーディング
■スタンダード
【静的トップページ/LP】 HTML/CSS 静的コーディング
■プレミアム
【静的 トップページ+下層2ページ】 HTML/CSS静的コーディング
各プラン料金に含まれるもの
・ 静的コーディング
・レスポンシブ対応
・スライダー、スワイパー、アコーディオン、ハンバーガーメニューなど、基本的なアニメーション実装
対象ブラウザについて
■パソコン(Mac)
Chrome、Safari 各最新版
■スマートフォン(iOS)
Chrome、Safari 各最新版
納品までの流れ
①ご相談/お見積もりの提出
構成などのすり合わせをさせていただき、お見積りをご提示させていただきます。
お見積りに問題がございませんでしたら、仮払いをお願いいたします。
②デザインカンプや素材等のご提供
デザインデータをご提供お願いいたします。
Photoshop、Figmaが対応可能です。
※その他形式についてはご相談ください。
③制作開始
④テストアップ
こちらでご用意するテスト環境にて、表示・動作の確認をお願いいいたします
修正は原則2回までとさせていただきます。
※こちらの不備によるものは別途となります。
⑥最終確認後に納品
Zipの形で納品、もしくはお客様のサーバーにアップさせていただきます。
短期・小規模・散発・修正案件も迅速かつ丁寧に作業を行います
業務内容
ご覧頂きありがとうございます。中桐と申します。
新規ページ作成から既存ページ修正まで小規模作業も承ります。
ポートフォリオサイト:https://nakagiri.com/
※ご連絡はポートフォリオのお問い合せではなくランサーズの機能をご使用ください。
◆ご提供業務
・デザインカンプからの新規ページ起こし
・既存ペーシの修正
・既存ページのレスポンシブ対応
・既存ページのリファクタリング(JavaScriptを含みます)
・小さな作業もお手伝いさせてください。
◆ページ単位ではなく、既存ページの修正なども承ります。
・作業料金は1ページの修正量の比率×1.5(既存ソースの理解と修正計画策定分)を目安に個別にお見積もりいたします。
・JavaScriptの改修、リファクタリングも承ります。
◆作業手順
▼作業内容受領、内容確認
▼お打ち合わせ(ご要望、仕様確認、他)
▼作業スケジュールの合意
▼作業実施、合意に基づく作業報告、随時確認・気づき報告
▼仮納品 ご確認ご確認いただき必要な微調整などを実施
弊サーバー上でのご確認いただくことも可能です。(無料)
▼納品、
■検収
◆ご対応できない業務
申し訳ございませんが、コンテンツ内容の作成はご容赦いただきますようお願いいたします。
・デザイン
・画像の作成、文面作成
ご検討頂ければ幸いです。
【1ページから対応OK】HTML/CSSコーディングいたします
業務内容
約20年フロントエンドに携わっている経験を活かし、デザインを忠実に再現したコーディングをご提供いたします。
一般公開サイト用にSEOを意識したコーディングはもちろん、バックエンドエンジニアとしての目線からPHP、Railsなどのバックエンドプログラム向けのコーディングにも対応可能です。
Javascript等の動的カスタマイズもご相談ください。
【制作会社、デザイナー向け】コーディングだけの作業、承ります
業務内容
デザインや写真など素材は全部揃っている、コーディング作業だけをお願いしたい、といった制作会社やデザイナー向けパッケージです。
▼△▼こんな方にオススメ▼△▼
▽コーダーが不足している企業様
日常的に、需要に対してコーディングできる人が足りていない状態です。
人を雇うまでではないけど、コーディング作業を依頼したい企業様にオススメです。
▽コーディングが苦手なデザイナー様
ウェブデザインはできるけど、コーディングができない/苦手なデザイナー様も多いと思います。
デザインデータをもとに、コーディング作業のみお受けします。
ディレクションやデザイン業務に集中したいデザイナー様にもオススメです。
▽WordPressが苦手な方
プラグインなどの管理方法がわからない、テーマをどのように管理したらいいかわからないなど、WordPressでウェブサイトを作成したい人にオススメです。
▽WordPressのバージョンアップにお困りの方
すでにホームページは持っているが、古いバージョンのために管理が難しい状態となっている方にオススメです。
▽既存のWEBサイトを単発で修正したい方
すでに稼働しているホームページを修正したい方にオススメです。
▼△▼パッケージ購入で期待できる効果▼△▼
▽困ったときだけ作業を依頼できる
自社ですべてを賄おうとすると、雇用が必要となります。
コーディングを外注にすることで、困ったときだけ作業を依頼することができます。
▽専門家に作業を依頼できる
Webデザイナーの中にも、「デザインが得意な人」「コーディングが得意な人」など様々です。HTML/CSS/JavaScriptに限らず、PHPなどのプログラム言語に特化しているので、いろいろな問題にも対応することができます。
▽ 作業分担できる
分担して作業した方が効率的です。コーディングを外注することにより、制作会社様やデザイナー様はディレクションやデザインに注力することができ、より効率的に制作物の制作を行うことができます。
▼△▼制作の流れ▼△▼
・ヒアリング、デザインや情報のご提供
・お見積り
・ご契約、仮払い
・着手開始
・納品(初稿)
・検収・修正
・プロジェクト完了
▼△▼サービス内容▼△▼
コーディング作業のみとなっています。
・静的コーディング
・LPコーディング
・WordPressオリジナルテーマ構築
・WordPress既存テーマの修正
・WordPressカスタマイズ
・バグや崩れなどの修正
・サイトの更新 など
お見積もり、ご相談、ご質問、お悩み、なんでもお気軽にご連絡下さい。
▼△▼納期について▼△▼
1ページの情報量やページ数、アニメーション有無などによって変動します。
どのようなサイトにしたいか、参考にしたいサイトのURLなどの情報をご提供ください。
まずはお気軽にお問い合わせください。
実務経験10年以上のマークアップエンジニアが、誰よりも早くコーディング対応します
業務内容
貴社でご準備のあるデザイン案をコーディングします。
どこよりも早く納品。
■基本サービス
・HTML/CSSコーディング
・レスポンシブ対応
・テスト環境用意
・指定のサーバーへのアップロード
・納品後1週間の修正対応
■オプションサービス
・Wordpress化:30,000円
・お問い合わせフォーム:20,000円
・スライダー:15,000円
・フェードイン:10,000円
・アコーディオン:5,000円
Website and WebApplication Builderます
業務内容
process after purchage -
share you needs.
share your deadline.
and relax
デザインを形に!高品質なコーディングで理想のウェブサイトを実現します
業務内容
◆以下の悩みを解決いたします!
● デザインデータはあるが、コーディングができない
● 自分でも更新できるようにシステムを作ってほしい
● 今のサイトが古いのでリニューアルしたい
● 予算を抑えつつ、専門的な知識なしでしっかりしたサイトが欲しい
● 事業開始に向けて、問い合わせがもらえるようなサイトを作りたい
もしこれらのお悩みがあれば、私にお任せください!
迅速かつ高品質で、お客様のウェブサイトを期待以上に仕上げます。
◆サービスの特徴
1. 高品質なレスポンシブデザイン対応
全てのデバイス(PC、スマホ、タブレット)で見やすく、使いやすいサイトに仕上げます。どんな画面サイズでも、最適な表示を実現します。
2. モダンで美しいアニメーション
簡単なフェードインから、スクロールエフェクト、スライダーなど、視覚的にインパクトのあるアニメーションを実装します。サイト訪問者に強い印象を与えます。
3. SEOに配慮したコーディング
Googleなどの検索エンジンに評価されやすいように、SEO対策を意識してコーディングを行います。これにより、検索結果での表示順位向上を狙います。
4. WordPress構築・カスタマイズ
CMSを利用して、動的なコンテンツ更新が可能なサイトを構築します。既存テーマを使ったカスタマイズや、ゼロからのテーマ制作まで対応可能です。
5. 納品後も安心サポート
納品後の修正や問題対応もサポートいたします。納期内であれば、無料で修正対応しますので、安心してお任せください。
◆納品までの流れ
ご提案・お見積り
初めに、サイトの目的、デザインデータ、希望する機能などについて簡単にヒアリングし、具体的なお見積りと納期をご提案します。
ヒアリング・詳細確認
サイトのターゲットやデザインの方向性についてさらに詳しくお伺いします。必要に応じて、デザインデータ(Figma、XD、PSDなど)をお送りいただき、具体的な作業に着手します。
コーディング作業開始
ご確認いただいた内容に基づき、ウェブサイトのコーディング作業を進めます。進捗は定期的に報告し、途中でご意見をいただけるようにします。
最終確認・修正対応
完成したサイトをお客様に納品し、最終確認を行います。必要に応じて修正を加え、完璧な状態で納品いたします。
納品後のサポート
納品後も、万が一動作に問題があったり、微調整が必要な場合は追加サポートを提供します。安心してご利用いただけるように、迅速に対応します。
【 制作会社様・デザイナー様向け 】デザイン通りのコーディングをいたします
業務内容
数あるサービスの中からご覧いただきありがとうございます。
フリーランスでWEB制作をしております足守ちかと申します。
迅速なレスポンス、丁寧な対応を心がけております。
ご相談は無料でお受けしておりますので、お気軽にご相談ください!
=======================================================
デザインを忠実に再現いたします
「 デザインは対応するので、コーディングだけ対応してほしい 」 という制作会社様や個人様
「 ランディングページ制作のご依頼を受けたけど、コーディングが苦手 」 というデザイナー様
「 コーディングの人手が足りない 」 という制作会社様やコーダー様。
など、コーダーをお探しの方はぜひご検討ください。
=======================================================
◆ パッケージ内容について ◆
- 静的コーディング
- ランディングページのコーディング
- レスポンシブ対応(PCサイズ・スマホサイズでの表示変更)
- スライダー、アコーディオン、ハンバーガーメニューなどアニメーションの実装
- 無制限の修正対応
=======================================================
◆ ご用意いただくもの ◆
- デザインデータ
- 画像データ(JPG・PNGなど)
- テキストデータ
=======================================================
◆ 納品までの流れ ◆
①ヒアリング・お見積もり
↓
②デザインデータや各種素材をお送りいただく
↓
③作業開始
※進捗状況はこまめにご報告いたします。
↓
④テスト環境にて制作物のご確認
↓
⑤修正対応
↓
⑥最終確認
↓
⑦納品
=======================================================
◆ 納品について ◆
-
データ納品(ファイル一式を zip 圧縮したもの)又は指定のサーバーにアップロードして納品いたします。サーバーにアップロードをする場合は、FTP情報が必要になります。
-
納品前には独自の品質チェックシートを用いて確認いたします。また、品質チェックシートは納品時にお渡しいたします。
ホームページ、LPのHTML/CSSコーディング、WordPress構築を代行します
業務内容
ご覧いただきありがとうございます!
プランに迷われたら「カスタマイズ」→「まずは相談する (無料)」
から詳細をお聞かせください
■サービス内容
============
・HTML/CSSを用いた静的コーディング
・WordPress構築(オリジナルテーマ)
・JavaScriptを用いたアニメーション実装
■料金表
======
〇コーディング
-トップページ:20,000円~
-下層ページ:11,000円~
〇WordPress導入
-トップページ:20,000円~
-下層ページ(固定ページ):5,000円~
-ブログページ:9,000円~
-カスタム投稿ページ:9,000円~
-個別記事ページ:9,000円~
-お問い合わせフォーム:11,000円~
〇無料対応
・基本的なアニメーション
(ホバー、ハンバーガー、アコーディオン、ドロワーメニュー)
・レスポンシブ対応 (全デバイス幅対応)
・基本的な内部SEO対策
・画像の書き出し、圧縮
・品質チェック
■制作の流れ
==========
- まずは相談する (無料) から詳細をお聞かせください
↓ - 金額や納期に問題なければ、デザインデータをお預かりします
↓ - コーディング開始
↓ - ご確認・修正
↓ - 納品 (ファイル納品またはFTPアップロード)
ご不明な点がございましたら、お気軽にお問い合わせください。
【制作会社・デザイナー向け】本業&現役のエンジニアがコーディング代行いたします
業務内容
◆こんな方へオススメ◆
デザインは完成しているけれど、コーディングを依頼したい方
短期間で高品質なWebページを制作したい方
忙しくて時間が足りない!コーディングをプロに任せたい方
信頼できる現役エンジニアに安心して依頼したい方
◆ご提供サービス◆
静的Webページやランディングページ(LP)のHTML/CSSコーディング
最新のレスポンシブデザイン対応(スマホ・タブレット対応)
SEOを意識した構造設計
使いやすいコメントや整理されたコードで、拡張性も考慮
料金プラン
1ページ:30,000円
3ページ:50,000円
5ページ:100,000円
※複雑なアニメーションや特殊仕様が必要な場合は、別途ご相談ください。
◆ご依頼の流れ◆
事前相談・お見積もり
ご希望内容をヒアリングし、最適なプランをご提案します。
データ提供
完成デザイン(Figma、PSD、XDなど)をご送付ください。
コーディング開始
HTML/CSSコーディングを丁寧かつ迅速に行います。
納品&ご確認
コードをご確認いただき、必要に応じて修正対応いたします。
◆納期◆
1ページあたり:3営業日
3ページ:7営業日
5ページ:14営業日
納期はお急ぎにも対応可能ですので、まずはお気軽にご相談ください!
HTML/CSS/Ract/レスポンシブコーディングを代行いたします
業務内容
ご提供頂いたデザインカンプ(XDまたはFigma)からコーディングを行い、ZIPファイルにて納品いたします。
指定があれば柔軟に対応いたします。
=========================================
【デザインデータについて】
・XDまたはFigma
・PC版のみのデザインしかない、という場合はこちらでスマホ用のデザインを想定してのコーディングが可能です。
(スマホにしたときにこだわりたいレイアウトの部分があれば事前にお知らせください)
=========================================
【対応内容について】
《料金内で対応可能》ーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー
・HTML/CSS(SCSS)/JavaScript or Vue.jsコーディング
・JavaScript or Vue.jsによる動き
[・スライダー,カルーセル(Swiper)・アコーディオン・ハンバーガーメニュー・TOPへ戻るボタン・モーダル・フェードイン・ローディング・アニメーション(簡易な動き)・パララックス(Rellax.js)]
※3,4箇所程度を無料で対応いたします。
・レスポンシブ対応
・ブレイクポイント一箇所が料金内です。(スマホ・PC)
※特にご指示がなければ、モバイルファーストで768pxで切り替えます。
・クロスブラウザ対応(Chrome, Safari, Firefox, Edge, への対応) ※いずれも最新版
※IEへの対応は行っておりません。
・内部SEOを意識してコーディングを行っております。
・W3Cに準拠したコーディング
・ご指定がない場合、2022年10月頃 @import が廃止予定なので、@use、@forwardを使用するので DartSass を使用します。
・CSS設計法(FLOCSS)に基づいたコーディング
※コーディングルールがある場合は事前にお知らせください
・ご要望があればBootstrapの使用
・アフターフォロー(納品後2週間以内)
※変更、訂正は3回ほど無料対応させていただきます。
※納品後、こちらのミスでデザインとは異なる部分がありましたら無料修正させていただきます。
・その他ご要望があれば柔軟に対応いたします。お気軽にお問い合わせください。
《基本料金に含まれないもの》ーーーーーーーーーーーーーーーーーーーーーーーーーーー
・複雑なアニメーション
・スクロールアニメーション
・Canvaにて簡単なロゴ、バナー作成も可能です。
・お問合せフォーム機能の実装は応相談
=========================================
【納品】
ZIPファイルにて納品いたします。指定があれば柔軟に対応いたします。
デザインデータをお預かりした翌日より、10日程度で納品が可能です。
稼働状況やページ内容により変動いたしますのでご相談ください。
=========================================
ご不明な点がございましたら、お気軽にメッセージにてお問い合わせください。
※お問い合わせは24時間受け付けております。
【デザイナー/制作会社向け】経験豊富なエンジニアが正しいHTMLをコーディングします
業務内容
デザイナー/制作会社様向けに、経験豊富なエンジニアがコーディングします。
ご提供を受けたデザインから、HTML、CSS、JSなどのコーディングを行います。
ZIPファイル、Github、またはサーバーへ直接公開など、ご希望の形で納品いたします。
当方では、デザインを忠実に再現し、美しく正しいコーディングを心がけています。
・コーディングの外注先を探している方
・コーディングの質を重要視する方
・技術的に可能かどうか迷っている方
ぜひご相談ください。
【ご依頼・制作の流れ】
①打ち合わせ〜お見積り
ご依頼内容を伺います。
サイトの概要、ページ数、スケジュール、ドメイン・サーバーの有無などお聞かせください。
サイトマップやワイヤーフレームがあるとスムーズです。
②デザインのご提供
デザインはフォトショップ、イラストレーター、XD、Figmaのいずれかでご提供ください。
・フォトショップの注意点
画像やイラストはスマートオブジェクトとして埋め込んでください。
・イラストレーターの注意点
WEB用の色空間(sRGB)、ピクセル寸法でお願いします。テキストはアウトライン前のものもご用意ください。
・その他
ご指定のフォントがある場合は、WEBフォントベンダー(Adobeフォント、Googleフォント、Type Square、Font Plus など)とフォント名をご指定ください。
PC用のデザインしかない場合でも、レスポンシブ対応はお任せでご依頼いただけます。
③コーディング開始
スケジュールに沿ってコーディングを行います。
ワードプレスの場合は、管理画面の構築〜オリジナルテーマの作成となります。
④プレビュー
プレビュー環境を用意し、ブラウザで本番同様にご確認いただけます。
*プレビュー環境は、サーバーの有無やご依頼内容により最適なものを提供します。
⑤納品・公開
納品前にはW3Cのバリデーションチェックを行っております。
(基本No Errorで納品していますが、外部連携など場合によりWarningかinfoレベルは許容範囲とします。)
また、公開時の設定(アナリティクスやサーチコンソール)も無料で対応可能です。
【無料サービス】
・レスポンシブ対応(スマホメニューも含む)
・スライドやアニメーション(複雑ではないもの)
・W3Cバリデーションチェック
・公開時設定(アナリティクス、サーチコンソール)
・レンタルサーバーの設定、ドメインの設定など軽微なサーバー作業
【ワードプレスについて】
規模や複雑さにより、管理画面構築に工数がかかる場合がありますので、事前にご相談ください。
最短3日!高品質なHTML/CSSコーディングを対応します
業務内容
WordPress対応・レスポンシブ対応・短納期対応・丸投げOK!HTML/SCSS/CSSコーディングをお任せください!
外部委託無し。認定ランサー本人が対応します。
Webサイト制作において、効率的かつ高品質なコーディングをお求めの方に最適なサービスを提供します。
-
WordPress対応: WordPressテーマのコーディングから、カスタマイズまで柔軟に対応。お客様のニーズに合った最適なソリューションをご提案します。
-
レスポンシブ対応: PC、タブレット、スマートフォンなど、全てのデバイスで美しく表示されるレスポンシブデザインを実現。
-
短納期対応: お急ぎのプロジェクトにも迅速に対応します。お約束の納期を守り、スピーディーに高品質な成果物をお届けします。
-
丸投げ対応: コーディング作業を丸ごとお任せいただけます。企画段階からのご相談も歓迎いたしますので、安心してご依頼ください。
一つひとつ丁寧に作業を進め、クライアント様のビジョンを形にします。高品質なコーディングで、サイトのパフォーマンスやユーザーエクスペリエンスを向上させ、成果につなげます。
ぜひお気軽にご相談ください!
===================================================
当方のプロフィール
2020年度ランサーズ ランキング
クライアント訪問数ランキング Webデザイナー部門 全国1位
ランサーズ歴4,000日以上
▼実績についてはポートフォリオなどご覧ください。
※一部大手企業様の案件については守秘義務の都合上記載しておりません。
★過去実績
大手スーパーサイト制作 WORDPRESS
大手コンビニキャンペーンサイト制作
大手ECサイトUIデザイン制作
会員制ゴルフサイト構築・開発 WORDPRESS
インテリアショップECサイト制作・開発 EC CUBE
エステサロンサイト制作 WORDPRESS
大人気カフェサイト構築 WORDPRESS
avex所属アーティストオフィシャルサイト制作 WORDPRESS
トレーニングジムサイト制作 WORDPRESS
アパレルオフィシャルサイト制作 WORDPRESS
コスメECサイト制作・開発 WOOCOMMERCE
コスメLP制作
大手美容整形外科サイト制作 WORDPRESS
キュレーションサイト制作 WORDPRESS
有名アニメコラボグッズ・ノベルティ制作
国民的有名アイドルコラボグッズ・ノベルティ制作
各種バナー制作
マッチングアプリUIデザイン制作
ディープラーニング系アプリUI制作
【限定価格】丁寧かつ低価格でコーディング承ります。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円
・アニメーション:要相談
(ホバー/ハンバーガーメニュー/アコーディオンは無料で承ります)
・デザイン無しのレスポンシブ対応
1,000円/1p
【無料対応】
・レスポンシブ(デザインをご準備いただける場合)
・ファビコン(デザインをご準備いただける場合)
・OGP(デザインをご準備いただける場合)
・基本的なアニメーション(ホバー/ハンバーガーメニュー/アコーディオン)
・WordPress化
・納品前の修正対応(作業着手後の大幅なデザイン変更の場合は追加料金をいただく場合があります)
【サービスの流れ】
1.ご相談・お見積
デザイン・ページ数等によりお見積りいたします。
2.契約
3.コーディング作業
4.ご確認・修正(修正回数制限なし)
5.最終確認・納品
【納品方法】
・zipファイルの送付
・サーバーへのアップロード
他、ご希望の納品方法があればご相談ください。
最後までご覧いただきありがとうございます!
ぜひご一緒にお仕事させていただければと思います!
デザインカンプからのコーディング、WordPressでのサイト構築承ります
業務内容
【 こんな方におすすめ! 】
・コーディング,WordPress構築を外注できるパートナーが欲しい
・デザインはできるけどコーディングが苦手
・コーダー不足で外注先を探している制作会社様
・コーダーのパートナーを探しているデザイナー様
などなど
【 サービス内容 】
・HTML、CSS修正案件
・HTML, CSSコーディング
・JavaScript, jQueryによるアニメーション実装
・WordPressオリジナルテーマの作成
【 料金 】
LPコーディング:30,000円~
Topページコーディング:20,000円〜
下層ページコーディング:8,000円〜
WordPressオリジナルテーマ制作:80,000円〜
基本的に上記金額で承ります。
※ボリューム・機能によって変動しますので、まずはご相談ください。
【 制作の流れ 】
① ヒアリング・お見積もり
↓
②psd・XD・figmaでのデザインデータをお送りいただきコーディング作業開始
静的サイトもしくは静的サイトのWordPress化(オリジナルテーマ)で承ります。
↓
③トップページご確認・修正
↓
④トップページ問題なければ下層ページコーディング開始
↓
⑤2、3ページ毎にご確認・進捗報告
↓
⑥テストサーバーでご確認
↓
⑦上記ご確認後→修正→再度テストサーバーへアップロード
↓
⑧納品
・zipファイル納品
・WordPressへのマイグレーション
・FTPツールを使用してサーバーへの納品など
【 当サービスの強み 】
■報連相の徹底、早いレスポンスでクライアント様の安心に繋がる仕事を行います。
報連相を徹底することで手戻りなどのロスも減らしていけると考えます。
■17年間の社会人経験で培ったコミュニケーションスキルや業務遂行スキルで案件を確実にこなしていけます。
■平日であれば日中、夜間問わず対応可能です。
■土日でも緊急とあれば対応可能です。(主に夜間業務になります)
【連絡可能時間】
平日・土日共に9時~20時まで基本的には可能です。
ホームページ制作・HTML/CSS/JavaScriptを用いた実装に対応できます
業務内容
対象
・ホームページの完成図(デザイン案)をお持ちの方のみに限定させていただきます。
・デザインはFigmaでの共有でお願いします。
修正回数について
・期限内であれば何回でも対応させていただきます。
稼働時間について
・平日 9:00~21:00
※土日祝は基本的に対応不可の時間はありません
必要なもの
・Figmaのデザインデータ(.fig)
・具体的な実装内容(担当の方とお話しさせていただくだけで十分の場合もあります)
CSSにコード追加してスマホ用のレスポンシブデザインできます
業務内容
(1)WordPressなどのCMSを使ってサイトを作成している場合
テーマを変更することによってレスポンシブデザイン対応が可能な場合があります。ご相談ください。
(2)HTML/CSSのみで書かれたページの場合
CSSにレスポンシブデザイン部分を追記することによって、レイアウトを変更し、スマホ画面に対応させることができます。
HTMLの改変を伴う場合があります。
レイアウトの変更や画像の縮小・拡大のみで、新規にデザインを起こすことはしません。あくまで既存のデザインを使います。
【制作会社様・デザイナー様向け】デザインを正確にコーディングいたします
業務内容
ご覧いただきありがとうございます!
現在私はWEB制作フリーランスとして主にデザインカンプからのコーディングを行なっておりますとみーと申します。
本サービスはホームページやLPのコーディング代行サービスです。
LPのようなシングルページからコーポレートサイトのような複数ページ、オリジナルのWordPressサイト作成まで幅広く対応しております。
・社内リソースが足りずデザインのコーディングは全てお願いしたい
・デザインはできるがコーディングが苦手で時間がかかる
・ブログ更新があるのでWordPressで構築して欲しい
・デザインの世界観をアニメーションで幅広く表現したい
このような方には特にお役に立てるサービスとなっております。
特にJavaScriptを使用したアニメーションの実装を得意としております。
▪️当サービスの対応可能範囲
・HTML / CSS / JavaScriptを用いたコーディング
・レスポンシブ(スマホ対応)
・WordPress実装
・お問い合わせフォーム実装
▪️納期目安
1ページのみのLPサイトであれば1週間程(初稿の提出)で対応させていただきます。
▪️料金目安
LP : 30,000円 〜
複数ページサイト
Top 20,000円 〜
下層ページ 5,000円 〜
※初回ご依頼のお客様は半額で対応させていただきます。
※ご予算に応じて柔軟に対応させていただきますのでこの限りではございません。
▪️主な制作の流れ
①ヒアリング・お見積り・要件確認
②デザインデータ、画像等のご提示
③コーディング作業開始
④初稿提出・確認いただき修正があれば対応いたします
⑤納品
▪️納品方法
圧縮ファイル(ZIPファイル)納品
サーバーアップロード(FTP情報が必要となります)
どちらでも柔軟に対応させていただきます。
納品後の修正箇所があれば最後まで責任を持って対応させていただきます。
ご相談だけでも問題ございませんので、お気軽にお問い合わせください!
【スピード対応】LPコーディングをスピーディに対応します
業務内容
「急ぎでLPのコーディングをしてほしい」
「デザインはあるけどコーダーがいない」
「ボリュームのあるサイトのコーディングをしてほしい」
「ワードプレスやアニメーションの対応もしてほしい」
上記のような様々なご要望をお持ちの方はぜひご連絡ください。
【私たちについて】
・グラフィックデザインからWEBデザインまで、業界15年以上の経験があります
・デザインとコーディングを2人体制による分業のため、それぞれの品質担保がしっかり出来ています
・2人体制のため、よりスピーディな対応が可能です
・デザイン中心のノーコード、コーディングからのワードプレス対応など様々ご対応可能です
【ご依頼について】
①ご相談
制作要件をご教示ください
(基本的にはメッセージでのやり取りになりますが、オンラインMTGでのご相談も可能です)
②お見積もり〜サービスのご購入
③制作開始
・1Pのコーディングは初稿まで3営業日
・複数ページの場合はその都度工数をお出しします
④納品
データ納品の他、こちらでの本番アップ対応も可能です
ワードプレス構築が入る場合は、コーディング後に構築期間が追加となります
【TOPページ】デザイン通りに実装!レスポンシブコーディングいたします
業務内容
WebサイトのTOPページデザインのコーディングを承ります。
外注先をお探しの制作会社さま、フリーランスのWebデザイナーさまにご利用いただいております。
※下層ページやLP(ランディングページ)は、各専用メニューからご依頼ください↓
【LPコーディング】
https://www.lancers.jp/profile/life-life/plan/118439
【下層ページコーディング】
https://www.lancers.jp/profile/life-life/plan/167452
このようなお悩みはありませんか?
「コーディングを外注したけど、なんかちょっとデザインと違う」
「デザインを忠実に再現してほしい」
「スマホ用デザインを作る時間がない…。でもレスポンシブに対応してほしい」
当方では、これらすべてをクリアしてコーディングいたします。
一番に心掛けているのは、
【デザインを忠実に再現すること】です。
デザインカンプの再現性は、リピートのお客様に高評価をいただいております。
その他にも、以下のような作業を心掛けています。
・メンテナンスしやすいソースコード
・内部SEOを意識したマークアップ
・CSS設計法に基づいたコーディング(BEM、FLOCSS)
デザイナーとしての実務経験もございますので、
PC用デザインのみ(スマホ用デザインがない場合)でも、
見た目の整ったコーディングが可能です。
● 作業者について ----------------------------------------------------
制作会社に6年間勤務し、現在フリーランス活動4年目となります。
デザイン、コーディング両方に対応できるのが強みです。
品質を第一に考え、丁寧な制作を心がけております。
● 対応可能データ ----------------------------------------------------
・PSD、AI、XD、Figmaのいずれか
確認のため、一枚で書き出したJPEGもしくはPNGデータを一緒に送付ください。
AI形式の場合はリンク画像も添付(もしくは埋め込みで)お願いいたします。
● 動きのある要素について ---------------------------------------------
【料金内で対応可能】
・スライダー、カルーセル
・アコーディオン
・タブメニュー
・ハンバーガーメニュー
【オプション料金にて対応可能】
・アニメーション(簡易な動き)
・PHPメールフォームの実装
・その他、動きのある要素
※追加オプションの内容は、下記オプション欄をご参照ください。
※オプション内容により納期が変わります。
※上記にない内容につきましては別途お見積りさせていただきます。
● ブレイクポイント --------------------------------------------------
一箇所が料金内です。(PC・スマホの切り替え)
※特にご指示がなければ、768pxで切り替えます。
※タブレット用など、ブレイクポイントを追加される場合はオプション料金にて承ります。
● 動作確認ブラウザ --------------------------------------------------
・Windows
Chrome、Firefox、Microsoft Edge
・Mac
Chrome、Firefox、Safari
・iOS バージョン15
Safari
・Android バージョン11
Chrome
※いずれも最新版です。
● 納品形式 ---------------------------------------------------------
・ファイル送付、もしくはご指定のサーバーにアップロード
● 納期について -----------------------------------------------------
標準納期は、「デザインデータ受領から」5営業日となります。(ベーシックプランの場合)
※サービス購入からデータをお送りいただくまでの日数は納期に含みません。
以上となります。
ご不明な点がございましたら、お気軽にメッセージにてお問い合わせください。
【デザイナー様・制作会社様向け】高品質でスピード納品!コーディング代行を承ります
業務内容
本サービスをご覧いただきありがとうございます。
Web制作歴6年以上の現役エンジニア2名体制で、コーディング代行を承っております。
デザイン色の強い制作会社様と長年契約させていただいており、デザインの再現性・レスポンシブ対応の制度・アニメーション制作に特に得意としております。
- コーディングのリソースが足りていない
- デザインを忠実に再現できるコーダーがいない
- 高度なアニメーションを実装してほしい
- 経験豊富なコーダーに対応してほしい
こういった方にお勧めのサービスです!
◆作業内容
・レスポンシブコーディング
┗ ブレイクポイント3つ + フレキシブルレイアウト
┗ Sass(SCSS)対応可能
・お問合せフォーム実装
┗ WordPressプラグインを使用(Contact Form 7, MW WP Form)
・WordPress化
┗ オリジナルテーマ制作
┗ カスタム投稿タイプ・カスタムフィールド等も対応可能
・CSS / JSアニメーション制作
┗ スムーススクロール、スライダー、ハンバーガーメニュー等シンプルなものは無料で対応
┗ ローディングアニメーション、GSAPを使用したスクロール連動アニメーション等の対応も可能
これら以外にもご要望がありましたら、お気軽にご相談ください。
◆制作の流れ
①ヒアリング
デザイン、ページ数、希望納期、作業範囲等をお聞かせください。
↓
②お見積もり
お見積もりと正式な納期を提示させていただきます。
内容に同意いただけた場合、ご購入をお願いいたします。
↓
③コーディング対応
コーディング対応を開始します。
作業進捗は常に報告いたします。
↓
④テストアップ / 修正対応
コーディングが完了次第、初稿のテストアップをします。
お客様側でご確認いただき、修正してほしい点がありましたら対応いたします。
↓
⑤納品
対応完了後にご確認いただき、何も問題なければ、サーバーにアップロード・もしくはZIPファイルにて納品いたします。
私たちの強み
・5年以上の経験年数有り
コードハイブのコーダーは、2名ともWeb制作歴が5年以上あります。
特にデザインにこだわりがある制作会社様と長期契約をさせていただいていることもあり、デザインの再現性・デザイナー様のイメージ通りのアニメーションを制作することを得意としています。
・土日祝日問わず対応可能
土日祝日も対応が可能なので、急ぎの場合は相談いただけましたら金曜日に依頼→月曜日に納品といったことも可能です。メッセージも24時間受け付けており、作業時間内であれば1~2時間以内に必ず返信いたします。
・デザイナー様へ
デザイナー様がこだわりを持って制作されたデザインを、忠実に再現いたします。レスポンシブ対応の手法は、フレキシブルレイアウトを採用しております。ブレイクポイントでのメジャーな画面幅の最適化に加え、ブレイクポイント間も画面幅によって要素の横幅を伸縮させることで、どんな画面幅でも表示崩れがなく綺麗に表示することが可能です。また、アニメーションにもこだわりがあるデザイナー様も大歓迎です。ホバーやスクロールアニメーション等、デザインに合ったアニメーションを提案・実装させていただきます。
・制作会社様へ
Webサイト制作歴5年以上のコーダーが、高品質・保守性の高いコーディングを提供します。SEOを意識したセマンティックコーディングに加え、サイトスピード・アクセシビリティを考慮したコーディングが可能です。さらに、GSAPやWebGLを使用した複雑なアニメーションも制作可能です。WordPressでのサイト制作では、オリジナルテーマ制作だけでなく、カスタム投稿タイプやカスタムフィールドを扱うことができます。
料金に関して
プランに表示している金額は概算ですので、ヒアリング時に詳しく内容をお聞きした後、正式な金額を提示させていただきます。
私たちの実績について
主に制作会社様からの案件対応をしているので、非公開となっております。
もし実績を確認したい場合は、ヒアリング時にビデオ通話にて紹介させていただきます。
いただいたデザインを元に、HTMLでコーディングいたします
業務内容
いただいたデザインを元に、HTML / CSS / Javascript・jQueryでコーディングいたします。
◎デザインに忠実
◎シンプルな記述
◎納期や修正など柔軟な対応
を心がけています。
・HTML/CSSコーディング
・レスポンシブ対応(PC/スマホ/タブレット)
・簡易なアニメーション
・画像の圧縮、最適化(webp対応可)
・metaタグ設定(titleタグ、ファビコン、OGP画像など)
・スライダーやハンバーガーメニューなどの設置、カスタマイズ(javascript)
納品後の修正も、最後まで責任を持って丁寧に対応させていただきます。
【制作会社様・デザイナー様向け】デザインどおりに再現!コーディング代行いたします
業務内容
WEB制作のコーディング代行サービスです。
「すべてのお客様に満足を」をモットーにお客様のご要望に全力で対応いたします!
ぜひお気軽にご相談くださいませ!
【 こんな方におすすめ 】
「デザインは制作できるけどコーディングをする時間がない」
・コーディング業務の外注先をお探しの方
・コーディングが苦手な個人webデザイナー様
・継続的にお願いできるパートナーをお探しの制作会社様
このような悩みを解決いたします!
ご満足いただけるように丁寧かつ柔軟な対応を心掛け、満足していただけるサービスを提供いたします。
【 料金 】
・トップページのコーディング: 10,000円〜
・下層ページのコーディング: 6,000円〜/1ページ
・LPのコーディング: 20,000円〜
・アニメーション: 要相談
・WordPress化: 要相談
※上記が基本料金となります。ページの長さやデザインの内容により価格の変動がございます。
※レスポンシブ対応込みの価格になります。
※WordPress化のご希望の方はカスタマイズからご相談くださいませ。
【 対応可能データ 】
・Figma、XD、Photoshop、Illustrator等
※確認用に、一枚に書き出した画像データを(JPEGかPNG)を一緒に送付ください。
※Illustratorの場合はリンク画像も送付(もしくは埋め込みで)お願いいたします。
【 納品までの流れ 】
1 ヒアリング・お見積り
2 ご契約・デザインデータお預かり
3 コーディング
4 ご確認・修正
5 最終確認・納品
【 納品形式 】
・zipファイルの送付
・ご指定のサーバーへアップロード
【 注意事項 】
・必ずデザインデータをご用意ください。
・コーディングルールがございましたら事前にお知らせください。
・WEBフォントを使用したデザインの場合、フォントの契約はお客様の方でご準備をお願いいたします。
・コーディング着手後に大幅なデザイン変更があった場合、追加料金が発生する場合がございます。
・サーバーのご準備はお客様の方でお願いいたします。
※やり取りの間に1週間以上ご回答がない場合はキャンセルさせて頂く場合がございますのでご了承ください。(ご回答にお時間がかかる場合は、その旨をお伝え頂くようお願いいたします。)
ご満足いただけるように丁寧かつ柔軟な対応をいたします。
気になる点などがありましたら、お気軽にご相談くださいませ。
予算内で完成度の高いHTML/CSSのコーディングをいたします
業務内容
主にHTML/CSSコーディング承ります。
テンプレートを利用したサイト作成も安価で行っております。
▼予算は抑えたいが、ある程度の完成の高いサイトを作成したい個人事業主、小規模企業におすすめです。
▼HTML/CSSコーディング, WordPress導入, サイト管理,
▼ご購入の流れ打ち合わせ
ヒアリング
ミーティング(オンライン)にて希望するデザインや機能などについて詳細に話し合います。
↓
提案、見積の作成
提案書や見積もりを作成します。(概要、スケジュール、費用、使用する技術等)
↓
見積もりの提示
内容や予算について見積を提出いたします。必要に応じて調整を行います。
↓
契約の締結
合意が得られたら、契約書を作成し、双方の署名を得て正式に作業を開始します。
↓
制作フェーズ
制作中、進捗確認をさせていただきます。
↓
納品
ご確認いただき、問題なければ、納品させていただきます。
料金や目安となります。ご相談くださいませ。
親切で丁寧なコーディングを行い、お客様のアイデアを形にします
業務内容
こんな方へおすすめ
・ホームページを作成したいが、コーディングの時間がない。
・ホームページは完成したが、運用する手間がない。
お仕事の流れ
・どのようなことにお困りか丁寧にヒアリングします。
・ホームページを作成または修正、運用し、サーバにアップします。
・納品完了
こんなことが得意です
・ヒアリングをしっかりと行い、お客様の要望に忠実にお仕事をさせていただきます。
・丁寧なコーディングで、SEO対策を確実に行います。
・紙媒体のチラシ作成なども行った経験があるため、チラシ作成も可能です。
・SNSでの個人・企業の広報活動についてもご相談可能です。
【HP/LP/WordPress】忠実なコーディング代行をいたします
業務内容
ご覧いただきまして、ありがとうございます!
ご安心してお取引していただけるよう、丁寧な対応とご連絡を心がけております。
ご不明な点は、お気軽にお問い合わせくださいませ。
どうぞよろしくお願いいたします。
𓐄 𓐄 𓐄 𓐄 𓐄 𓐄 𓐄 𓐄 𓐄 𓐄 𓐄 𓐄 𓐄 𓐄 𓐄 𓐄 𓐄 𓐄 𓐄 𓐄
当サービスはデザインデータからのコーディングを承っております。
1ページから50ページ前後の中規模サイトまで対応しています。
𓐄 𓐄 𓐄 𓐄 𓐄 𓐄 𓐄 𓐄 𓐄 𓐄 𓐄 𓐄 𓐄 𓐄 𓐄 𓐄 𓐄 𓐄 𓐄 𓐄
◾️提供内容
- HTML・CSSの静的コーディング
- jQuery/JavaScriptを用いたアニメーションな実装(ハンバーガーメニュー、スライダー等)
- レスポンシブ対応
- CSSアニメーション
- WordPressの導入、構築(オリジナルテーマ)
- お問い合わせフォーム実装
𓐄 𓐄 𓐄 𓐄 𓐄 𓐄 𓐄 𓐄 𓐄 𓐄 𓐄 𓐄 𓐄 𓐄 𓐄 𓐄 𓐄 𓐄 𓐄 𓐄
◾️基本料金
- トップページ:30,000円~
- 下層1ページ:10,000円~
- 複製ページ:2,000円~
- LPコーディング:50,000円~
- WordPress導入、構築:20,000円~
※料金は目安となります。お一人ずつお見積りをしております、一度ご相談ください。
𓐄 𓐄 𓐄 𓐄 𓐄 𓐄 𓐄 𓐄 𓐄 𓐄 𓐄 𓐄 𓐄 𓐄 𓐄 𓐄 𓐄 𓐄 𓐄 𓐄
■制作の流れ
- 「見積り・カスタマイズを相談する」よりご相談ください。
- デザインデータお預かり
- コーディング
- ご確認・修正
- 最終確認・納品
𓐄 𓐄 𓐄 𓐄 𓐄 𓐄 𓐄 𓐄 𓐄 𓐄 𓐄 𓐄 𓐄 𓐄 𓐄 𓐄 𓐄 𓐄 𓐄 𓐄
◾️納期
- トップページ:2~4日
- 下層ページ:2日~
※※デザインデータ受け取り翌日からの日数です。
デザイン、ボリューム、稼働状況により変動いたします。
𓐄 𓐄 𓐄 𓐄 𓐄 𓐄 𓐄 𓐄 𓐄 𓐄 𓐄 𓐄 𓐄 𓐄 𓐄 𓐄 𓐄 𓐄 𓐄 𓐄
◾️納品方法
- zipファイルの送付
- サーバーへのアップロード
- その他、ご相談くださいませ
【制作会社様・デザイナー様向け】Webサイトのコーディング、修正いたします
業務内容
【the one】プロフェッショナルHTML/CSSコーディング代行サービス
こんにちは、the oneの寺井と申します。Webサイトの修正や新規コーディングをはじめ、レスポンシブデザインの実装まで、あなたのWeb制作を全面的にサポートします。プロのデザイナー様や制作会社様からのリピート依頼多数、品質とスピードを兼ね備えたサービスを提供しています。
サービス概要
- HTML/CSSコーディング代行
- JavaScript/jQueryによる動的機能実装
- レスポンシブWebデザイン
- デザインカンプからのコーディング(Figma, XD, Photoshop対応)
- WordPressテーマカスタマイズ
the oneが選ばれる理由
品質保証:細部にわたるピクセルパーフェクトなコーディングで、デザインを忠実に再現。
迅速対応:最短即日納品を目指し、スピーディーな作業を心がけています。
細かな対応:明確なコミュニケーションと細かな要望への対応を心掛けています。
料金プラン
修正・更新作業:3,300円〜
ランディングページコーディング:50,000円〜
ホームページコーディング(6ページ以内):100,000円〜
※WordPress対応など、オプションも含めた詳細はお見積もりにて。
制作の流れ
- ヒアリング:ご要望と納品希望日を詳細に伺います。
- お見積もり・ご契約:内容に基づいたお見積もりを提出し、ご納得いただければ契約となります。
- 制作開始:デザインデータをもとにコーディングを開始します。
- 確認・修正:初稿提出後、クライアント様のフィードバックに基づき修正を行います。
- 納品:最終確認後、納品(zipファイルまたはサーバーへのアップロード)を行います。
ここまでご覧いただきありがとうございました。
数多くのサービスから私のサービスに興味を持っていただき、嬉しく思います。
もしお任せしていただける場合は【丁寧な対応】、【最高品質】を持って
料金以上の納品物を納品させていただきます。
そのためにもまずは詳細なご依頼内容を伺いたいので、下記の【ご依頼・お問い合わせ】のURLの「見積もり・カスタマイズの相談に進む」から一度ご連絡ください。
また同じURLからお問い合わせもできますので、お気軽にご相談ください。
ご検討のほど、よろしくお願いいたします。
【ご依頼・お問い合わせ】
https://www.lancers.jp/menu/detail/1274505
【HTML/CSS】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
※いずれも最新版です。
★ 納品形式★
ファイル送付、もしくはご指定のサーバーにアップロード
ご不明な点がございましたら、お気軽にメッセージにてお問い合わせください。
複雑なアニメーションやパララックスにも対応!コーディングコーディング代行いたします
業務内容
初めまして、フロントエンドエンジニアのayameと申します。
ご覧いただきありがとうございます。
・デザインはできるけどコーディングができないという方
・忙しくなってきたためコーディングを外注したいという方
お悩み解決いたします!
もちろんその他のご相談も大歓迎です。
レスポンシブ対応や、JavaScriptを用いた動きのあるものも作成可能です。
規模にもよりますが、1P1,5000円から承ります。
(複雑な動きのあるもの、1Pが長いものなどについては要相談です。)
SEOを意識したコーディングでサイトのアクセス数アップも見込めます。
○サービスの流れ
- ヒアリング(作業ボリュームなどをお伺いし、お見積もりをご相談)
↓ - デザインデータ確認
↓ - コーディング開始
↓ - テストアップ
↓ - 修正
↓ - 納品
○制作期間
デザインをいただいてから1ページあたり最大3日で納品いたします。
(簡易的なデザインであれば即日お渡しできます。)
【デザイナー様向け】高品質!ホームページデザインのコーディング代行をします
業務内容
【ホームページのコーディング代行をさせていただきます】
「デザインは出来るけど、コーディングが出来ない。」
「忙しいのでコーディングだけやってほしい。」
そんな方のためのサービスです。
デザインカンプをいただけましたらそれを元にコーディングをして忠実に再現いたします。
(※Figma、XD、photoshop、illustrator、どのデザインツールでも構いません。)
レスポンシブ対応込みです。
ご要望、ご意見、ご質問など、なんでもお申し付けください!
ーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー
■当サービスの特徴
・デザインを忠実に再現
ーデザインデータを綺麗に形にいたします。 WEBデザイナーとしての活動もしておりますので、デザイナーへのリスペクトを忘れず忠実にデザインを再現します。PixcelPerfectという拡張機能を用いてズレを最小限に抑えます。
・レスポンシブ対応込み
ー全ての幅で崩れがないようにコーディングいたします。デザインデータがPCのみでもご安心ください。制作会社5社と提携している経験をもとに、PCのみのデザインからスマホでも問題なく綺麗に表示されるようにコーディングをいたします。
・品質チェックテスト込み
ーコーディング後は、全ての幅、複数のデバイス、ブラウザで崩れが起きていないかきちんとテストいたします。品質チェックリストも合わせて納品させていただきますのでご安心ください。
ーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー
■ご契約の流れ
1. 事前のヒアリング
ご契約前にヒアリングをさせて頂き、作業量・納期から正式お見積もり金額お伝えさせていただきます。
2. 仮払い・素材のご提供
打ち合わせにてご納得頂けましたら、この段階でご契約とさせていただきます。仮払いをしていただき、画像やテキストなどの素材をご提供いただきます。
3. 制作開始
不明点の確認や進捗報告など適宜コミュニケーションをお願いいたします。
4. 初稿を提出
修正がないようにコーディングいたしますが、修正点等ありましたら都度対応いたします。
5. 納品
最終確認をいただき、データ、サーバーアップロードなどお客様のご要望に合わせた形で納品いたします。
ーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー
制作会社様5社とお仕事していますので、仕事を投げ出すようなことはありません!
即レス・即対応を心がけております。
最後までテンポ良く、気持ちの良いお取引を進めていきたいと思いますのでよろしくお願いいたします!
月2サイトまで! HTML/CSSコーディング承ります
業務内容
お客様にお悩みを解決するサービスをご紹介させていただきます。私のサービスでは、HTML/CSSコーディングを承っております。さらに、レスポンシブデザインやアニメーションの実装(jQuery)も行います。
<サービス紹介>
お悩みを解決します
●HTML/CSSコーディングにおけるお悩み
●レスポンシブデザインの実装におけるお悩み
●アニメーションの実装におけるお悩み
●jQueryの使用方法におけるお悩み
<サービスの特徴>
サービスの特徴をご紹介いたします
●HTML/CSSコーディングにおいて、高品質なコードを提供します
●レスポンシブデザインに対応し、様々な端末での表示に最適化します
●アニメーションの実装により、サイトに動きを付けます
●jQueryを使用して、より豊かなユーザーエクスペリエンスを実現します
<サービスの流れ>
サービスの流れをご説明いたします
step1: 依頼内容のご確認
お客様のご要望やお悩みをお伺いし、具体的な依頼内容を確認いたします
step2: HTML/CSSコーディング
お客様のデザインに基づいて、高品質なHTML/CSSコーディングを行います
step3: レスポンシブ対応
様々な端末での表示に適したレスポンシブデザインを実装します
step4: アニメーションの追加
必要に応じて、サイトにアニメーションを追加します(使用言語:jQuery)
step5: 確認・納品
最終的な成果物をご確認いただき、修正があれば対応いたします。お客様にご満足いただければ納品させていただきます。
どんなお悩みにも対応し、魅力的なウェブサイトを実現するお手伝いをいたします。お気軽にご相談ください。
【 制作会社様/デザイン会社様向け 】 HTML/CSS コーディング代行します
業務内容
こちらのパッケージはコーディングの代行、WordPress構築(オリジナルテーマ制作)
のサービスです!
こんな方におすすめ
✅コーディング業務を外注したい
✅コミュニケーションコストがかからず仕事ができる人を探している
✅継続的にお願いできるパートナーを探している制作会社様
✅コーディングできる人を探しているデザイナー様、デザイン会社様
現在は制作会社様の他、フリーランスのディレクター様からのご依頼で
制作会社様、デザイン会社様からのコーディング業務をメインに
継続的にお取り引きをさせてもらっています。
丁寧なやり取り、即レス対応など当たり前を確実にし、お相手に満足していただける
サービスを提供しています!
●●パッケージ内容
▶︎静的コーディング
・LPコーディング
・コーポレートサイトコーディング
・JavaScript(jQuery)を用いた各種アニメーション対応
・PCのみのデザインデータから各種サイズのレスポンシブ対応可能
・BEM、FLOCSSを用いたCSS設計によりコードの保守性担保
・テスト環境
・基本は無料修正対応
▶︎WordPress構築
・オリジナルテーマでの実装可
●●品質チェック、対応ブラウザ・端末
品質チェック内容の詳細共有し、チェックのお手間を減らします
各種ブラウザ、端末でのチェック内容も共有
端末:Mac/Windows/iPhone/Android
ブラウザ: Chrome、FireFox、Microsoft Edge、Safari
●●納品方法
zipファイル、FTPサーバー、GitHub、WordPress環境にデータ移行
●●扱えるツール
・HTML / CSS / SCSS / jQuery / WordPress / gulp / EJS / Git,GitHub
●●対応デザインデータ
・Figma / XD / Photoshop / Illustrator
●●対応できる作業
コーディング作業全般
LP制作、コーポレートサイト制作、WordPress構築を主にお受けしております
●●実績
・HTML/CSSを用いたLP制作
・チーム開発で企業コーポレートサイト制作(EJSコーディング、Githubソース管理)
※こちらでの公開は控えますが、お見せできる実績もございますので
一度お声掛けいただけると幸いです
●稼働時間
AM3時〜PM17時まで
必要時にはご相談いただければ21時まで対応可能
土日問わず対応できます
気になることがあれば、まずは一度お声掛けください!
ご相談だけでも構いませんのでお気軽にどうぞ!
【下層ページ】デザイン通りに実装!レスポンシブコーディングいたします
業務内容
Webサイトの下層ページのコーディングを承ります。
※TOPページやLP(ランディングページ)は、各専用メニューからご依頼ください↓
【LPコーディング】
https://www.lancers.jp/profile/life-life/plan/118439
【TOPページコーディング】
https://www.lancers.jp/profile/life-life/plan/166397
このようなお悩みはありませんか?
「コーディングを外注したけど、なんかちょっとデザインと違う」
「デザインを忠実に再現してほしい」
「スマホ用デザインを作る時間がない…。でもレスポンシブに対応してほしい」
当方では、これらすべてをクリアしてコーディングいたします。
一番に心掛けているのは、
【デザインを忠実に再現すること】です。
デザインカンプの再現性は、リピートのお客様に高評価をいただいております。
その他にも、以下のような作業を心掛けています。
・メンテナンスしやすいソースコード
・内部SEOを意識したマークアップ
・CSS設計法に基づいたコーディング(BEM、FLOCSS)
デザイナーとしての実務経験もございますので、
PC用デザインのみ(スマホ用デザインがない場合)でも、
見た目の整ったコーディングが可能です。
● 作業者について ----------------------------------------------------
制作会社に6年間勤務し、現在フリーランス活動4年目となります。
デザイン、コーディング両方に対応できるのが強みです。
品質を第一に考え、丁寧な制作を心がけております。
● 対応可能データ ----------------------------------------------------
・PSD、AI、XD、Figmaのいずれか
確認のため、一枚で書き出したJPEGもしくはPNGデータを一緒に送付ください。
AI形式の場合はリンク画像も添付(もしくは埋め込みで)お願いいたします。
● 動きのある要素について ---------------------------------------------
【料金内で対応可能】
・スライダー、カルーセル
・アコーディオン
・タブメニュー
・ハンバーガーメニュー
【オプション料金にて対応可能】
・JavaScriptを使用したアニメーション(簡易な動き)
・PHPメールフォームの実装
・その他、動きのある要素
※オプション内容により納期が変わります。
※上記にない内容につきましては別途お見積りさせていただきます。
● ブレイクポイント --------------------------------------------------
一箇所が料金内です。(PC・スマホの切り替え)
※特にご指示がなければ、768pxで切り替えます。
※タブレット用など、ブレイクポイントを追加される場合はオプション料金にて承ります。
● 動作確認ブラウザ --------------------------------------------------
・Windows
Chrome、Firefox、Microsoft Edge
・Mac
Chrome、Firefox、Safari
・iOS バージョン15
Safari
・Android バージョン11
Chrome
※いずれも最新版です。
● 納品形式 ---------------------------------------------------------
・ファイル送付、もしくはご指定のサーバーにアップロード
※特にご指示がなければファイル送付での納品となります。
● 納期について -----------------------------------------------------
標準納期は、「デザインデータ受領から」3営業日となります。(ベーシックプランの場合)
※サービス購入からデータをお送りいただくまでの日数は納期に含みません。
※複数ページをご依頼の際は、別途納期をお見積りさせていただきます。
以上となります。
ご不明な点がございましたら、お気軽にメッセージにてお問い合わせください。
【HTML/CSS】あなたのデザインを魅力的なWebサイトに仕上げます
業務内容
ご覧いただきありがとうございます。
Webコーダーの しゅんえい と申します。
日々新しい技術をキャッチアップし、様々なご要望に応えられるよう、常に学習と成長を続けています。
このサービスでは、デザイン作成に特化したいデザイナー様や、多忙でコーディング作業の時間が取れない方向けに、コーディング作業を代行いたします。
あなたのデザインに忠実かつ、魅力的なサイトに仕上げますので、ご期待ください!
✨️提供サービス
・デザインの魅力を最大限に引き出す、精密なコーディング
・検索エンジンに評価される、セマンティックなHTML構造
・パフォーマンスを考慮した効率的なCSS設計
・JavaScriptを使用した、印象的なアニメーションの実装
・スマートフォン、タブレット、PCに対応したレスポンシブデザイン
✨️料金目安
トップページ:15,000円~
下層ページ:7,000円/ページ
JavaScriptアニメーション:3,000円~
※詳細な料金は、デザインの規模や複雑さに応じて個別にお見積りいたします
※制作物をポートフォリオに掲載OKの場合は、10%割引を適用いたします!
※期間限定で、最初の2名様に10%割引を適用いたします!
※ポートフォリオに掲載OK+期間限定の場合は、15%割引を適用いたします!
✨️サービス提供の流れ
-
[ご依頼者様]お問い合わせ、デザインデータの共有
・デザインカンプの形式は、Figmaでお受けいたします
・有料フォントなどの素材は、ご提供いただくか、ご相談ください -
[しゅんえい]デザインデータの確認、お見積り
・確認事項が発生しましたら、お打ち合わせさせてください -
[両者]お見積り確定、契約
・お見積りにご納得されましたら、作業を開始いたします -
[しゅんえい]コーディング作業
・ある程度形になりましたら、テストサイトを用意して、ご確認いただけるようにします -
[ご依頼者様]成果物のご確認
・納品前に完成版をテストサイトにアップします。十分にご確認ください -
納品
・納品物:HTML / CSS / JavaScript / (提供された画像)
・納品形態(いずれか):ZIPファイル / GitHubリポジトリ / サーバーへのアップロード(FTP情報などを共有いただきます)
【格安でご対応!】デザインから本格LPコーディング承ります
業務内容
ご覧いただきありがとうございます!
本サービスではデザインデータをもとに丁寧にLPコーディングいたします。
【ご提供内容】
・HTML / CSS / JavaScript / jQuery などを用いたコーディング
・スマートフォン版、タブレット版、PC版の各レスポンシブ対応
・スライダーやアニメーションの実装
・画像圧縮によるサイトの表示スピード最適化、SEO対策など
【制作の流れ】〜7ステップ〜
①ヒアリング
疑問点やご質問がございましたら、遠慮なくお申し付けください。
↓
②お見積り
↓
③ご契約
↓
④デザインデータのご入稿
↓
⑤コーディング開始
デザインカンプに基づいて丁寧にコーディングします。
↓
⑥初稿提出・修正対応
初稿をご確認いただき、修正があれば対応いたします。
↓
⑦最終チェック・納品
※記載の納期は目安となります。状況により柔軟にご対応させていただきます。
【ご対応可能な時間帯】
平日:19〜23時 (4時間)
休日:9〜23時 (14時間)
※上記の間は30分以内にご返信することをお約束します。
デザインカンプからのHTML/CSSコーディング承ります
業務内容
ご覧いただきありがとうございます。
本サービスはホームページ、LP、ポートフォリオなどのコーディング代行サービスです。
♦︎こんな方におすすめ♦︎
デザインデータをお持ちの
デザイナー様
制作会社様
ディレクター様
等
♦︎サービス内容♦︎
・HTML・CSSコーディング(レスポンシブ対応込み)
・JavaScript(jQuery)やCSSを用いたアニメーションな実装
♦︎料金♦︎
・LPコーディング(10000pxまで):25,000円
・トップページコーディング(8000pxまで):20,000円
・下層ページコーディング(8000pxまで):7,000円/1ページ
[簡単な下層ページは3000円/1ページ]
・JavaScript(jQuery)アニメーション/1箇所:3,000円
・問い合わせ機能(Googleフォーム):10,000円~
・WordPress機能実装:要相談
♢無料サービス♢
・基本SEO対策タグの埋め込み
・簡単なCSSアニメーション(ホバーアニメーション等)
・サイト軽量化画像圧縮
・OGP設定
※ レスポンシブ対応込みの価格になります。
※ ページの長さ超える場合は1000px毎に1,000円追加費用発生します。
※デザインデータにスマホ用のデザインがない場合はよしなにコーディングいたします。
(その場合は合計金額の30%が追加となります。)
※デザインとの相違による修正回数については無制限です。
(デザイン変更については、別途料金が発生する場合がございます。)
♦︎ご依頼から納品までの流れ♦︎
①ヒアリング・お見積り
②ご契約
③デザインデータのお預かり
④コーディング
⑤テスト環境にアップロード
(お客様にブラウザでご確認いただきます。)
⑥修正
⑦納品
♦︎こちらでのテスト環境♦︎
Mac、iPhone(Chrome/Safari)
Windows(Edge)
♦︎納期について♦︎
通常、ご依頼の着手日から1週間程度で納品いたいします。
※スケジュールの状況により、上記に沿わない場合もございますのでご了承ください。
♦︎納品について♦︎
・zipファイルの送付
※サーバへのアップロード希望の場合は FTP情報共有をお願いします。
ご満足頂けるように丁寧かつ柔軟に対応致します。
まずはお気軽にご相談下さいませ。
【Webサイトコーディング】既存サイトの修正依頼承ります
業務内容
既存サイトのHTML/CSSなどの修正依頼承ります!
「安定的にちょっとした修正依頼をお願いできる取引先が見つからない」
そんなお悩みございませんか?
弊社は地元企業様からコーディングの修正依頼を頻繁に受託しており、クオリティにも満足していただいております。
安定的に弊社にお任せいただくことで
・いつでも迅速に対応
・毎回同じ者が対応しコミュニケーションコストの削減
・連絡が途絶えることのない安心感
をお約束します。
■価格
・Webサイト修正:3,500円~
・修正内容に応じたお見積りをさせていただきます。
■納品までの流れ
①ヒアリング・お見積もり(まずはご相談ください!)
②ご契約(仮払いで契約となります)
③弊社にて修正対応
④ご確認・修正(2回まで無償対応)
⑤納品
WEB制作でお困りの方のWEBサイトコーディング代行します
業務内容
この度はこちらのサービスをご覧いただきありがとうございます。
・文章の追加、変更、削除。
・画像の追加、変更、削除。
・理由はわからないがデザインが崩れた。
・部分的にレスポンシブされていない。
などのご要望がありましたら、是非おまかせください!
▼料金
1か所3000円からお受けしております。
※修正範囲が広くなりますと追加で料金を頂く場合がございます。
▼サービスの流れ
①ヒアリング
WEBサイトの現状と発生している問題についてお聞かせください。
修正を希望する内容と修正後のイメージをお伺いします。
②お見積り・ご契約
ご希望内容の詳細をお伺いした後にお見積りさせていただきます。
③ご依頼作業開始
事前にご用意いただきましたFTP情報などを確認し作業開始になります。
④ご確認と修正
作業内容をご確認いただきます。
⑤最終確認
修正した内容をご確認していただき問題がなくなりましたら完了となります。
⑥納品
ご契約内容に相違がなければクローズとなります。
ご依頼いただきありがとうございました。
▼納期
ご依頼内容によってはご依頼していただいた当日の納品が可能です。
ご希望の納期がございましたらご相談ください。
【最短2営業日から対】LPコーディング|速度最適化は標準対応します
業務内容
都内広告代理店のLP制作実績は100件以上。
青森県三沢市のWEBデザイナー、合同会社HOWDEEの類家と申します。
日頃からLP制作を多数取り扱っております。
下記のようなLP制作実績があります。
- 大手脱毛サロン
- 美容クリニック
- 美肌治療
- 美容Youtubeチャンネル
- シャンプー
- 医療用ウィッグ
- 士業
- 食品
- その他多数
下記対応可能です。
- アンケートギミックLP(設問4問解答後メインページが展開等)
- アニメーションCSS(文字が浮き上がる、ボタンが動く等)
- お問い合わせフォーム設置
- ECフォース組み込み
- WORDPRESS組み込み
- MAKESHOP等ECサイト組み込み
- もちろんHPコーディングも可能
LPコーディング対応フロー例
まずはデザインデータと指示書をご共有ください。もちろん各工程間で修正対応可能です。
- 内容確認
- ベースコーディング
- 修正〜納品
【個人事業主様・デザイナー様等】ホームページやLPのコーディング・部分修正 します
業務内容
★初めての方へ★
はじめまして。
こちらはWebサイト、ホームページの修正や更新、新規ページのコーディングなどWebサイトのお困り事を解決するサービスです。
もし依頼がはじめてで不安な方は、ぜひ依頼前にお気軽にDMをください(^^)
★こんなお悩みを解決します★
・テキストや画像を変更したい
・デザインやレイアウトを一部変更したい
・スマホで見ると表示が変になる
・新規ページやLPをコーディングしてほしい
・Wordpressのオリジナルテーマを作成したい
・デザインはできるけれどコーディングが苦手
・継続的にコーディングをお願いできる外注先が欲しい
など、上記以外にもWebサイトのことならなんでもご相談ください。
丁寧にご対応させていただきます!
★パッケージについて★
【ベーシック】
修正や更新をして欲しいという方向けです。
1箇所3,300円でご対応します。
パッケージのシステム上10,000円以下は設定できないため、修正希望の方は一度DMください。
詳しい依頼内容をヒアリングして、正式なお見積もりを作成させていただきます。
※複数項目ご依頼の場合は、内容によっては割引も可能です。
※内容によっては対応不可の場合もございます。
※画像変更のみなどの、簡単な修正のみの場合は複数箇所でも3,000円でご対応します。
【スタンダード】
ホームページの新規ページやLPなど1ページのコーディングを希望する方向けです。
18,000円でご対応します。
基本別途費用はかかりませんが、内容によってはご相談させていただきますのでご了承ください。
【プレミアム】
新規ホームページ全体のコーディング、複数のページをコーディングを希望する方向けです。
5ページ以内:68,000円
6ページ以降は1ページ10,000円の追加費用がかかります。
新規ホームページの場合オプション料金+10,000でWordPressの導入もお手伝い可能ですので、ご相談ください。
★納品までの流れ★
① ヒアリング・お見積もり
② ご契約・デザインデータお預かり
③ コーディング
④ テストアップ(ご確認・修正)
→ テスト環境にアップしお客様にブラウザで確認いただきます
⑤ 最終確認・納品
★納品形式★
・zipファイルの送付
・ご指定のサーバーへのアップロード
★対応可能データ★
・XD、Photoshop 、Illustrator、Figma等
※ 確認用に、一枚で書き出した画像データ(JPEGかPNG)を一緒に送付ください。
※ Illustratorの場合はリンク画像も添付(もしくは埋め込みで)お願いいたします。
★注意事項★
・必ずデザインデータをご用意下さい。
・WEBフォントを使用したデザインの場合、フォントの契約はお客様の方でご準備をお願い致します。
・コーディングのルールがございましたら事前にお知らせください。
・コーディング着手後に大幅なデザイン変更があった場合、追加料金が発生する場合がございます。
ご満足頂けるように丁寧かつ柔軟に対応致しますので、疑問に思った点などがあれば、お気軽にご相談下さい。
★実績★
企業にて3年以上のデザイン&コーディングの実務経験がございます。
また、ホームページの立ち上げ〜公開までの経験もございます。
使用言語は主にHTML/CSS/Javascriptです。
ポートフォリオについては公開・掲載が難しいものがありますので、お手数ですが個別にお問い合わせいただければと思います。
Next.jsとヘッドレスCMSを使ったWeb構築を代行します
業務内容
Wordpressに変わる次世代のCMS環境を提供いたします。
Jamstack開発によるWeb構築を行うことで、以下のメリットがございます。
・『軽量で高速なページ表示』
・『優れたSEO対策』
・『シンプルな管理画面』
しかしながら、
・『Jamstack開発を担当できる者がいない』
・『開発費用が高すぎる』
などの理由で、
未だに技術負債化しつつあるWordpressを運用している方も多いかと想像しています。
当方では、なるべく安価かつ高品質でお客様のご要望にお応えさせていただきます。
ご興味がございましたら、直接ご連絡をお待ちしております。
▼発注後の流れ
1.ヒアリング
資料やデザインデータがあればこのタイミングで共有いただきます。
2.要件定義
取り掛かる作業内容を確認し、お見積もりをお出しします。
3.実装
要件に従って制作を進めます。
納品
調整箇所があれば修正作業を数回行いデータの公開・譲渡します。
WebサイトのHTML・CSS、WorsPressのコーディングやります
業務内容
WebサイトのHTML・CSS、WorsPressのコーディングを承ります!!
【オススメの方】
・デザイン会社様・デザイナーの方でコーディングまで手が回らない
・社内のリソースが足りなくて困っている制作会社様
・コーディングまで手が回らないフリーランスの方
【制作環境】
■BEMをベースとしたCSS設計が可能(予測・拡張・保守・再利用しやすい)
■Gulp使用(CSS、jsの圧縮、画像の圧縮、ベンダープレフィックスの自動付与)
■W3Cが勧告するHTML5の仕様に準拠したマークアップ
■WordPress化も柔軟にカスタマイズ可能(SEO対策、セキュリティ対策、サイトパフォーマンス向上も可)
レスポンシブ対応、よくあるJavaScriptの実装は無料で対応させて頂きます!
【無料JavaScript一覧】
・ハンバーガーメニュー
・アコーディオンメニュー
・カルーセル/スライダー
・モーダルウィンドウ
・スムーススクロール
・タブ切り替えなど、その他にもご要望があればご相談ください。
【納期、料金】
提示価格は目安となります。
デザインやボリュームにより変動することもございますので、まずはご相談ください。
最後まで責任もって、対応いたしますのでご安心くださいませ。
ご不明な点は、お気軽にお問い合わせください。
【LP・ランディングページ】デザイン通りに実装!レスポンシブコーディングいたします
業務内容
LP(ランディングページ・一枚ものページ)のコーディングを承ります。
外注先をお探しの制作会社さま、フリーランスのWebデザイナーさまにご利用いただいております。
※LPではないWebサイトのコーディングは、各専用メニューからご依頼ください↓
【TOPページコーディング】
https://www.lancers.jp/profile/life-life/plan/166397
【下層ページコーディング】
https://www.lancers.jp/profile/life-life/plan/167452
このようなお悩みはありませんか?
「コーディングを外注したけど、なんかちょっとデザインと違う」
「デザインを忠実に再現してほしい」
「スマホ用デザインを作る時間がない…。でもレスポンシブに対応してほしい」
当方では、これらすべてをクリアしてコーディングいたします。
一番に心掛けているのは、
【デザインを忠実に再現すること】です。
デザインカンプの再現性は、リピートのお客様に高評価をいただいております。
その他にも、以下のような作業を心掛けています。
・メンテナンスしやすいソースコード
・内部SEOを意識したマークアップ
・CSS設計法に基づいたコーディング(BEM、FLOCSS)
デザイナーとしての実務経験もございますので、
PC用デザインのみ(スマホ用デザインがない場合)でも、
見た目の整ったコーディングが可能です。
● 作業者について ----------------------------------------------------
制作会社に6年間勤務し、現在フリーランス活動4年目となります。
デザイン、コーディング両方に対応できるのが強みです。
品質を第一に考え、丁寧な制作を心がけております。
● 対応可能データ ----------------------------------------------------
・PSD、AI、XD、Figmaのいずれか
確認のため、一枚で書き出したJPEGもしくはPNGデータを一緒に送付ください。
AI形式の場合はリンク画像も添付(もしくは埋め込みで)お願いいたします。
● 動きのある要素について ---------------------------------------------
【料金内で対応可能】
・スライダー、カルーセル
・アコーディオン
・タブメニュー
・ハンバーガーメニュー
【オプション料金にて対応可能】
・アニメーション(簡易な動き)
・PHPメールフォームの実装
・その他、動きのある要素
※追加オプションの内容は、下記オプション欄をご参照ください。
※オプション内容により納期が変わります。
※上記にない内容につきましては別途お見積りさせていただきます。
● ブレイクポイント --------------------------------------------------
一箇所が料金内です。(PC・スマホの切り替え)
※特にご指示がなければ、768pxで切り替えます。
※タブレット用など、ブレイクポイントを追加される場合はオプション料金にて承ります。
● 動作確認ブラウザ --------------------------------------------------
・Windows
Chrome、Firefox、Microsoft Edge
・Mac
Chrome、Firefox、Safari
・iOS バージョン15
Safari
・Android バージョン11
Chrome
※いずれも最新版です。
● 納品形式 ---------------------------------------------------------
ファイル送付、もしくはご指定のサーバーにアップロード
● 納期について -----------------------------------------------------
標準納期は「デザインデータ受領から」5営業日となります。(ベーシックプランの場合)
※サービス購入からデータをお送りいただくまでの日数は納期に含みません。
以上となります。
ご不明な点がございましたら、お気軽にメッセージにてお問い合わせください。
デザインを基に再現性の高いWEBサイト製作のコーディング代行を承ります
業務内容
サービス内容
ご覧いただきありがとう御座います
WEBサイトの作成・コーディング代行を承っています
※ご依頼の仕事は納品後、実績として公開することはありません。
◇作業内容
・HTML/CSS/JavaScriptを用いたコーディング
・ホームページ・LP等のWEBサイト制作
・レスポンシブの対応
・お問い合わせフォームの実装(PHP使用)
・JavaScriptを用いたスライダー、アコーディオン等の実装
・修正や追加作業も受け付けています
◇料金
•メインページ 10000円〜
•下層ページ 5000円〜
(メインページの半分以下を想定しています)
•修正や追加作業 3000円〜
•アニメーション ハンバーガーメニュー スライダー アコーディオン等、シンプルなものなら無料でやります
(複雑なものは、追加料金を頂く場合があります)
•お問い合わせフォームの実装 10000円〜(PHP使用)
※金額は目安です。作業量により増減します
ご相談ください
出品のシステムの都合上10000円以上の設定になっています
見積もりのカスタマイズの方からお問い合わせください
◇作業の流れ
•ヒアリング
↓↓
•お見積り
↓↓
•作業開始
↓↓
•必要ならテストサーバーにアップ 確認修正
↓↓
•最終確認後、納品
※納品はzipにてお渡しします。
◇納期
3日〜
デザインデータを確認した上でお知らせします
お仕事を受けた翌日を作業開始日とさせて頂きます
作業量により3日以内に納品が可能な場合があります
※注意事項※
jqueryは極力使いません。
WordPressやノーコードツール等は使用しません。
デザインデータは、Inkscapeかfigmaで確認します。
出先で確認することがあるかもしれないので、予備でjpegかpngのデザインデータがあると確認しやすいです。
"<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/)

[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>
格安でNext.jsを使用してSEO対策を施したWEBサイトをコーディングします
業務内容
実績5件まで1ページ3,000円〜でWEBサイトのコーディングをお手伝いいたします。
パッケージ内容
ご覧いただきありがとうございます。
HSP(Highly Sensitive Person:非常に感受性が強く繊細な気質を持った人)の私が人一倍繊細にあなたのWEBサイトのコーディングをお手伝いいたします。
ポートフォリオなどはプロフィールにて紹介しておりますので、よろしければご覧ください。
当パッケージでは私のHSPの気質を活かし、お客様に不快な思いをさせないよう、人一倍繊細にやり取りさせていただきますので、初めての方でもお気軽にご相談ください。
購入されない場合でも丁寧に対応させていただきますのでご安心ください。
【当パッケージの特徴】
・実績5件まで3,000円〜でお受けいたします(システム上10,000円となっていますが、見積もり時にコーディング内容をヒアリングし、価格を変更いたします)。
・HSPの私が人一倍繊細に、丁寧に対応いたします。
・修正回数無制限で対応いたします。
・納品後に更新が必要な場合も丁寧に対応させていただきます。
・Next.jsを使用し、SEO対策を行います。
【料金について】
WEBサイトのコーディングは専門知識と技術が必要です。
しかし高額な費用がかかってしまうため、WEBサイトの作成を諦めてしまう方も多いのではないでしょうか。
私のパッケージでは、実績5件まで3,000円〜でコーディングいたします。
これは業界最安水準です。
【修正について】
デザインをもとにコーディングさせていただきますが、実際にコーディングされたWEBサイトを見ると「この部分に動きをつけたい」というような要望が出てくると思います。
そのような要望にも無制限で対応させていただきます。
※デザインが最初から大きく変更される場合は追加料金をいただきます。
【SEO対策について】
「SEO」という言葉はご存知でしょうか。
SEOとは「Search Engine Optimization」の略であり、検索エンジン最適化を意味します。
SEO対策を施すことにより、WEB検索で上位に表示されやすくなります。
SEO対策には複数の要素がありますが、ページの表示速度を高速化することが1つの要素になっています。
Next.jsを使用することでページを高速で表示できるようになるため、SEO的にも有利になります。
つまり作成したWEBサイトを見てもらいやすくなります。
【ご購入後の流れ】
① 依頼前にお見積もり
↓
② ご契約、仮払い
↓
③ デザインをもとにWEBサイトをコーディング
↓
④ やり取りの中でWEBサイトを修正
↓
⑤ 納品
【基本料金に含まれる内容】
・1ページのコーディング(あまりに長い場合は追加料金がかかります)
・HTML/CSS(Tailwind CSS)/JavaScript(Next.js)を使用したWEBサイトの作成
・簡単な動きのあるWEBサイトの作成
・スマートフォン/タブレット/パソコン対応のレスポンシブコーディング(2つ以上のブレークポイントが必要な場合は追加料金がかかります)
・無制限の修正(デザインが大きく変わる場合は追加料金がかかります)
【追加料金について】
・2ページ目以降のコーディング:2,000円〜
・複雑な動きのあるWEBサイトの作成:3,000円〜
・2つ以上のブレークポイント:2,000円〜
・最初のデザインから大きく変更がある場合:3,000円〜
私からのメッセージ
ここまでご覧いただきありがとうございました。
数多くのパッケージから私のパッケージに興味を持っていただきうれしく思います。
私はお客様の想いをWEBサイトを通してより多くの人に伝えたいと思っています。
私の繊細な感性であなたのWEBサイトを丁寧にコーディングいたします。
お客様に寄り添って丁寧に対応いたしますので、他のサービスとも比較していただいたうえで、私のサービスに魅力を感じていただけた場合はお見積りをよろしくお願いいたします。
【コーディング代行】デザインからレスポンシブ対応サイトをコーディングします
業務内容
コーディングの代行です。
スポットコーディングからフルコーディングまで対応いたします。
オプションの説明
【PCサイトデザインのみからレスポンシブ】
■こんな事ありませんか?
「デザインを外注したけどPCサイトのデザインしかなかった」
「PCサイトのデザインしかしていない」
そういった案件を何件も対応しているため、PCデザインのみからもスマホ表示を考えたレスポンシブサイトのコーディング対応できます!
デザインによって対応出来ない部分はありますが、基本的には表示方法を変えたりする提案でご対応いたします。
又それとは逆に「スマホだけで運用するつもりでスマホのデザインだけ希望したけどやっぱりPCでも使ってもらいたい!」となった時にスマホサイトをそのまま拡大するようなPCサイトではなく、しっかりとPCで見られることを意識したPCへのレスポンシブも対応します。
【Wordpressテンプレート化】
コーディング代行を利用しそのままWordpressのテンプレート化対応します。
昨今のWEBサイトはWordpressサイトが多く、そのままWordpress設置+テンプレート適用でWebサイトをお持ちいただくことが可能です。
プラン説明
【ベーシックプラン】
下層ページの1枚の追加や、既存ページの1部分にのみコーディングが欲しい場合の対応いたします。
スライドショーやアコーディオンなど基本的な動きも併せてコーディングさせていただきます。
また、既存ページへの追加の場合、じっくり現在サイトのコードを読み、追加するHTML/CSSをあわせて保守性の高いコード生成を心がけます。
【スタンダードプラン】
LPサイトやTOPページのみ出来ているデザインはこちら。
ヘッダー・フッター・サイドバーなどしっかりワイヤーフレームを活かした拡張性の高いコーディングを心がけます。
最適なタグの設置と役割に応じたクラス命名を主軸に考えてDIVの多様やわかりにくい連番でのクラス名を避け、保守性の高いコード生成を心がけます。
【プレミアムプラン】
1サイトまるまるのデザインが出来ている場合はこちら。
スタンダードプラン+4ページ程度までのサイトをコーディングします。
さらに追加のページがある場合はご相談ください。
制作の流れ・納品
【ご相談からの流れ】
1:お見積りからお願いします。
お話をさせていただきどの程度のボリューム感かを把握し、プランにあった見積をさせていただきます。
2:着手・確認
内容によりますが着手より2日程度でご確認いただけます。
ご確認後フィードバックをお願いします。
3:修正対応
フィードバックいただき次第対応いたします。
ご希望があれば電話やLINEなどの通話でリアルタイムで修正させていただきます。
4:納品
ZIPファイルでの送付・サーバー設置で納品とさせていただきます。
【納期】
着手より内容に応じて最短2~4日程度。内容の目安はプランの納期をご確認ください。
確認のご返信などにより遅れることがございます。
【納品方法】
ZIPファイルでの送付・サーバー設置
【制作会社様・デザイナー様向け】コーディング代行(WordPress可)いたします
業務内容
つながりと出会いを大切に、ワクワクする毎日を
初めまして、enen 代表 橋口 真幸と申します。
沢山のランサー様の中から、ご覧いただき誠にありがとうございます!
即レス・丁寧なご対応とご提案をさせていただき、
お客様により良いものをご提供いたします。
前職は公務員をしており、
日々の連絡やコミュニケーションをスムーズに進めることを意識しております。
報告・連絡・相談がうまく回らない場所はどこかで不安や不満が溜まっていきます。
そのような不安をさせたくないし、したくありません。
お客様の想いを丁寧にコーディングし、納品まで丁寧にご対応いたします!
◆作業内容
・HTML/CSSを用いた静的コーディング(1ページ〜複数ページ対応可能)
・レスポンシブ対応
・JavaScriptの動的実装(ハンバーガーメニュー、スライダー、アコーディオン、タブ、スクロールなど)
・WordPress化(初期設定やSSL化・SEO対策~カスタム投稿・カスタムフィールドなどのカスタマイズまで)
・XD、Photoshop、Illustrator、Figmaなど各種デザインツールに対応可能です。
・デザインの軽微な修正におきましては3回までとさせていただきます。
・デザインと納品物が異なる部分につきましてはこちらの責任ですので、何度でも修正対応いたします。
※金額はトップページ(最低価格)となっております。
◆制作の流れ
- ご相談及びお見積り
- デザインのご提供
- コーディング
- ご確認・修正
- 最終確認・納品
※納品方法は基本Zipファイルにて送付致します。
ヒアリング時にご依頼があればサーバー納品にも対応可能です。
◆納期
トップページの場合、
3日ほどお時間いただいております(作業量により増減します)。
1サイト(15ページほど)の場合、
静的コーディングは20日ほどお時間いただいております(作業量により増減あり)。
ご希望納期がある場合はお気軽にご相談ください。
◆実績
クリーニング店様のサイト制作
メンズエステ店様のLP制作
エステサロン様のサイト制作
ブログサイトのサイト制作
某電気保安協会様採用ページ制作
お客様との商談、デザインの確認、修正など
デザインが出来上がるまでにたくさんのやり取りがあったことと思います。
その想いをしっかりと形にしてお客様に届けたい。そして笑顔になってもらいたい。
ここからご縁が生まれるのを心より楽しみにしております。
【実績15件・高評価100%】ランディングページのコーディング代行します
業務内容
Webディレクター様、制作会社様の外注先としてご活用ください
ご訪問いただきありがとうございます。
コーディング代行いたします。
●サービス内容
- LP1ページのコーディング(スタンダード・プレミアム)
- JavaScript(jQuery)を用いたアニメーションの実装も可能です
- (ホバーアクションやスライダー、スクロールアニメーションなど)
- レスポンシブ対応は料金に含まれております
- 表示確認はWindows(Google Chrome、Edge)タブレット(iPad)スマホ(iPhone)で行います
●料金
- 既存ページのカスタマイズ・修正、追加セクションなど10,000円
- 基本料金38,000円
- ボリューム多い場合など、プレミアム料金55,000円になります
●ご用意いただくもの
- デザインカンプ →ファイル形式はFigma・XD・Photoshopなど
- サイト内の原稿 →コピペできる形でお願いします
- 画像素材
●納品
- html・css・jsファイルをzipでまとめて納品となります
- サーバーへのアップロード作業も可能です
●アフターフォロー(納品後2週間以内)
- 不具合があれば無料で修正させていただきます
●実績
一部ご紹介します。
相続空き家の相談窓口
https://xn--w8j880g6idz3k645ajkcv1i30g.jp/
Dクリニック東京PLUS
https://www.menshealth-tokyo.com/skincare/prp/
https://www.menshealth-tokyo.com/skincare/kumatori/
https://www.menshealth-tokyo.com/skincare/dissolution/
https://www.menshealth-tokyo.com/skincare/threadlift/
URLをコピペしてご確認ください。
●その他
WordPress構築、デザインからの制作も可能です。
メッセージからご相談ください。
貴方のデザインを元に質の高いコーディングを再現いたします
業務内容
▼こんな方にオススメ
・多忙でコーディングまで手が回らない方
・デザインに集中されたい方
・お店のホームページを出したい方
▼ご提供内容
・ご用意頂いたデザインデータからコーディングを行います。
・ご希望により、WordPressオリジナルテーマで実装いたします。
▼制作可能なジャンル
・HP
・ライティングサイト
・figmaによるデザイン
・WordPressオリジナルテーマ制作
▼料金プランやオプション
・デザインからのWebサイト制作
料金
・デザインのみ(バナー)5,000円〜
・ライティングページ 30,000円〜
・ 下層ページ 10,000円〜
・ WordPress化 10,000円〜
・Webサイト制作
ご用意頂いたデザインカンプからWebサイトコーディングを行います。
ご要望により、デザインからコーディング、WordPress化まで実装可能です。
レスポンシブにも対応いたします。
まずは些細なことでも、お気軽にご相談ください。
料金
・コーポレートサイト 20,000円〜
・ライティングページ 20,000円〜
・ トップページ 10,000円〜
・ 下層ページ 5,000円〜
HTML / CSS / JavaScript でサイトのコーディングを代行します
業務内容
「デザインカンプは作れるので、サイトにして欲しい!」
そんなご希望におこたえいたします。
ECサイト(静的な部分)・LP・コーポレートサイトなどに対応しております。
HTML / CSS / JavaScriptでウェブサイトを構築いたします。
ページの長さ、文字や画像の量などをお知らせいただけましたら
ご予算にあわせてお見積りいたします。
【WordPress・HTML・CSS】コーディング代行を承ります
業務内容
本パッケージはホームページのコーディング代行サービス(静的サイト、WordPress、LP対応)です。
こんな方にオススメです
- コーダー不足で外注先を探している方
- WordPressが苦手
- WordPressが難しくて自分でできない
- コーディングが苦手なWebデザイナー様
- ディレクションやデザインに集中したい方
など
納期
7日程度〜で納品が可能です。
※稼働状況や実装内容により変動します。
納品までの流れ
- ヒアリング
- お見積り
- ご契約、仮払い
- デザインや素材のご提供
- 着手開始
- 納品(初稿)
- 検収・修正
- プロジェクト完了
■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 |
※大凡の価格を表示しています。実際の料金は依頼内容や会社によって異なります。
※こちらで記載している金額はランサーズ上の依頼金額ではありません。
※当社調べの「一般的な制作会社や企業に依頼した際の目安の依頼料金」となります。