人気ランキング 期間:5月2日 〜 5月9日
実務経験10年以上のマークアップエンジニアが、誰よりも早くコーディング対応します
【マーケティング会社様・制作会社様・デザイナー様向け】コーディング代行します
WordPress対応_HTML/CSSコーディング承ります
LP(ランディングページ)のHTML•CSSのコーディング代行を行います
業務内容
◆こんな方にオススメです
・ デザインはできるけどコーディングが苦手
・ コーダー不足で外注先を探している制作会社
◆ご提供内容
•HTML/CSSコーディング
•レスポンシブ対応
(スマホ用のデザインカンプあり・なしの場合は追加オプションとなります。)
•アフターフォロー(納品後1週間以内)
◆納品までの流れ
ヒアリング
↓
デザインデータお預かり
↓
コーディング
↓
テストアップ(ご確認・修正)
↓
納品
そのデザインお任せ下さい!再現します
業務内容
◆作業内容
・HTML/CSSを用いた静的コーディング
◆準備いただくもの
・デザイン
・画像
・テキスト
◆その他
・ブラウザチェックは、Google Chrome/Microsoft Edge/Fire Foxで行います。
デザインの意図を汲みながら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への変換作業
・下層ページのコーディング
・サーバーへのアップロード(無料)
・納品後の修正作業(無料)
【デザイナー様/制作会社様】レスポンシブコーディングいたします
業務内容
いただいたデザインを元に、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コーディングを主にフリーランスとして活動中です。
シンプルなホームページをHTMLとCSSを使って作成します
業務内容
ホームページのデザインがある程度決まっている方のページを、HTML CSSを使ってブラウザーで表示が可能な形にします
『制作会社様・デザイナー様向け』HP・LPのHTML/CSSコーディング代行します
業務内容
正確なコーディングをお求めの方に!
◆はじめに◆
この度は本サービスをご覧いただきありがとうございます。
本サービスでは下記のような方のお手伝いをさせていただいております。
・コーダーを探している
・デザインはあるけどコーディングは苦手なので、誰かに丸投げしたい
・コーディングする時間がない
・スマホ版もいい感じにコーディングしてほしい
・デザイン通りにコーディングしてほしい
無料で迅速にお見積もりさせていただきますので、お気軽にご相談ください。
当方プロフィールよりご参照ください
◆サービス内容◆
・HTML/CSSを用いたデザインカンプからのコーディング
・スマホ対応(レスポンシブ)
・Webページアニメーション機能実装(スライダー、アコーディオン、ハンバーガーメニューなど)
・Wordpressの導入、構築、改修(カスタム投稿・カスタムフィールド・検索機能なども対応可)
・お問い合わせフォームの実装
・品質チェック(表示崩れチェックなど)
◆料金◆
・ページ修正コーディング:10,000円〜
・トップページコーディング(スマホ対応):15,000円~
・下層ページコーディング(スマホ対応):10,000円~
・アニメーションの機能実装:3,000円~ / 1点
・WordPress化コーディング:7,000円〜
<無料オプション>
・表示速度の高速化のための画像圧縮
・SEO対策のためのmetaタグ導入、Alt入力
◆サービス購入の流れ◆
①ヒアリング&お見積り
「見積もり・カスタマイズの相談に進む」より、ご依頼内容の詳細をご教示ください。
デザインや納期などを確認させていただき、お見積もりさせていただきます。
↓
②お客様にて仮払い
見積もりや納品日に問題がなければ、こちらから見積もりの回答をさせていただきます。
ご確認いただき、仮払い手続きをお願いいたします。
↓
③コーディング開始
仮払い確認後に、コーディングを開始いたします。
↓
④お客様にてご確認、報告書提出
テスト環境より構築したページを確認いただきます。
また、その際に報告書も併せて提出させていただきます。
↓
⑤修正対応
修正がございましたら最大3回まで対応させていただきます。
↓
⑥最終チェック
修正箇所も含めて最終の確認をお願いいたします。
↓
⑦ファイル一式をzipファイル化し納品(別途希望がありましたらご相談ください)
最終チェック完了後、データを納品させていただきます。
◆納期◆
最短3日にて納品させていただきます。
※リソース状況や実装内容により変動ございます
丁寧な仕事を心がけております。
ご相談・お見積もりのみでも大丈夫ですので、まずはお気軽にご連絡ください。
WordPress対応 Web制作/HTMLコーディング致します
業務内容
ホームページ制作いたします。
WordPress(php)対応可能
レスポンシブ対応可能
HTML/CSS/JavaScript
既存webサイトの文章修正や画像差し替え、CSS対応をお手伝いいたします
業務内容
webサイトの修正を承ります。
既存のWebサイトで訴求しているサービス内容が変更になった!
価格表の金額やプラン名を変更したい!
表示している画像を新しいものに差し替えたい!
など、必要な時に十分なスキルでコーディング対応が可能で、
これまでご依頼いただいたお客様からも高い評価をいただいております。
★ 簡単ですが自己紹介させていただきます★
20年以上の社会人経験と、その中で長く従事した営業職の経験から、
ご依頼をいただくお客様に満足いただくことを最善に対応させていただきます。
★ 対応可能データ★
・PSD、AI、XD形式のいずれか
AI形式の場合はリンク画像も添付(もしくは埋め込みで)お願いいたします。
★ 動作確認ブラウザ★
・Windows
Chrome、Firefox、Microsoft Edge
・Mac
Chrome、Firefox、Safari
・iOS11以降
Safari
・Android5.0以降
Chrome
※いずれも最新版です。
※IEへの対応は終了いたしました。
★ 納品形式★
ファイル送付、もしくはご指定のサーバーにアップロード
★ 納期について★
標準納期は「ご依頼内容の共有をいただいた日から」2営業日となります。(ベーシックプランの場合)
以上となります。
ご不明な点がございましたら、お気軽にメッセージにてお問い合わせください。
【超速・最短即日】HTML/CSS LPコーディング代行します
業務内容
★★クオリティ・スピード重視のWeb制作、お任せください!(即日対応可)
コーディングを専門に行っておりまして、
コーディング歴は8年となり、大手企業(バンダイ様、ネスレ様、プジョー様)など400サイト以上の実績がございます。
★★こちらのパッケージ商品は下記のような方にお勧めしています。
・とにかく急いでコーディングしてほしい!
・素人や副業ではないプロのクオリティでコーディングしてほしい!
・すぐに連絡を取りたい!
・土日祝深夜問わず対応してほしい!
★★ご依頼の流れ
1.ヒアリング
コーディングの内容やスケジュールなどを確認させていただきます。
2.ご契約
上記ヒアリングにて工数を確認し、プランやオプションをご購入いただきます。
3.コーディングテストアップ
コーディングデータをご確認いただき、必要であれば修正等を行います。
4.納品
指定サーバへのアップロードまたはデータ送付を行います。
★★最後に
失敗が許されないお急ぎの時にはぜひご相談ください!
途中で連絡が途絶える、納期に間に合わない、そのような心配は一切ございません!
依頼してよかった!そう思っていただける自信があります。ぜひご検討ください。
Webデザイン〜コーディングまで、Web制作をワンストップで承ります
業務内容
ご覧いただきありがとうございます。
こちらのサービスでは、HTML/CSS/JSで制作するシンプルな静的ページや、
WordPress・Shopifyなどを導入したサイトの制作を承っております。
客様のご要望をもとに、コンテンツに沿ったご提案をさせていただきますので、まずはお見積もりからお願いいたします。
ご対応範囲(プラン共通)
- ワイヤーフレーム制作(リテイク2回まで)
- デザイン制作(リテイク2回まで)
- コーディング
- テストアップ
- PC・SPレスポンシブ対応
- ファビコン・OGPの設定(画像はご用意ください)
- キーワード・ディスクリプションの設定(テキストはご用意ください)
- 解析タグの設置(解析タグをご用意ください)
- コーディングファイル一式をZIP納品orFTPアップロード
プラン詳細
ベーシック
HTML/CSS/JSでの静的ページを制作いたします。
LPやティザーサイトの制作依頼はこちら。
作業内容:6000px程度のシンプルな静的ページを制作
制作ページ数:TOP1ページ(ページ追加はご相談ください)
料金:18,000円〜
納期:7営業日〜
スタンダード
WordPressやShopifyなどを導入したWebサイトを制作いたします。
ブログやポートフォリオ・コーポレートサイト、オリジナルグッズ販売ページなどの制作はこちら。
作業内容:WordPressやShopifyなどを導入したWebサイトの制作
制作ページ数:
- WordPressの場合
TOPページ+投稿一覧1ページ(カテゴリー・ソート機能なし)+記事ページ - Shopifyの場合
TOPページ+商品一覧1ページ(カテゴリー・ソート機能なし)+商品ページ
(ページ・機能追加はご相談ください)
料金:35,000円〜
納期:7営業日〜
プレミアム
複雑なカスタマイズを必要とするWordPressサイトや、大掛かりなアニメーションのあるサイト制作。
できるだけご自身で更新していきたい・世界観を重視したWebサイトを制作したい場合はこちら。
作業内容:要相談
制作ページ数:要相談
料金:85,000円〜
納期:14営業日〜
有料オプション例
下層ページ1ページ追加 3,000円〜
メールフォームの設置 10,000円〜
WordPressカスタム投稿の追加 5,000円〜
WordPressのカスタマイズ(カスタムフィールド・カテゴリーソートなど) 8,000円〜
404ページのデザイン・実装 3,000円〜
デザインデータの納品 10,000円〜
特急料金 要相談
など
ご利用の流れ
- 制作したいサイトの内容や、ページ構成、希望のリリース日などを添えてご相談ください
- こちらでご相談内容を確認のうえ、料金のお見積りをいたします
- お見積りに問題がなければ素材などをご共有いただきます
- 当方でワイヤーフレームを作成し、コンテンツの位置などをお客様と一緒に決定していきます
(リテイク2回まで) - ワイヤーフレームが固まったら、デザインを作成いたします
(リテイク2回まで) - デザインが固まったらコーディングに入ります
- 制作物をテストアップし、お客様にご確認いただきます
(基本的な修正は無償で行いますが、機能追加やデザイン変更が発生した場合は追加料金を頂戴いたします) - テストアップでの確認が完了しましたら、本番公開orZIP納品いたします
ウエブヤの稼働時間帯
基本的に、平日11時〜20時にご連絡の確認や作業をしております。
土日祝祭日はお休みとしておりますが、事前にご連絡いただければご対応可能です。
HTML, CSSを使用したWebサイトのコーディング制作を請け負います
業務内容
▼こんな方へオススメ
クオリティの高いサイトを作りたい!運用を考慮したサイトを作りたい!アクセシビリティに配慮したサイトにしたい!などご相談ください。
また、以前コーディング依頼をしたが期待した制作物が納品されなかったご経験のある方、満足させる自信があります!
▼納品物
HTML, CSS, jQueryのファイルをご提供
ご希望があれば SCSS, SCSS, pug, ejs などのテンプレートエンジンファイルの納品も可能です。
▼納品までの流れ
- デザインカンプのご提供 (先方)
- ページ作成時の考慮点などの確認 (先方・当方)
- 制作開始 (当方)
- 一次納品物を納品 (当方)
- ご確認・FB (先方)
- FB対応 (当方)
- ご確認・FB (先方)
- FB対応 (当方)
- 納品 (当方)
▼金額・納期
デザイン、物量、アニメーション、JSの有無などで金額・納期などご相談させていただければと思います。
WordPressを使用したウェブサイトのHTMLコーディング・構築・実装します
業務内容
XD、Figma等のデザインデータからHTMLコーディングを行い、WordPressのオリジナルテーマを制作します。
内容
- WordPressのインストール・設定
- プラグインの選定・インストール・設定
- オリジナルテーマファイルの制作
- カスタム投稿・カスタムタクソノミーの設定
- 可能な範囲での機能の実装・カスタマイズ
html5やcss3を使って、ホームページを作成します
業務内容
会社、店、病院などの、
宣伝として、知名度アップ、サイト訪問者数アップを目指します
納品物
貴殿のサーバーにアップします
素材など(画像、文章など)を準備していただき、それを使って作っていきます
今までたくさんのサイトを作ってきました
先着2名まで限定価格!デザインデータを元にコーディングいたします
業務内容
ご覧いただきありがとうございます。
デザインデータに忠実にコーディングいたします。
お気軽にご相談ください。
【基本サービス内容】
・HTML / CSS / JQueryを用いたコーディング
・レスポンシブ対応(スマホ・PC)
【オプション】
・下層ページ追加:10,000円~
・アニメーション(jQuery)追加:5,000円(1点)
・アニメーション(jQuery使用無)追加:3,000円(1点)
・お問い合わせフォーム追加:8,000円
・スピード納品:20,000円~
【制作の流れ】
①ご相談 *1
②ヒアリング
③お見積もり
④ご購入
⑤デザインデータの共有
⑥コーディング作業
⑦確認作業 *2
⑧修正
⑨納品(zip形式)
*1 「見積もり・カスタマイズを相談する」より、ご依頼内容の詳細をお聞かせください。
*2 テスト環境 Chrome / Safari / FireFox
【納期について】
■デザインデータをいただいてから最短5日程で納品いたします。
ただし、作業量によって前後する可能性があります。
【その他】
■コーディング実績として掲載させていただくことがございます。あらかじめご了承願います。
ご不明な点がございましたら、お気軽にご連絡ください。
どうぞよろしくお願いいたします。
コーディング代行♢HTML/CSS/JSレスポンシブコーディングを承ります
業務内容
♢ 対応サービス
・HTML/CSSを用いた静的コーディング
・レスポンシブ対応
・動きのあるデザインの実装(CSSアニメーション、JavaScript / jQueryで実装)
♢ 制作の流れ
1.ヒアリング / お見積り
- お気軽にご相談ください。
2.お客様よりデザインデータのご提供
3.コーディング
4.ご確認・修正
- 確認していただいた後、修正・追加作業があれば行います。
(3回まで無料にて対応いたします。)
5.最終確認・納品
♢ 納期について
デザインデータ受け取り後からの日数です。
ご希望の納期がございます場合はご相談ください。
♦ ご相談・お見積りのみでも大丈夫です。まずはお気軽にご相談ください。
Word・Excelは任せてください。プログラミング(HTMLCSS勉強中)ます
業務内容
プログラミングのほうは本当に勉強中なので簡単なものを挑戦させてくれる人に限ります。パソコンもコードが入っているパソコンはないので買うまでに時間がかかります。
ですがWord・Excelができるパソコンはもっていますので是非たも任せてください。
動画編集のほうはスマホで行います。
よろしくお願いします。
SEOも考慮したHTML・CSS(SCSS)のコーディングをします
業務内容
WEB標準に準拠したHTML・CSSコーディングを承ります。
人と検索エンジンに理解しやすいセマンティックなコーディングを行ないます。その結果としてSEOに有利となり、また、ハンディを持った方にも伝わりやすいアクセシブルなWEBページをご提供することができます。
販売価格は下層ページなど比較的簡易なページ内容(A4で1P程度)を想定しています。
トップページやLPなどの場合は別途お見積もりさせていただきます。
お気軽にご相談ください。
HTML/CSSのコーディング作業をできる限り安価で承ります。ます
業務内容
シンプルなwebページを安価で作成されたい方。
すでにデザイン済みのwebページの
コーディングを頼みたい方。
経験を積みたいのでできる限り安価でお仕事を引き受けさせいただきます。
レスポンシブサイトの高品質なフロントエンドコーディング承ります
業務内容
◽︎こんな方におすすめ
・デザインカンプはあるけどコーディングの手間を省きたい
・デザイナーとしてカンプは用意できるがコーディングまで手が回っていない
・ポートフォリオ制作で、コーディングだけを代行してほしい
・PC、スマホのみしかないデザインをよいように解釈してレスポンシブにしてほしい
・WordPressやstudioではできない演出をサイト上に実装したい
・特殊な実装をしているサイトを改良したい
◽︎対応範囲
・1ページ
・レスポンシブ(スマホ、PC)対応
・基礎的なSEO対策
◽︎対応技術
・HTML Living Standard
・CSS 3
・SASS(SCSS)
・JavaScript
・TypeScript
◽︎開発環境(ご指定がない場合)
・Astro.js
・Vite
・SCSS
◽︎制作のすすめかた
①カンプ確認、すりあわせ
デザインカンプを確認しながら、ヒアリングを行います。
②コード制作
カンプをもとに、コーディングを行います。
③最終確認、納品
確認していただいたのち、納品を行います。
【誠実で、迅速で、丁寧に】コーディングを代行いたします
業務内容
この度は当商品をご覧いただきありがとうございます!
Webコーダーとしてフリーランスで活動しております、「あん」と申します。
▼サービス内容
・HTML/CSSを用いた静的なコーディング
・JavaScript(jQuery)を用いたアニメーションな実装(ハンバーガーメニュー/スライダー等)
・レスポンシブ対応
・静的サイトのWorepress化
・画像圧縮によるサイトスピード高速化
※大幅なデザイン変更については、別途料金が発生する場合がございます。
▼商品の詳細
・ホバーアクション、基本的なSEO対策(h1タグ、alt等)はコーディングに含みますので、オプションのご購入は不要です。
・デザイン内容によっては追加料金をいただく可能性がございます。
▼サービス購入の流れ
-
お客様のご依頼の詳細を伺わせてください。
-
お見積り、納品日を提示させていただきますので、問題がなければ発注及び仮払いをお願いいたします。
-
デザインデータ、画像等必要なものの送付をお願いいたします。
-
すべてそろいましたら、コーディングに入らせていただきます。
-
完成品のご確認、修正の有無をお知らせ頂きます。修正は3回まで無料で対応いたします。
-
最終確認後、納品いたします。(zipファイルにて納品)
【デザイナー様・制作会社様向け】Wordpress対応、コーディング代行承ります
業務内容
閲覧していただきありがとうございます。
こちらはコーディング代行を提供するパッケージとなっております。
ランサーズでの活動を始めたばかりで、これから実績を築いていくため、
特別価格でのサービス提供をさせていただいております。
最後まで責任を持って対応させて頂きます!
お気軽にご相談ください!
◆以下の方にオススメ!
・デザインは得意でも、コーディングが不得手な方
・コーダーが不足し、信頼できる外注先を求めている制作会社
・長期的なパートナーとして協力できるコーダーを探しているデザイナー
◆基本料金に含まれるサービス
・HTML/CSSコーディング
・レスポンシブ対応
・各ファイルの圧縮
・アフターフォロー(納品後1週間以内)
※ECサイト、予約機能などには対応しておりませんのでご了承ください
◆納品までの流れ
1.コーディング、ご相談の内容、詳細のヒアリング
2.納品日と見積もりの提出
3.コーディング
4.ご確認、修正
5.納品
◆デザインのデータ形式について
・XD、Figma、Photoshop
その他データ形式についてはご相談ください
◆ 確認・納品方法について
問題ないようでしたら、
私のテストサーバーにアップロードして確認していただくこともできます。
・HTML、CSS、JSファイルのお渡し
・FTPサーバーへのアップロード
・Wordpressへの適応
以上になります。
不明点など、お気軽にメッセージください!
HTML、CSS、jQueryを使ったWeb制作のコーディングを行います。ます
業務内容
自社のホームページや個人事業主の方へ
専用のホームページ制作をサーバーアップロードまで完全に代行します!
納期は作成するHPの枚数や作るサイトの工程数によっても変わりますが最低2週間は見ていただきたいです。
プロのWeb制作エンジニアでは無く、実績なしの駆け出しエンジニアですので、料金はかなりお安く提供致します。
初めてなので不慣れな部分もあるかと思いますが、不備な部分を出さないように誠実な対応を心掛けて参りますのでよろしくお願い致します。
お持ちのホームページやLPの修正・更新を2,000円〜代行します
業務内容
この度はパッケージをご覧いただき、誠にありがとうございます。
既存サイトやLPの修正・更新を承ります。
サイト利用者がわかりやすい、使いやすいサイトの構築を目指しております。
責任を持って、大切なサイトをお作りいたします。
▼ こんな方におすすめ
- 修正・更新をする、リソースがない
- やり方がわからない
▼ お問い合わせから制作の流れ
①既存サイト・LPをもとに打ち合わせ
基本はチャットでのやり取りで、必要であればビデオ通話を使用する予定です。
その後、正式なお見積もり金額を提示いたします。
②仮払い
お見積り金額にご了承いただけましたら、ご契約とさせていただきます。仮払いをしていただきます。
③素材の提供
デザインカンプがございましたら、より作業がスピーディーに進められます。
対応可能なツール
・Figma
・XD
・Photoshop
・Illustrator
④制作開始
⑤初稿提出・修正
テスト環境のURLをお伝えいたしますので、そちらからご確認をお願いいたします。
こちらでの修正は無償で回数の制限もなく対応いたします。
⑥本番環境にアップロード、納品
FTPでの納品か、zip形式のファイルでの納品になります。
【レスポンシブ】HTML&CSSコーディング代行します
業務内容
現役のWEBデザイナーが対応します!
「デザイン作業だけに集中したい」「コーダーが不足している」などお困りごとがありましたら
是非お気軽にご相談下さい。
<サービス内容>
◎1ページ(レスポンシブ対応します)
◎PSDファイル、AIファイル、Figma、AdobeXDなどにてデザインデータの提供をお願いいたします。
(デザインからこちらで請け負う場合はお見積りとなります。)
◎納品方法はファイル納品、サーバへのアップロードどちらにも対応します
◎納品後の修正は3回以上はお見積りとさせて頂きます。(こちらのミス等はカウントしません)
<制作の流れ>
①ご依頼内容についてヒアリング
②お見積り
③ご契約
④お客様よりデザインデータのご提供
⑤コーディング
⑥お客様にてご確認・修正作業
⑦納品
<私について>
インハウスのWEBデザイナーとして10年間WEBデザイン&コーディングを行ってきました。
LPやトップページ制作の他、ウェブ解析、SEO対策、ライティングの経験もあるため幅広くご相談に乗ります。
★スピード感 ★メンテナンスのしやすさ ★ページの表示速度
を意識してコーディングを行います!
<実績>
実績に関しては、個別にお問合せ頂けましたらお伝えいたしますのでお気軽にお声がけください。
【スピード対応】LPコーディングをスピーディに対応します
業務内容
「急ぎでLPのコーディングをしてほしい」
「デザインはあるけどコーダーがいない」
「ボリュームのあるサイトのコーディングをしてほしい」
「ワードプレスやアニメーションの対応もしてほしい」
上記のような様々なご要望をお持ちの方はぜひご連絡ください。
【私たちについて】
・グラフィックデザインからWEBデザインまで、業界15年以上の経験があります
・デザインとコーディングを2人体制による分業のため、それぞれの品質担保がしっかり出来ています
・2人体制のため、よりスピーディな対応が可能です
・デザイン中心のノーコード、コーディングからのワードプレス対応など様々ご対応可能です
【ご依頼について】
①ご相談
制作要件をご教示ください
(基本的にはメッセージでのやり取りになりますが、オンラインMTGでのご相談も可能です)
②お見積もり〜サービスのご購入
③制作開始
・1Pのコーディングは初稿まで3営業日
・複数ページの場合はその都度工数をお出しします
④納品
データ納品の他、こちらでの本番アップ対応も可能です
ワードプレス構築が入る場合は、コーディング後に構築期間が追加となります
レスポンシブ対応可能!デザイン通りにHP、LPのコーディング承ります
業務内容
■サービス内容
ーーーーーーーーーーーー
・HTML/CSSを用いた静的なコーディング
・JavaScript(jQuery)を用いたアニメーション実装
(ハンバーガーメニュー、スライダー、アコーディオン等)
・レスポンシブ対応
修正回数については無制限です!ご満足いただけるまで責任をもって対応いたします!
※大幅なデザイン変更については、別途料金が発生する場合がございます。
◆料金表(レスポンシブ対応含む)
・コーディング:3,000円(10,000pxまで)
※10,000pxを超える場合は、1000px毎に1,000円。
・アニメーション実装(スライダ―・ポップアップ・アコーディオン等):
1カ所につき1,000円~
※ホバーアニメーション、ハンバーガーメニューは無料。(アニメーション内容によては追加オプション対応になる場合がございます)
※上記を基本料金として、デザイン内容によっては追加料金をいただく可能性がございます。
◆制作の流れ
1.ご相談よりお見積もり
2.デザインデータお預かり
3.コーディング
4.ご確認・修正
5.最終確認・納品
◆納品方法
・zipファイルの送付
【制作会社様・デザイナー様向け】デザインどおりに再現!コーディング代行いたします
業務内容
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週間以上ご回答がない場合はキャンセルさせて頂く場合がございますのでご了承ください。(ご回答にお時間がかかる場合は、その旨をお伝え頂くようお願いいたします。)
ご満足いただけるように丁寧かつ柔軟な対応をいたします。
気になる点などがありましたら、お気軽にご相談くださいませ。
【制作会社様・デザイナー様向け】一律15,000円!HP・LPコーディング代行します
業務内容
ご覧いただきありがとうございます。
\ 追加料金なし /
HP・LPサイトのコーディングを一律15,000円でいたします!
(トップ1ページ、下層5ページまで)
サービス内容
ーーーーーーーーーーーーーーーーーーーー
・いただいたデザインデータをもとに、HTML/CSSを用いた静的なコーディング
・レスポンシブ対応(スマホのデザインが無い場合でもレスポンシブ対応可能です)
・簡単なアニメーションの実装(スライダ―・ポップアップ・アコーディオン等)
・無料の修正対応(3回まで)
◾️細部にこだわった丁寧な構築
・デザインに応じて適切なブレイクポイントを設定し、どのブラウザで見てもズレが無いように構築いたします。
◾️保守・運用を考慮したCSS設計
・保守や運用をし易いように、FLOCSSを用いたCSS設計をしております。
・SCSSで構築を行い、シンプルで管理のし易い記述をしております。
◾️丁寧でスピーディな対応
丁寧でスピーディなレスポンスや進捗の報告を徹底しております!
◾️納品方法
・zipファイル送付
サービスの流れ
ーーーーーーーーーーーーーーーーーーーー
1. ご相談・ヒアリング
2. デザインデーターお預かり
3. 作業開始
4. ご確認・修正
5. 最終確認・納品
注意事項・サービスに含まれていないもの
ーーーーーーーーーーーーーーーーーーーー
・WordPressの構築は承っておりません。
・ピクセルパーフェクトでの実装やOGPの設定、SEO対策は実施しておりません。
・サーバーへのアップロードは行っておりません。
・大幅なデザインや内容の変更、受注時に指示の無かった追加の要望は対応致しかねます。
・通話でのお打ち合わせは行っておりません。
・制作物をポートフォリオに掲載させていただく場合がございます。
(掲載不可の場合はお申し付けください。)
【Webデザイナー様・制作会社様向け】LP・HPコーディング代行します
業務内容
★【Webデザイナー様、制作会社様へ】あなたのデザインをお任せください!
★ベトナムの高度IT人材があなたのWebサイトを忠実に再現します。
【こんなお悩みはありませんか?】
・デザインは用意してあるのでコーディングだけサクッと任せたい
・いつもお願いしているコーダーの手が空いていない
【初めての方へ】
当サービスはHPやLPなどのコーディングを専門にご提供します。
・お問い合わせフォームを追加したい
・テキストや画像を変えたい
・HPをネットに公開したい
など、ぜひお気軽にご相談ください。
相談(無料)はこちらからお気軽にどうぞ!
https://www.lancers.jp/profile/hasulab
価格
⚫︎HP、LPの画像、文言の修正、更新(1箇所):3,000円
⚫︎TOPページコーディング or ランディングページのコーディング:20,000円
<<実績作りのため期間限定価格にて承り中です!>>
※長さによって変動いたします。
⚫︎ホームページのコーディング(TOPページ or ランディングページ + お問合せフォーム + 送信完了ページ):30,000円
⚫︎ホームページのコーディング(TOPページ + 下層ページ5P + お問合せフォーム + 送信完了ページ):100,000円
【ご依頼、お問い合わせ】
https://www.lancers.jp/profile/hasulab
HTMLとCSSで素早く丁寧に安くコーディングを行います
業務内容
こんな方にお勧め
・Webページを作成してほしい
どんな課題がある
・Webページの作り方が分からない
何を提供できるのか
・お客様が求める品質以上のWebページを作成します!
具体的な納品物
・1~10ページのWebページ
進め方
・進捗を随時報告しながら進めていきます。
・コミュニケーションを大事にします!
・どんなことでもお気軽にご連絡ください!
私の強み
・コミュニケーション能力
・情報収集能力
【最短2営業日から対】LPコーディング|速度最適化は標準対応します
業務内容
都内広告代理店のLP制作実績は100件以上。
青森県三沢市のWEBデザイナー、合同会社HOWDEEの類家と申します。
日頃からLP制作を多数取り扱っております。
下記のようなLP制作実績があります。
- 大手脱毛サロン
- 美容クリニック
- 美肌治療
- 美容Youtubeチャンネル
- シャンプー
- 医療用ウィッグ
- 士業
- 食品
- その他多数
下記対応可能です。
- アンケートギミックLP(設問4問解答後メインページが展開等)
- アニメーションCSS(文字が浮き上がる、ボタンが動く等)
- お問い合わせフォーム設置
- ECフォース組み込み
- WORDPRESS組み込み
- MAKESHOP等ECサイト組み込み
- もちろんHPコーディングも可能
LPコーディング対応フロー例
まずはデザインデータと指示書をご共有ください。もちろん各工程間で修正対応可能です。
- 内容確認
- ベースコーディング
- 修正〜納品
HTMLコーディング(コード修正)、画像の編集(トリミング他)できます
業務内容
HTMLの更新、画像編集はお任せください。
HTML+CSSのコーディングは日々携わっておりますので、更新作業等は得意分野としております。
画像編集も1時間にかなりの量はこなせますので、更新作業を必要とされる場合はお声掛けください。
また、文章チェックやコードチェック等にも対応いたします。
HTML5 CANVAS
業務内容
スマートフォンがインターネットコンテンツの主流になる中、かつての簡単なFLASHコンテンツをうまく流用できないかというご相談が増えています。
ただの動画やスライドショーなどはjQueryや他のファイルに差し替えることができますが、今回のご提案は、HTLM上で展開していたスクリプトの伴うFLASHをHTML5とCANVASの機能を使ったスマホ対応のコンテンツにFLASHをコンバートするというご提案です。
Flashコンテンツをスキップして、スマホ対応のHTMLコンテンツの作成も可能です。
SEOも考慮したHTML・CSS(SCSS)のコーディングをします
業務内容
WEB標準に準拠したHTML・CSSコーディングを承ります。
人と検索エンジンに理解しやすいセマンティックなコーディングを行ないます。
その結果としてSEOに有利となり、また、ハンディを持った方にも伝わりやすいアクセシブルなWEBページをご提供することができます。
販売価格は下層ページなど比較的簡易なページ内容(A4で1P程度)を想定しています。
トップページやLPなどの場合は別途お見積もりさせていただきます。
お気軽にご相談ください。
また、ページ単価は5,000円からとなりますが、ページ数が多い場合はボリュームディスカウントにも対応いたします。
ウェブページ1PのSP(スマホ画面、レスポンシブ)対応化
業務内容
ブートストラップに限らず、
ウェブページのSP対応(スマホ画面、レスポンシブ)を作成致します。
1発注につき1ページでお願いします。
念のため、納期は10日にしてりますが、難易度によりますので、
かなり早くできる場合がございます。
HTML CSSコーディングを破格の安さで行います
業務内容
【サービス内容】
・HTML/CSSを使ったコーディング
【使用言語】
・HTML
・CSS
・場合によってはJavaScript(jQuery)
【使用ツール】
・AdobeXD
【稼働時間】
平日休日問わず1日5~6時間程度です。
【納期】
余裕をもって少し長めに提案させていただいております。しかし、ご連絡いただいたら即座に制作に取り掛かり、できる限り早く納品するよう努めます。
【費用】
Lancersに最近登録したこともあり、まずは実績を作ることを目的としているので、相場よりも格安で承りたいと考えております。
【自己PR】
納期を守ることはもちろん、丁寧なコミュニケーションを心がけております。
最初の打ち合わせに加えて、作業中も2~3日に一回進捗状況を報告することで、お客様との認識の相違を減らし、納品まで責任を持って対応いたします。
また、私のポートフォリオサイトのURLを以下に記載しますので、ご覧いただけると幸いです。「WORKS」にデザインカンプからコーディングしたサイトを掲載しております。
ご連絡いただければ、すぐに対応できる態勢を整えておりますので、どうぞよろしくお願いします。
デザインカンプを丁寧に、HTML/CSSでコーディングします
業務内容
デザインカンプからのコーディングを行います。
デザインの再現についてと表示の確認作業を重点的に行います。
納品について以下が可能です。
・html,css,javascriptファイル納品
・サーバーアップ(FTP)
・scss、gulpfile(ご希望あれば)
別の納品方法のご指定がある場合にはご相談ください。
webサイトのコーディング
業務内容
作成されたモックを元にwebサイトのコーディングを実施します。
3ページまでを承り、納品までは基本的に2週間を見積もっております。
お客様との話し合いを重ね、双方で納得をしながら進めていきたいと考えておりますので、
まずはお気軽にご連絡いただけますと幸いです。
何卒よろしくお願い致します。
Webページデザインを元にHTML/CSSJavaScriptのコーディング行います
業務内容
ご覧いただきありがとうございます。
当方、現在Web制作会社に勤務しており、HTML/CSS、JavaScriptを使用してWEBページをコーディングしております。
================
自己紹介
================
以下に簡単な経歴と自己紹介を記載しております。
https://www.lancers.jp/profile/tatsurouhayashi0120
================
基本サービス
================
・ご依頼者様からいただいたデザインデータ、テキスト、素材画像を用いて、コーディングいたします。
・基本的に「レスポンシブウェブデザイン」で対応いたします。
デザインデータがPCしかない場合、こちらでSP時の表示を調整することとします。
(SP時カラム系は段落ちさせる、SP時ボタン幅は横幅いっぱい、など)
・ページTOPへ戻る、アンカーリンクのスムーススクロールが必要であれば無償で対応します。
その他のアニメーションや、クリックしてのイベントなどは別途料金にて対応いたします。
・お問い合わせフォームに関しては設置のみとさせていただきます。
その後の入力データの扱いに関しては、ご依頼様のシステムの調整になるかと思いますのでご了承ください。
・アフターフォロー(納品後2週間以内)
納品後、こちらのミスでデザインと異なるものや、コーディングが間違っているというものであれば無料修正させていただきます。
================
納品方法
================
・制作ファイルをzip化して納品いたします。
================
基本料金外対応
================
・IE対応
(IEは2021年8月17日にサポート終了なのと、現在開発を終了しているため別途料金対応となります。)
・JavaScriptやjQueryを多用する対応。
(ページTOPへ戻る、アンカーリンクのスムーススクロール以外の対応)
・アフターフォロー経過後の修正対応
【初受注のため特別価格】LPデザイン・制作/コーディング/レスポンシブ対応
業務内容
ランサーズ初受注のため特別価格で提供中です。
▼作業内容
・HTML、CSS、JavaScriptを用いたコーディング
・LP全体の修正とご提案
▼オプション
・デザイン+5,000円〜(+1週間〜)
1ページ5万円からコーディング
業務内容
フリーのwebエンジニアとして大手企業から個人サイトまで多数のサイト制作をおこなっております。
コーディングでお困りのことがある方や、サイト改善のヒントを探している方がおりましたら、ぜひお声がけください。
コーディング代行いたします
業務内容
◆作業内容
・HTML/CSSを用いた静的コーディング
・レスポンシブ対応
・JavaScriptの動的実装(スライダー、スクロールアニメーション、アコーディオン、ハンバーガーメニューなど何でもご相談ください)
◆制作の流れ
①ヒアリング&お見積り
②お客様からデザインのご提供
③コーディング&テスト
④ご確認・修正(当方テストサイトorご自身のサイトでご確認いただきます)
⑤最終確認・納品
■ご用意いただきたいもの
・デザイン
・画像データ
・文章(コピー&ペーストできるテキスト形式でご提示ください)
■納品形式
Zip or WordPress組込み
■納期
作業量によって異なりますが、基本的に1週間ほどお時間いただいております。
お急ぎの場合は事前にお申し付けくださいませ。柔軟に対応いたします。
ご相談・お見積もりのみでも大丈夫ですので、まずはお気軽にご相談ください。
ホームページ・LPコーディング代行します
業務内容
本サービスをご覧いただき、ありがとうございます。
デザインを頂戴し、コーディングしたサイトデータを納品いたします。
まずはお気軽にお問合せ、見積もりをご相談ください!
●作業内容
・デザインに基づくHTML/CSSを用いた静的コーディング(1ページ〜複数ページ)
・レスポンシブ対応
・簡単なJavaScriptの動的実装(スライダー、トップに戻る、アコーディオン、ハンバーガーメニューなど)
●対応が難しいもの
・高度な動きのあるJavaScript
・WordPress化
●料金表
実績がないため、格安にてサービスをご提供いたします。
・トップページ、下層ページのコーディング:1,000円~/ 1ページ
・LPのコーディング:1,000円~
・レスポンシブ対応:無料
・JavaScriptの機能実装:1,000円~ / 1点
●制作の流れ
- ヒアリング&お見積り
- お客様からデザインのご提供
※Adobe XD, Photoshop, Illustratorのデザインを基にコーディングします - コーディング&テスト
※テストはMacで「Chrome、Safari、Firefox」の各ブラウザと、スマホ実機での確認はiPhone12で「Chrome、Safari」にて確認します。 - ご確認&修正(納期期限前に可能な限り余裕を持って確認依頼をさせていただきます)
- 最終確認&納品
※納品はzipファイルでご提供します。
●納期
作業量によって異なりますが、基本1〜2週間ほどお時間いただいております。
ご希望の納期がある場合はご相談いただけますと幸いです。
【制作会社様・デザイナー様向け】 HTML/CSSコーディング代行します
業務内容
当サービスにご興味を持っていただき、ありがとうございます!
デザインはできるけどコーディングが苦手なデザイナー様、安心して頼めるコーダーが不足しているディレクター様、コーディングを代行します!
コーディング・WordPress構築をメインに、制作会社様と継続的にお取引させていただいていますので、スキル面はご安心ください。
<当パッケージでの対応内容>
・ホームページ・ランディングページのコーディング
・JavaScript / jQueryを用いた簡単なアニメーション実装
・レスポンシブ対応
・Figma、Xd、Photoshopで作成のデザインデータに対応
・サーバアップロードでの納品対応可能
・ページの追加はオプションでの対応となります。
・スライドショー、モーダル、アコーディオンなどはオプション対応となります。
・お問い合わせフォームはオプション対応となります。
<納品までの流れ>
(1)DMまたは見積り・カスタマイズの相談にて、まずはお気軽にお問い合せ、ご相談ください。
(2)ご購入後、トークルームにて下記の<ご用意いただくもの>をご連絡ください。
(3)実装内容の詳細をヒヤリングさせていただきます。(メールベース or オンラインMTG)
(3)当方テスト環境にてコーディング。内容をご確認ください。
(4)気になる箇所、問題があれば、修正を対応致します。
(5)内容にご満足いだけましたら、HTML/CSSファイル一式をZIPファイルで納品します。
(※サーバーへのアップロードも対応可能です)
<ご用意いただくもの>
(1)デザインのデータファイル(psd/xd/Figmaファイルなど)
(*レスポンシブ対応の場合は、スマホ版デザインもご連絡ください。無い場合も対応可能。ご相談ください。)
(2)使用する画像
(3)リンク先などの情報
(4)コーディングのルール(必要であれば)
(5)ご希望納期
<注意事項>
・検証ブラウザは、GoogleChrome、Edge、Safari、FireFoxです。
【安心・お任せ!】静的コーディング、LP、WordPress構築承ります
業務内容
セミナー・ライブコーディング経験のあるコーダーが担当いたします!
安心してお任せください!
☆★こんな方におすすめ★☆
・Web制作会社様
・Webマーケティング会社様
・ブランディング会社様
・デザイナー様
・既にあるデザインをWebページに再現してほしい方
※デザインからでもご対応をご検討の方へ。
デザイナーとパートナー提携していますのでデザインから一貫して品質を担保いたします!
今後継続的にお願いしたい方などおすすめです。
◆◇-- サービス内容 --◇◆
-
静的コーディング
└ スマホ、タブレット、PC対応 -
LPコーディング
-
WordPressによるCMS構築(オリジナルテーマ開発)
└ カスタムフィールド
└ カスタム繰り返しフィールド
└ カスタム投稿
└ お問い合わせフォーム設置 -
アニメーション
└ スライダー実施(swiper、slickどちらも可)
└ スクロールアニメーション -
お問い合わせフォーム設置
-
修正作業(詳細をヒアリングしたのちお見積もりいたします)
※その他の実装内容はご相談くださいませ!
◆◇-- 業務進行 --◇◆
・FLOCSS記法を用いたCSS設計を意識したコーディング
・Gulpを用いた業務効率化
・Gitでのソースコード管理
・モバイルファーストのコーディング
・rem指定のコーディング可
・品質チェック(主要ブラウザ対応)
・ テスト環境の構築
◆◇-- 実績 --◇◆
・不動産会社様
・飲食店様
・某県所有のスポーツ施設
・ランディングページ複数
・その他
◆◇-- 私が意識しているところ --◇◆
「安心して任せられる人」
「連絡、対応が早い人」
「気持ちよくお仕事ができる人」
まずはお気軽にお問い合わせください!
上記以外で実装希望の内容がありました見積もり依頼時に記載していただけますと幸いです。
◆◇-- 当サービスの強み --◇◆
❶ 安心してお任せできる外注先
人手がたりない!けど安心して任せれる業者がいない・・・
ぜひお任せください!
お客さまの安心してお任せできる外注業者としてお手伝いいたします!
❷ 高品質な制作物
丁寧なお仕事と品質チェックシートを使用したセルフチェックで
お客様のお手間をとらせない作業で高品質な制作物を納品いたします。
❸ お急ぎ案件も対応可能!
お急ぎの案件もご対応可能ですのでまずは一度ご相談ください。
❹ デザインからまるっとお任せ!
「デザインからまるっとお願いできる人がほしい」
お客様が別業務に集中できます様デザインからお任せも可能でございます。
デザインは信頼のできるパートナーデザイナーが対応いたします。
クラウドソーシングで探すことはありませんのでご安心ください。
◆◇-- 契約の流れ --◇◆
① ページ構成・アニメーション・仕様をヒアリングしてすり合わせ
ご契約前に仕様の相違がない様に事前にお打ち合わせをいたします。
作業量、納期を決めたのちお見積もり額をお伝えいたします。
② 作業着手
進捗状況は共有しつつ実装上の問題などございましたら
すぐご連絡いたします。
④ 品質チェック
こちらで用意しています品質チェックシートを元に品質チェックいたします。
⑤ 修正(3回まで無料対応)
全ページが完成した段階で初稿を提出します。
この時点で修正などございましたら随時対応いたします。
⑥ 納品
修正がおわりましたらデータを納品いたします。
ご指定のサーバーへのアップロードも問題ありませんので
お気軽にご相談くださいませ
HTML/CSSコーディングを他の方より短時間かつ、低単価で行います。ます
業務内容
HTML/CSSによるコーディング案件を請け負います。
下限が10,000円になっていますが、それよりも安価で請け負うことも可能です。
自分には、量がまだ足りていないと思っています。それに伴い幅も足りていないと思っています。ですので私の経験量を加味すると、安価になります。実務経験を積ませていただきたいです。正直スキルは申し分ないと思います。
クライアント様にご迷惑のかからないよう誠心誠意やらせていただきます。
ぜひよろしくお願いいたします。
【TOPページ】HTML/CSSコーディングします
業務内容
デザインデータをもとにHTML・CSSコーディングいたします。
ランサーズで受注したお仕事はほぼコーディングの案件で
ありがたいことにリピートいただいております。
制作会社で4年、デザイン会社で1年勤め現在フリーで活動しております。
丁寧な対応と早めのレスポンスを心がけております。
=============================
【TOPページ】のコーディングになります。
PSD、ai、Xd形式でのデザインデータのご用意をお願いいたします。
確認用にデザイン1ページごとのjpg、PNGファイルをご用意いただけると幸いです。
aiはアウトラインあり、なしでのご用意をお願いします。
(ファイルのリンク切れ等ご注意ください)
PC版のみのデザインしかない、という場合は
こちらでスマホ用のデザインを想定してのコーディングが可能です。
(スマホにしたときにこだわりたいレイアウトの部分があれば事前にお知らせください)
基本的にはHTML/CSSでの納品です(Sass対応必要な場合は事前にお知らせください)
コーディングルールがある場合は事前にお知らせください
=============================
動きについて
【料金内で対応可能なもの】
メインビジュアルのスライダー(切り替えのみ・ほかの要素と連動などは別途追加料金)
アコーディオンメニュー
ハンバーガーメニュー
【オプション】
スクロールアニメーション
スライダー1ページに複数個対応
=============================
【納期】
納期はデザインデータをいただいてから3営業日以内になります。
(デザインデータをいただいた日は含みません)
土日、祝日も対応が必要な場合は別途費用が掛かります。
お気軽にお問い合わせください。
爆速コーディング!丁寧✖️正確✖️迅速なご対応いたします
業務内容
企業様コーポレートサイトからLPなどのコーディングをメインとして活動しております!さまざまなWeb制作に携わってまいりましたが、やはりコーディングが一番好きで、コードを書いていると1日がすぎてしまうこともザラにあるほどです...。
実績につきましては、公開できないものが多くありますので、ご希望ございましたらお送りさせていただきます!
コーディング代行を承ります
業務内容
知識ゼロでも大丈夫!
HTML/CSS/JavaScript(j-Query)による静的サイトの制作を承ります。
【お悩みへの解決をお手伝いします】
・LPやサイトを作りたいけど、どうすれば良いかわからない!
・誰に相談すれば良いかわからない !
・デザインを持ってないけど、サイトを作りたい!
・制作会社に依頼すると高そうだし、よく分からない業界だから怖い!
ご安心を!
知識ゼロでも私が代行して制作を承ります。
何でもお気軽にご相談いただけます。
(予算、納期、お客様のご希望に最大限対応させて頂きます)
【作業内容】
HTML/CSS/JavaScript(j-Query)を用いた静的サイトの制作
デザインデータ(psd,XD)を元にしたLP制作、サイト制作
レスポンシブ対応した整ったサイトの構築
【実績】
株式会社 D-open様のホームページ作成
(サイトのデザイン以外の全て工程を私が担当させてもらいました。スマートフォン用デザインはなかったので、自分で実装しました。)
https://d-open.jp
【稼働時間】
日によってばらつきはありますが、4〜8時間/日は稼働可能です。
命の危機が迫る現場で働いてるので、相手の意思を汲み取ることには長けています。
常に相手を思いやる姿勢を心がけています。
⦅WP・レスポンシブ対応⦆ コーディング代行いたします
業務内容
数あるページの中からこちらのページをご覧いただきありがとうございます!
Webコーダーをしている「みっぴ」です。
・コーディング・WordPress構築を外注できる人を探してる方
・コーダー不足で外注先を探している制作会社様
・コーダーのパートナーを探しているデザイナー様
などそんな方々のお役に立てたらと思います!
▼作業内容
・HTML / CSSコーディング
・JavaScript / jQueryを用いたアニメーション実装
・レスポンシブ対応
・wordpressオリジナルテンプレート制作
・サーバーへのアップロード
▼制作の流れ
①ヒアリング
↓
②契約
お見積もり、納期をご提示させていただきます。
ご納得いただけた場合、ご購入をお願いいたします。
③制作・確認
制作実施後、制作物のご確認をお願いいたします。
気になる点がある場合、可能な限り修正対応いたします。
④納品
・zipファイル納品
・WordPressへのマイグレーション
・FTPツールを使用してサーバーへの納品
最後までご覧いただきありがとうございます。
Webサイト制作のお仕事でしたら基本的になんでもお受け可能ですのでお気軽にお声がけください。
よろしくお願いいたします。
LPサイトなど一枚ページのおしゃれなサイトを制作します
業務内容
事業を新しく始められる方、新しいブランドや商品を宣伝される方に向けたLPページ(一枚ページ)のウェブサイトを制作いたします。
オプションや変更希望ございましたらご相談ください。
なるべくご要望にお応えできるようプラン内容の変更も行います。
例えば、金額を抑えたい方には金額に寄り添った内容で対応させていただきます。
私自身走り出しの為、配慮に欠ける所があるかと思いますが何卒よろしくお願いいたします。
ぜひ、事業を一緒に盛り上げましょう!
デザインからそのままHTML,CSS,JSを使ったWebサイトを制作します
業務内容
デザインは出来るけどコーディングが分からない。デザイナーはいるけど、コーダーがいない。このような方にお勧めです!デザイン通りにコーディングさせていただきます!
Frontend Mentorというサイトでデザイン忠実のコーディングについて日々練習しています。適宜経過を報告させていただくので修正もほぼ無いようにいたします。
ご希望の金額やデザインを伺い、十分なお話を進めてから契約に至らせていただきたいと思っております。どんなことでもご気軽にご相談ください。
どうぞよろしくお願いいたします。
HTMLやCSSを使ってWebサイトのコーディングコーディングをします
業務内容
▪️お勧めな方
・コストを抑えたい方
・手軽にコーディングをして欲しい方
・デザインは自分でするけどコーディングは安く手軽に誰かにやって欲しいとゆう方にお勧めです。
なるべく依頼主のご意向に添いたいので修正の回数は設定していません。
気になるところがあれば、 どんどん修正依頼して下さい!
▪️サービス内容
・トップページ
・コンテンツページ
・ハンバーガーメニューの実装
・グーグルマップの埋め込み
・SNS埋め込みや連携
・お問い合わせページ
・スマホ対応
HTML、CSS、javascriptで本格的なホームページを作ります
業務内容
こんな人がおすすめ!!
ネットショップ、ECサイトを出したい人、個人経営でお店をやっていてwebサイトが欲しい人
Googleでのクラウドサーバーの強み
とにかくアクセスした際の処理が早い!
モダンなデザインとの相性がよき!
機能面でのカスタマイズが可能!
HP,LP制作(HTML/CSSコーディング,WordPress化)を承ります
業務内容
ご覧いただき、ありがとうございます。
コーディング代行をお探しの方、ぜひ私にお任せください。
安心してお任せいただける様に、お問合せには迅速にご回答いたします。
◆内容
・デザインデータからHTML/CSSを用いたコーディング
・レスポンシブ対応
・jQueryを用いた動的実装
・HTMLサイトのWordPress化
◆制作の流れ
(1)ヒアリング,お見積り
(2)デザインデータの確認
(3)コーディング作業
(4)コーディングデータのご確認及び修正
(5)最終確認,納品
購入にあたってのお願い
デザインや必要な素材はご用意ください。
納期については、ご案件の内容をヒアリングの上決定させていただきます。
【制作会社様・デザイナー様向け】デザインデータから丁寧にコーディングいたします
業務内容
印刷会社、デザイン会社でDTP業務をしていた経験を活かして、デザイナーさまに寄り添ったコーディングをいたします。
また、円安により海外との取引を検討している企業さまに必要な、英語翻訳、アメリカ人のプロライターによる英語の校正も同時に承ることが可能です。
【こんな方におすすめします】
デザイン会社さま、デザイナーさま、コーダーが必要な制作会社さま
【提供可能なこと】
・HTML、CSS、jQueryを使ったコーディング
・保守しやすいBEMによるCSS設計
・Gulpを使用したSassでのコーディング
・WordPressの導入、構築
【コーディング以外でできる事】
・バナー、パーツ作成
・簡単なイラスト作成
・Photoshopによる画像加工
・名刺、チラシなどの印刷物の作成
・記事の英語翻訳(パートナー翻訳家、ネイティブのライターがいます)
【作業の流れ】
ご依頼の内容を詳しくお聞かせください。
↓
納品日の目安、お見積もりに問題なければ、発注をお願いいたします。
↓
写真、テキストなどのサイトに必要な素材があればお送りください。
↓
作業開始
↓
コーディング後、確認をいただきます。
3回まで無料で修正対応いたします。
↓
納品
ここまで読んでいただきましてありがとうございます!
DTPで培った細部にこだわった作業、
迅速丁寧なコミュニケーション、レスポンス、進捗報告、
そして納期厳守を心がけています。
ご不明な点がございましたら、お気軽にお問い合わせください。
■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 |
※大凡の価格を表示しています。実際の料金は依頼内容や会社によって異なります。
※こちらで記載している金額はランサーズ上の依頼金額ではありません。
※当社調べの「一般的な制作会社や企業に依頼した際の目安の依頼料金」となります。