人気ランキング 期間:5月2日 〜 5月9日
おなじみのデザインデータのほとんどが使用可能!現役コーダーがフルコーディングします
楽天店舗オープン審査サポート&ページ構築「最短15日以内にオープンしたい!」ます
WEBサイトのコーディングします☆LP/Webサイト/WordPress各種◎
業務内容
(丁寧な対応☆即納☆丸投げ可/Web制作/まずはお気軽にご相談ください!)
初めまして!フリーランスエンジニアの『しん』と申します。
どこよりも短納期で、お客様の満足度100%のサイト制作をさせて頂きます!
わたしはランサーズ上においては駆け出しエンジニアのため、
現在は金額設定も他の方よりも柔軟に対応させて頂いております。
他のクラウドソーシングにおいてはすでに依頼にて業務をさせて頂いており、受託した全案件において☆満点評価☆を頂いております。
下記、わたしの経歴と実績です。
ご査証、ご検討よろしくお願いいたします。
【実績】
・ポートフォリオ
https://shin-sakai-cs.com/
【経歴】
・工学系分野にて国立大学、大学院を修了
・大手電機メーカー、世界的輸送機器メーカーにて最先端デバイス開発を経て、
エンジニア開発を行っております。
→会社対会社の開発案件の取りまとめを行った経験などもございますので、
ご依頼における調整事項へのスムーズな対応や、お客様のご質問に迅速に対応させて
頂くなど、お客様にストレスのない対応を心がけて進めさせて頂きます。
【対応可能な業務内容】
・お客様のご要望をお伺いしてのHTML、CSSを使ったWebサイト制作
・数百種類のテンプレートを用いた短納期サイト制作
【可能な業務】
上記の業務内容の他、
・word pressの導入・サイト構築(各種プラグイン対応)
・コーポレートサイト作成
・LPページ作成
・レスポンシブサイト
などを得意としております。
【使用言語】
・HTML
・CSS
・JavaScript(jQuery)
【使用ツール】
・VScode
・AdobeXD など 客様のご要望にお答えいたします。
【稼働時間】
平日、土日祝問わず最大12時間で在宅ワークをお受けしております。
(ご要望に合わせて調整可)
会社員業では、最先端技術の活用や優れた技術の横展開により、世の中にない最先端デバイスの開発を経験してきました。
その経験を経て、「もっと身近で直接関わることができるお客様」へ貢献したいと考え、現在はWebエンジニアとして価値提供を行なっています。
何よりもお客様の「目標達成」をお約束できるような対応をさせて頂きます。
これまで納品させて頂いたお客様からは、Webサイト制作だけでなく、集客対策もお手伝いさせて頂くことで
『「お客様に来て頂く」という目的を達成でき、大変満足している』
とのお言葉も頂いております。
ぜひ、ご検討のほどよろしくお願いいたします!
絞り込み検索の実装
業務内容
WordPressのサイトに絞り込み検索機能を実装します。
・カテゴリ検索
・効果や条件などのチェックボックス
・価格帯絞り込み
・etc
1フォームあたり検索項目は5つまでで、それ以上は3,000円/項目となります。
PHPコードによる実装も可能ですが、以下の理由からSearch & Filter Proプラグイン(年額$20)での導入を強くおすすめしています。
・後から項目の編集/追加ができない
・使い回しができない
どうしても年額費用が嫌でPHPコードで実装したい方はご相談ください(2~3万円)。
【注意事項】
※フォームデザインの修正は原則2回までとなります
※各記事のカスタムフィールドへの値設定は含まれません
※AMP対応ページへの導入は要相談
※WordPress以外のサイトは要相談
【初心者応援価格】FigmaデザインからWebサイトを制作します
業務内容
初心者だからこその丁寧さ!Figmaデザインを忠実に再現し、お客様の想いを形にします。
このようなお悩みはありませんか?
Webサイトの立ち上げ、リニューアル、デザインデータのコーディング
発注の流れ
お問い合わせ・ヒアリング
お客様のWebサイトに関するご要望や、Figmaデザインデータについてお伺いします。目的やターゲット層、必要な機能など、詳細をお聞かせください。
お見積もり・プラン提案
ヒアリング内容を基に、最適なコーディングプランをご提案します。納期や費用、制作の流れについて詳しくご説明します。
ご契約・制作開始
ご提案内容にご納得いただけましたら、ご契約となります。Figmaデザインデータをご提供いただき、制作を開始します。
テスト・修正
コーディングが完了しましたら、テスト環境でご確認いただきます。修正点やご要望があれば、お気軽にお申し付けください。
納品・完了
最終確認後、納品となります。納品形式は、HTML/CSSファイル、JavaScriptファイルなど、ご希望に応じて対応します。
対応範囲・価格
HTML/CSSコーディング:30,000円〜
Figmaデザインを基にした、高品質なHTML/CSSコーディングを提供します。レスポンシブ対応も可能です。
JavaScript実装:10,000円〜
JavaScriptを用いたWebページの動的機能実装や、フォームの作成を行います。基本的なDOM操作、バリデーションなどに対応。
WordPressカスタマイズ:20,000円〜
WordPressのテーマカスタマイズや、テンプレートの調整を行います。お客様のニーズに合わせた柔軟な対応が可能です。
Node.js/Expressサイト制作:30,000円〜
Node.js/Expressを使用した、簡単なWebサイト制作を承ります。ルーティングやテンプレートの使用に対応。
納期
要相談(案件により柔軟に対応)
制作の流れ
Figmaデザイン分析
お客様からご提供いただいたFigmaデザインデータを詳細に分析し、コーディングに必要な要素を洗い出します。デザインの意図を正確に理解し、高品質なコーディングを目指します。
HTML/CSSコーディング
HTML/CSSを用いて、Webページの構造を構築します。Figmaデザインを忠実に再現し、美しい見た目と使いやすさを両立させます。レスポンシブ対応も行い、様々なデバイスで快適に閲覧できるWebページを実現します。
JavaScript実装
JavaScriptを用いて、Webページに動きを与えます。フォームのバリデーション、アニメーション、インタラクティブなUIなど、お客様のご要望に応じて様々な機能を追加します。
テスト・修正
完成したWebページをテスト環境で確認し、不具合や修正点がないかチェックします。お客様にもテストにご協力いただき、ご要望に応じて修正を行います。
納品・完了
最終確認後、納品となります。納品形式は、HTML/CSSファイル、JavaScriptファイルなど、ご希望に応じて対応します。納品後も、ご不明な点があればお気軽にお問い合わせください。
サービス内容
FigmaデザインカンプからのWebサイト構築、HTML/CSSコーディング、JavaScript実装、WordPressカスタマイズを丁寧に承ります。
Web制作を始めたばかりの私だからこそ、お客様のWebサイトに対する熱い想いを共有し、丁寧に形にすることができます!実績作りのため、低価格で高品質なWebサイトをご提供いたします。まずはお気軽にご相談ください!
既存の設計や明確な要件に基づきITサービスを提供します
業務内容
▼こんな方へオススメ
既に要件・設計書・デザインがあり、実装だけ依頼したい方
LP/企業サイト/既存改修/EC画像の高画質化を短納期で進めたい方
▼ご提供内容
設計書・デザインに基づく HTML/CSS(SCSS)/JavaScript/TypeScript のコーディングを行います。
レスポンシブ対応・軽量化・アクセシビリティの基本対応を実施します。
簡易フォーム、バリデーション、モーダル、スライダー等のUI実装を行います。
画像最適化(EC向け高画質化/圧縮/遅延読込)を実施します。
SEO基礎設定(title/description/OGP/サイトマップ)を行います。
デプロイ支援(Vercel/Netlify 等)や DNS 設定をサポートします(プラン/オプションにより対応します)。
▼ご購入後の流れ
要件・設計書・デザインデータ(Figma/PSD/XD)・素材をご共有いただきます。
スコープ・納期・修正回数・成果物形式を事前合意します。
初稿を納品します(目安:ベーシック3〜5営業日、スタンダード5〜7営業日、プレミアム10〜14営業日)。
レビューと修正対応を行います。
最終納品(ZIP/Git/公開作業)を行います。
▼制作可能なジャンル
LP、企業サイト、採用ページ、商品ページ、技術ブログ、簡易ダッシュボードに対応します。
▼技術スタック
HTML/CSS(SCSS)、JavaScript/TypeScript、jQuery、Next.js(SSG中心)、Node.js(軽微)、SQL(表示用クエリ)、Python(データ処理補助)に対応します。
Git/GitHub、VSCode、Figma 等のツールに対応します。
▼料金プランやオプション
ベーシック:1ページのコーディング+修正2回に対応します。
スタンダード:1〜3ページ+簡易JS/フォーム+修正3回に対応します。
プレミアム:3〜5ページ+簡易API/DB連携・デプロイ+修正5回に対応します。
▼納期
要件の明確さと素材支給の有無で変動します。短納期も可能な範囲で調整します
爆速コーディング!丁寧✖️正確✖️迅速なご対応いたします
業務内容
企業様コーポレートサイトからLPなどのコーディングをメインとして活動しております!さまざまなWeb制作に携わってまいりましたが、やはりコーディングが一番好きで、コードを書いていると1日がすぎてしまうこともザラにあるほどです...。
実績につきましては、公開できないものが多くありますので、ご希望ございましたらお送りさせていただきます!
爆速コーディングで、あなたのデザインを完全再現いたします
業務内容
① デザインデータをいただき次第、作業開始。
(XD,Figma,Ai,PSDに対応。
必要であれば打ち合わせ可能です。)
② HTML/CSS/JavaScriptコーディング。
(どんなアニメーションにも対応可能。
WordPress組み込みまでも承っております。)
③ 品質チェック
表示チェックやエラー確認、デバイス表示チェックを行い、
品質チェックシートと一緒にご提出いたします。
④ 納品
HTML/CSSのピクセルパーフェクトでのコーディング作業を代行いたします
業務内容
ご覧いただき、ありがとうございます。
suunni代表、石山(いしやま)と申します。
HTML/CSSの作成を依頼した時に、このようなことはありませんでしたか?
◆ HTMLの構造がグチャグチャ・・・
◆ CSSも読みづらい・・・
◆ CSSクラス名の付け方に一貫性が無い・・・
◆ コメントも無いので読み解くのに一苦労・・・
そのようなお悩みをお持ちでしたら、
HTML/CSSのコーディングでお手伝いできるかもしれません。
◆ 読みやすいコーディングを心掛けております
◆ CSSにはコメントを細かく付けております
◆ 必要でしたら、デザインカンプにクラス名のコメントをつけることも可能です
エンジニアの経験を活かし、
「読みやすいソースコード」を作成することをお約束いたします。
[Wordpress対応!]即納品・即レスでHTML/CSSコーディング承ります
業務内容
はじめまして!
サービスを閲覧いただきありがとうございます!
福岡県で、Web制作のフリーランスとして活動している岩崎佑哉と申します!即レス、即納品、高品質の3つを常に意識してお仕事をさせていただいております!
デザインはあるけど、コーディングが出来ない。。
時間がないから誰かに任せたい。
そんな悩みはありませんか
低予算で解決致します!!
まずはお見積もりからお願いしております。
◆サービス内容
・HTML/CSSを用いた静的ページのコーディング
・JavaScriptを使用した動きの表現
(スクロールに合わせたアニメーション・スライダー・ハンバーガーメニュー・アコーディオンなど)
・html/css納品→HP・LP制作
・WordPressサイトのコーディング
・WordPressへの機能実装(カスタム投稿・カスタマイザーの設定など)
※WordPressはカスタマイズによって別途費用がかかる場合がございます。
・レスポンシブ対応
◆制作内容
1ページから複数ページまで承っています。
◆料金表
・トップページのコーディング:10,000円〜/1ページ
・下層ページのコーディング:8,000円~/ 1ページ
・LPのコーディング:15,000円~
・JavaScriptの機能実装:5,000円~ / 1点
・お問合せフォームの設置:内容に応じて別途お見積もり
・WordPress-TOPページ:15,000円〜 / 1ページ
・WordPress-下層ページ:10,000円〜 / 1ページ
※全てレスポンシブ(タブレット、スマホ対応)込みの価格です!
<無料オプション(ご希望の場合)>
・表示速度の高速化のための画像圧縮
・SEO対策のためのmetaタグ設置
・テスト環境の構築(ご希望の際はご当方のテストサーバーでサイトをご確認頂くことが可能です)
◆実績
ポートフォリオをご覧ください。
https://www.lancers.jp/profile/yuuya_18/portfolio?ref=more
非公開のものもありますので、詳しく知りたい方はお知らせください。
◆制作の流れ
1、ヒアリング&お見積り(※まずはご相談下さい!)
※コーディング内容の詳細をお聞かせください。
↓
2、お客様からデザインのご提供
(フォトショップ or XDでのデザインを頂ければ、
コーディングしたサイトデータを納品します。)
↓
3、コーディング&テスト
↓
4、ご確認・修正
※修正は基本無料で対応いたしますが、仕様変更等は別途費用となります。
↓
5、最終確認・納品
※テストはWindowsで「Chrom、Safari」の各ブラウザとiphoneXRの「Chrom、Safari」で行います。
※納品方法は希望がなければZipファイルを送付致しますが、サーバー納品にも対応可能ですので、ご希望の際はご連絡くださいませ。
◆納期
作業量によって異なりますが、基本5日〜1週間ほどお時間いただいております。
ご希望の納期がある場合はご相談くださいませ。
◆受注後の仕様変更やレイアウトの変更に関して
画像の差し替えや文言の変更に関して等、簡易的な修正は無料で対応させて頂きますが、レイアウトや仕様の変更の場合は、別途追加料金での対応とさせて頂きます。
迅速・丁寧にコーディングいたします。
簡単なホームページ制作や部分的な修正、jsによる実装など、幅広く対応可能です。
ご相談・お見積もりのみでも大丈夫ですので、まずはお気軽にご相談ください。
最後になりますが、お客様との出会いを大切にしております。
是非宜しくお願い致します。
企業サイトなど html、css、JavaSqriptを使ってコーディングのみします
業務内容
【全体の作業について】
デザインカンプをもとにコーディングを行います。
デザインデータをお送りお願いいたします。
その際、{pc版はソリッドレイアウト
sp版はリキッドレイアウト}等ご指定ください。
指定のない場合は上記のレイアウトで
制作対応いたします。
参考サイトなどあればレイアウトの表示をそのようにします。
※こちらの不備のない大幅なレイアウトの変更には追加料金をいただきますので、
よろしくお願いいたします。
リンクタグやリストタグにはこちらで必要そうであれば、
簡単なアニメーションの追加いたしますが、
特にご指定がない場合は後での対応いたしかねますのでご了承お願い致します。
指定がある場合はお気軽にお申し付けください。対応いたします。
【アニメーションについて】
どのようなアニメーションでもできる限り、
制作します。
その際に参考サイトなどあると非常に助かります。
アニメーションに関してはこだわりがある方は、
何度かの修正や細かい指示などお気軽にお申し付けください。
【料金や納期について】
料金や納期については融通ききますのでご相談ください。
よろしくお願いいたします。
ITアウトソーシング・3D設計対応 (Linux, Python, Java)ます
業務内容
ベトナムの優秀なITチームが、御社の課題を解決します!低コストで高品質、スピーディーなシステム開発をお約束します。
このようなお悩みはありませんか?
システム開発コストの削減、開発期間の短縮、品質の向上、日本語でのコミュニケーション不足
発注の流れ
お問い合わせ・ヒアリング
お客様の課題やご要望を丁寧にヒアリングします。どんな些細なことでもお気軽にご相談ください。
企画提案・お見積もり
ヒアリング内容をもとに、最適なシステム構成や開発計画をご提案します。お見積もりも提示いたします。
ご契約
ご提案内容にご納得いただけましたら、ご契約となります。契約内容について詳しくご説明しますのでご安心ください。
開発
経験豊富なエンジニアチームが、迅速かつ丁寧に開発を進めます。進捗状況は随時ご報告いたします。
テスト・納品
開発完了後、システムが正常に動作するか、お客様と一緒にテストを行います。問題があれば迅速に対応します。
運用・保守サポート
納品後も、システムの安定稼働をサポートします。運用方法のご説明や、トラブル対応もお任せください。
対応範囲・価格
Webシステム開発:50万円〜
小規模なWebシステムの開発。例えば、シンプルな顧客管理システムや、社内向けの業務効率化ツールなど。
システム改修・保守:5万円〜
既存システムのバグ修正や機能改善。軽微な修正から、大規模な改修まで対応します。
Excelマクロ開発:3万円〜
Excelマクロの開発、VBAプログラミング。業務の自動化、効率化に貢献します。
Webサイト保守:3.5万円〜/月
Webサイトの保守、更新作業。コンテンツの追加、修正、デザインの変更など。
納期
要件定義後、最短1週間から
制作の流れ
要件定義
お客様からいただいた要件を詳細に分析し、具体的な仕様を決定します。不明な点は、お客様と綿密に連携を取りながら明確化します。
設計
決定した仕様に基づき、システムの設計を行います。最適なアーキテクチャを選定し、効率的な開発を目指します。
開発
設計書に基づき、プログラミングを行います。高品質なコードを心がけ、バグの少ないシステムを構築します。
テスト
開発したシステムが仕様通りに動作するか、徹底的にテストを行います。単体テスト、結合テスト、システムテストなど、多角的な視点から品質を評価します。
導入
テストをクリアしたシステムを、お客様の環境に導入します。スムーズな移行をサポートし、本番稼働まで責任を持って対応します。
サービス内容
ベトナムを拠点とするITアウトソーシングサービスを提供しています。Webシステム開発、ソフトウェア開発、アプリ開発、インフラ構築など、幅広いニーズに対応可能です。日本企業様向けに、低価格・短納期・高品質なサービスをご提供します。
「システム開発、何から始めたらいいかわからない…」「コストを抑えたいけど、品質も妥協したくない…」
そんなお悩みを抱えていませんか?
IT Globalは、ベトナムの優秀なエンジニアチームによる、高品質で低価格なシステム開発サービスを提供しています。
お客様のビジネスを成功に導くために、最適なITソリューションをご提案します。
まずはお気軽にご相談ください。御社の課題解決に向け、全力でサポートいたします!
静的HTMLからWordPress化まで!フロント実装を丸ごと対応いたします
業務内容
ご覧いただきありがとうございます。
本パッケージでは、以下の内容に対応可能です。
■ HTML/CSSコーディング
デザインデータ(Figma, XD, PSDなど)からのコーディング。レスポンシブにも対応します。
■ JavaScript実装
スライダーやアコーディオン、モーダルウィンドウ、スクロールアニメーションなど、フロント側の動的な実装も対応可能です。
■ PHP実装
フォームの実装もご相談ください。
■ WordPress実装
静的HTMLからのWordPress化、オリジナルテーマの構築、カスタム投稿タイプやACF(Advanced Custom Fields)の導入なども承ります。
\細かな修正や相談も柔軟に対応します!/
気になる点があれば、お気軽にご相談ください。
納期厳守&誠実対応!安心・丁寧なコーディングをお届けします
業務内容
はじめまして。数あるサービスの中からご覧いただきありがとうございます!
【こんな方におすすめ】
・デザイン通りに忠実にコーディングしてほしい
・スマホ対応のサイトを作ってほしい
・ハンバーガーメニューやアニメーションを入れて動きを出したい
・WordPressで更新しやすいサイトにしたい
■ サービス内容
・HTML / CSS を使った静的コーディング
・jQueryによるアニメーション(ハンバーガーメニュー、スライダーなど)
・スマホ・タブレット対応(レスポンシブ対応)
・WordPressサイト構築(オリジナルテーマ、カスタム投稿等)
▶ デザインとの相違による修正は【無制限】で対応します!
納得いただけるまで責任を持って対応いたします。
※デザイン自体の変更は、別途料金が発生する場合があります。
■ コーディング料金目安(レスポンシブ・アニメーション込み)
・トップページ、LP:20,000円〜
・下層ページ:8,000円〜
・利用規約・プライバシーポリシーなどの簡易ページ:4,000円〜
※料金はページの長さやデザイン内容により変動します
※レスポンシブ対応は、PC・スマホ両方のデザインをご提供いただいた場合に限り追加料金なしで対応します
※コーディングは当方のルールに基づいて作業いたします
※詳細はお気軽にご相談ください
■ WordPress対応
・基本料金(オリジナルテーマ):30,000円〜
・カスタム投稿:10,000円〜
・お問い合わせフォーム実装:10,000円〜
・その他カスタマイズ:要相談
■ 無料対応オプション(ご希望の方はお伝えください)
・ホバーアニメーション
・ハンバーガーメニュー
・フェードイン表示
■ 納期について
平均2〜3週間ほどを目安に対応しております。
お急ぎの場合も、できる限り柔軟に対応いたしますのでご相談ください。
※内容やボリュームにより納期は変動いたします。
■ 納品形式
・zipファイルでの納品
・またはサーバーへのアップロード(※FTP情報をご共有ください)
■ 制作の流れ
1.「見積もり・カスタマイズの相談」からご連絡ください
2.デザインデータの受け取り
3.コーディング作業
4.中間確認・修正対応
5.最終チェック・納品
【制作会社・デザイナー様向け】高品質なコーディングを提供いたします
業務内容
数あるパッケージの中からご覧いただき、ありがとうございます。
個人事業(1年目)でコーディングとWordPress構築をメインに活動していると権田量作「ごんだ りょうさく」申します。
現在、制作会社様と継続的なお取引をさせていただいております。
▼こんな方へおすすめ
・デザインデータを正確なコーディングで再現したい制作会社様
・コーディング工程を外注して、業務効率を上げたいデザイナー様
・納期とクオリティを両立できる信頼できるコーダーをお探しの方
▼作業内容
・HTML/CSSコーディング(セマンティックなマークアップ)
・レスポンシブ対応(スマートフォン、タブレット)
・アニメーション実装(CSS/JavaScript)
・Webフォント対応
・各種ブラウザ対応
・W3C準拠のコーディング
・ピクセルパーフェクトな実装
▼特徴(強み)
・レスポンシブデザインの正確な実装
・保守性の高いクリーンなコーディング
・迅速なコミュニケーションと細かな進捗報告
▼制作の流れ
-
お打ち合わせ
仕様確認、実装範囲の確定をさせていただきます。 -
お見積り・契約
工数と納期をご提示させていただきます。 -
制作開始
進捗報告を欠かさず、スムーズな制作進行を心がけます。 -
検証・修正
デバイス/ブラウザチェック、コード品質の確認を行います。 -
納品
完成データをzip形式で納品いたします。
※サーバーアップロード作業もご対応可能です。
▼納品形式
・HTML/CSS/JavaScript ファイル一式
・各種画像データ(圧縮済み)
・テスト環境のURL(オプション)
▼対応可能なデータ形式
XD、Figma、Photoshop、Illustrator、その他画像形式
ワードプレスで作成されているホームページの各種修正を承ります
業務内容
WordPress(ワードプレス)で作成されているホームページの各種修正を承ります。
10年以上のWordPressでの開発経験をもとに、無駄のない工数で作業させていただきます。
こんな悩みはないでしょうか
・前任者からサイト管理を任せられたが、引き継ぎがしっかりしていなくて更新できない
・社内リソースが足りずに改修作業が行えない
・委託していた制作業者と連絡が取れなくなった
など
・すぐに改修しなければならないのに作業できない、そんなときにご利用ください。
こんなことができます
【ベーシックの改修内容例】
ページを追加したい、ページの一部分を直したい
サイドやフッターにバナーを表示したい
トップに表示される画像を変更したい
この部分にこういう要素を追加したい
ナビゲーションにページを追加したい
Googleアナリティクスのタグを設置したい
広告用のタグを設置したい
など
【スタンダードの改修内容例】
トップページを更新しやすくしたい
一覧ページの見せ方を変更したい(見せる要素の変更、フィルタ項目の変更)
スマホ表示の際の見せ方を変更したい
表示スピードを改善したい
など
【プレミアムの改修内容例】
投稿とは別の一覧でブログを入力できるようにしたい
会員制のサイトにしたい
サイト全体に関わる表示や構造変更
など
まずはご相談ください!
プランごとの作業時間目安
ベーシックプラン:3時間程度
スタンダードプラン:6時間程度
プレミアムプラン:9時間程度
ご発注から納品までの流れ
-
ご相談
各プランの作業内容を目安に、プランを選択してご依頼内容をご連絡ください。
※作業時間がわからない場合はメッセージでご連絡をお願い致します。
※お使いのテーマやプラグインの状況によっては、同じ作業内容でも作業時間に違いがでる場合がございますので、ご了承ください。
内容を確認の上、納期と見積金額をご提示します。 -
ご発注・仮払い
納期と見積金額に納得していただきましたら、ご発注と仮払いをお願いします。
ログイン情報をお預かりいたしますのでご準備をお願い致します。 -
作業開始
不明点などありましたら随時メッセージ連絡を取りながら進めます。
指定納期での作業し完了報告を致します。 -
検証・お支払い
作業内容がよろしければ完了報告を受領ください。
提供された Web デザインから HTML と CSS を作成します。ます
業務内容
Webデザインの各ページ(画面)のHTMLとCSSをコーディングします(レスポンシブデザイン用のJavaScriptのみ。他の機能や他のプログラミング言語のJavaScriptはサポートしていません)。レスポンシブデザインに対応しています。UTF-8とSHIFT_JISに対応しています。
高品質なLPをコーディングします
業務内容
本サービスをご覧いただきありがとうございます。
初めまして。フリーランスでWebエンジニアをしておりますRyoと申します。
■このサービスの特徴
・ペライチでは不可能な高度なライティングページをコーディング!
・24時間365日連絡可能!
・修正回数無制限!追加料金なし!
・レスポンシブ対応、アニメーション追加も可能!
■サービス内容
・HTML / CSS / JavaScript コーディング
・運用に必要な各種タグの埋め込み
・画像圧縮による表示速度最適化
・テストアップ後の修正作業
■こんな方にオススメです!
・個人事業主を応援している人や組織
・デザイナーはいるが、コーダーのパートナーがいない個人事業主
・コーディングは全てお任せしたい人や組織
・リソース不足で外注したい人や組織
■納品までの流れ
①ヒアリング(ご相談・スケジュール確認)
↓
②お見積もり提出
↓
③ご依頼(ご購入)
↓
④デザインデータのご入稿
↓
⑤制作開始
↓
⑥テストアップ
↓
⑦ご確認・修正対応
↓
⑧データ納品
迅速丁寧WebサイトのHTML/CSSコーディング/WordPress更新を承ります
業務内容
10年の経験で培った技術で、あなたのWebサイトを最新の状態に保ちます!
このようなお悩みはありませんか?
- Webサイトの更新作業に手が回らない
- Webサイトのデザインが古く、リニューアルしたい
- スマートフォン対応ができていない
- SEO対策ができていない
発注の流れ
お問い合わせ
Webサイトの現状、修正・更新したい内容、ご予算、納期などをお伺いします。お気軽にご相談ください。
お見積もり
お伺いした内容に基づいて、具体的な修正・更新プランとお見積もりをご提示します。
ご契約
プランとお見積もりにご納得いただけましたら、正式にご契約となります。着手金としてお見積金額の50%をお支払いいただきます。
制作開始
修正・更新作業を行います。進捗状況は随時ご報告いたします。
ご確認
修正・更新完了後、お客様にご確認いただきます。修正点があればご指摘ください。
納品
修正が完了しましたら、納品となります。残金をお支払いいただきます。
対応範囲・価格
Webサイトの小規模修正・更新:5,000円〜
HTML/CSS/JavaScriptを使用したWebサイトの小規模な修正・更新を承ります。テキストの修正、画像の差し替え、リンクの修正などが含まれます。
WordPressサイトのカスタマイズ:30,000円〜
WordPressを使用したWebサイトのテーマカスタマイズ、プラグインの導入・設定、コンテンツの追加・修正などを承ります。レスポンシブ対応やSEO対策も考慮します。
Webサイトのデザインリニューアル:100,000円〜
Webサイト全体のデザインリニューアルを承ります。HTML/CSS/JavaScriptを使用したコーディング、レスポンシブ対応、SEO対策、WordPress導入などが含まれます。デザイン案の作成も可能です。
納期
内容によって異なりますが、小規模な修正であれば3日〜1週間、大規模なリニューアルであれば2週間〜1ヶ月程度です。
制作の流れ
企画・設計
お客様からいただいた情報をもとに、Webサイトの構成やデザイン、必要な機能などを検討します。
デザイン
Webサイトのデザインを作成します。お客様にデザイン案をご確認いただき、修正点があれば修正します。
コーディング
デザインをもとに、HTML/CSS/JavaScriptを使用してWebサイトをコーディングします。レスポンシブ対応やSEO対策も考慮します。
テスト
Webサイトをテスト環境にアップロードし、動作確認を行います。お客様にも動作確認をしていただき、修正点があれば修正します。
公開
Webサイトを本番環境にアップロードし、公開します。
サービス内容
Webサイトの更新・コーディングを承ります。HTML/CSS/JavaScript、WordPressに対応しており、レスポンシブ対応やSEO対策も可能です。
Webサイトの更新、デザインでお困りではありませんか?
10年の経験を持つフロントエンドエンジニアが、HTML/CSS/JavaScript、WordPressを駆使し、あなたのWebサイトを蘇らせます!
✅デザインが古く、リニューアルしたい
✅スマートフォン対応ができていない
✅SEO対策ができていない
そんなお悩みを解決します!
まずはお気軽にご相談ください。
【HTML・CSSコーディング】ホームページをワードプレスで制作いたします
業務内容
国内美容系企業、パーソナルジム、ITコンサル事業会社などのホームページやコーポレートサイト制作経験を活かしてWordPressの「Snow Monkey」や「TCD」テーマを組み込んだ、ホームページを制作いたします!
Web周りの知識が0の方でも大歓迎です!
制作後の期間限定のサポートやご自身でも簡単に更新を行えるホームページにいたします。
お客様の「事業拡大に繋げる」ために尽力いたします
現在の状況や今後の展開を見据えた最適なプランをご提案させて頂きます!
HTMLコーディング 1ページ(レスポンシブ可) を行います
業務内容
ご用意いただいたデザインデータ(psd、ai、xdなど)を元に、
HTML・CSSでコーディングを行います。
制作会社でWebデザインを行なっていた経験があり、
デザインを丁寧に再現することが得意です。
ランディングページのHTMLコーディング代行いたします
業務内容
デザイン作成専門のデザイナー様からのご依頼、
コーディングリソースが不足した制作会社様からのご依頼、
お待ちしております。
支給のデザインデータ(Photoshop , AdobeXD , Figma)から、
忠実に再現したコーディングを行います。
■サービスの強みなど
・レスポンシブ対応込み
PC、スマートフォン、タブレットいずれの環境でも崩れなく閲覧可能なコーディングをいたします。
支給データがPC版のみの場合でもご相談ください。
・ページ表現に必要なJavaScript込み
タブ切り替え、アコーディオン、カルーセル、スムーススクロール、スマートフォン用のメニュー表示などのページに必要最低限のJavaScript実装は予算に込みとなっております。
※数量や複雑な表現の場合には予算外として事前にご相談させていただきます
・CSSアニメーション/エフェクト
スクロールにあわせて要素がアニメーション表示する、ボタンホバー時にアニメーションさせるなど、デザイン上で表現しきれないアニメーションなどにも基本的なものでしたら予算内で対応が可能です。
※複雑な表現の場合には予算外として事前にご相談させていただきます
・品質チェックテスト込み
コーディング後は、全ての幅、複数のデバイス、ブラウザで崩れが起きていないかきちんとテストいたします。品質チェックリストも合わせて納品させていただきますのでご安心ください。
■ご契約後の流れ
-
事前のヒアリング
ご契約前にヒアリングをさせて頂き、作業量・納期から正式お見積もり金額お伝えさせていただきます。 -
仮払い・素材のご提供
打ち合わせにてご納得頂けましたら、この段階でご契約とさせていただきます。仮払いをしていただき、画像やテキストなどの素材をご提供いただきます。 -
制作開始
不明点の確認や進捗報告など適宜コミュニケーションをお願いいたします。 -
初稿を提出
修正がないようにコーディングいたしますが、修正点等ありましたら都度対応いたします。 -
納品
最終確認をいただき、データ、サーバーアップロードなどお客様のご要望に合わせた形で納品いたします。
【デザイナー様・制作会社様向け】レスポンシブ対応のHP・LPコーディング承ります
業務内容
ご覧いただき、ありがとうございます!
こちらのパッケージでは、Webサイトのコーディングを承っております。
1ページから複数ページまで対応いたします。
コーディングだけを外注したいデザイナーの方や制作会社の方など、お気軽にお問い合わせください!
良いお取引が進められるよう、誠実で丁寧な対応を心掛けております。
何卒よろしくお願いいたします。
◆◇ サービス内容 ◇◆
・HTML/CSSの静的ページコーディング
・Javascriptの実装
・WordPressの導入(※カスタマイズ内容によって別途費用がかかる場合がございます)
◆◇ 基本料金に含まれる項目 ◇◆
・レスポンシブ対応
・CSSやJavaScriptを使った簡易なアニメーションの実装(※下記に実装例)
・画像圧縮(WebP対応)
・SEO対策(metaタグの設置、構造化マークアップなど)
・安全なテスト環境のご用意
・データ納品&サーバーへのアップロード・公開作業など
◆◇ 簡易なアニメーションの例 ◇◆
・ボタン・リンクのホバーアニメーション
・スクロールアニメーション(スクロールと共に項目が現れるなど)
・ハンバーガーメニュー
・アコーディオン(クリックで隠れていた項目が表示)
・スライダー/カルーセル(クリックや一定時間経過で画像や画面が切り替わる)
・ポップアップ/モーダルウィンドウ(クリックで画面上に別ウィンドウが開くなど)
・タブで表示切り替え
・指定場所までゆっくりスクロール
・一定時間経過後にメッセージを表示
(※複雑なアニメーションは別途お見積りとさせていただく場合がございます)
◆◇ 基本料金 ◇◆
・トップページ :30,000円〜/1ページ
・下層ページ :10,000円〜/1ページ(※使い回せる箇所が多い場合は5,000円〜/1ページ)
・WordPress導入:20,000円〜
・お問い合わせフォームの設置:内容に応じて別途お見積もりさせていただきます
(※デザインの内容、ボリュームによって変動する場合がございます)
◆◇ 納期 ◇◆
・トップページ :3日〜
・下層ページ :2日〜
・WordPress導入:2日〜
(※デザインデータを受領した翌日からの日数です。デザインの内容、ボリュームによって変動する場合がございます)
◆◇ 納品までの流れ ◇◆
①コーディングのご希望について詳細をお聞かせください。
②金額と納期をお知らせいたしますので、ご了承いただけるかご検討ください。
③ご発注いただけるようでしたら、コーディングに必要なデザインデータや素材等をお送りください。
〜コーディングを開始し、初稿が完成し次第、ご連絡差し上げます〜
④テスト環境にて作成したWebサイトをご確認いただき、お気づきの点等をご指摘ください。
(※修正については基本無料で対応いたしますが、仕様変更等は別途費用が発生する場合がございます)
⑤完成データ一式の送付、またはサーバーへのアップロード作業にて納品物をお受け取りいただきます。
◆◇ 表示確認ブラウザ・デバイス ◇◆
・Google Chrome
・Microsoft Edge
・Safari
・Firefox
・Windows/Mac/iPad/iPhone/Android
ご提供するサービスが満足いただけるものになるよう、最後まで責任をもって対応させていただきます。
ご不明な点がございましたら、お気軽にお問い合わせください。
HTML、CSS、javascript。デザインに合わせた最適なページ作成します
業務内容
\デザインを持っているがコーディングして欲しい/
ぜひご相談ください!
こんな方におすすめ
✅「自分でコーディングする時間がない」
✅「デザインは持っているがコーディングは外注したい」
✅「現状のサイトでPCデザインしかないので、レスポンシブデザインに対応したい」
✅「既存のサイトを一部修正してほしい」
制作の流れ
1.メッセージにて打ち合わせの日程調整を行う
2.メッセージにて打ち合わせ、素材提供
3.ご購入
4.制作開始
5.ページ確認(お客様にてご確認いただきます)
6.納品
WordPressについて
作成したページをワードプレス化することも可能です。
◼ご用意いただくもの
- ご自身がお持ちのデザインカンプ
【サブスクじゃない!】1回作って完結の申し込みフォームを制作します
業務内容
▼こんな方におすすめ!
・サービスをスモールスタートしたい。
・月額コストをかけたくない。
・あわよくば自分で修正したりしてフォームを管理したい。
▼納品内容
■下記2ページ分
フォーム入力画面
フォーム送信後画面
▼ご利用後の流れ
打ち合わせをzoomまたは直接お会いして行う。
制作をする内容をヒアリングさせていただき、すり合わせを行います。
↓
制作を開始します。
↓
初稿を提出いたします。
↓
修正内容を反映し再度提出いたします。
↓
内容が問題ないことを確認し納品。
▼オプション
フォームを2個以上制作したい場合、
2個目からは、フォームの数分の料金から5000円引きをさせていただきます。
例:3万円プラン3つフォームを制作の場合、3万+2万5千円+2万5千円=8万円
【個人向け】HTML/CSSコーディングでWebサイトを改善します
業務内容
コーディングのプロが、あなたのウェブサイトを快適な空間に変身させます!
このようなお悩みはありませんか?
ウェブサイトの表示速度が遅い、スマホ対応ができていない、デザインが古い、SEO対策ができていない
発注の流れ
お問い合わせ
まずは、お気軽にご相談ください。ウェブサイトの現状や課題、ご要望をお聞かせください。
プラン提案・お見積もり
ヒアリング内容をもとに、最適なプランとお見積もりをご提案します。
制作開始
ご契約後、必要な情報や素材をご提供いただきます。構成案やデザイン案をご確認いただき、修正を重ねながら進めます。
納品・公開
完成したウェブサイトをご確認いただき、問題がなければ納品となります。
対応範囲・価格
HTML/CSSコーディング:10,000円〜
HTML/CSSコーディング代行:既存サイトの修正や更新を迅速に対応します。1ページあたり
WordPressサイト構築:50,000円〜
WordPressサイト構築:オリジナルテーマで、SEOに強く、集客に繋がるサイトを制作します。初期設定、プラグイン導入、基本操作レクチャー込み
レスポンシブ対応:30,000円〜
レスポンシブ対応:スマホ、タブレット、PCなど、あらゆるデバイスで最適に表示されるように調整します。既存サイトのレスポンシブ化も
SEO内部対策:20,000円〜
SEO内部対策:キーワード選定から内部構造最適化まで、検索順位アップのための施策を行います。現状分析、改善提案、実装
Webサイト保守・更新:10,000円〜
Webサイト保守・更新:定期的なバックアップ、セキュリティ対策、コンテンツ更新など、サイトの安定稼働をサポートします。月額
納期
1週間〜
制作の流れ
ヒアリング
お客様のウェブサイトの目的やターゲット層、デザインの好みなどを詳しくヒアリングします。
構成案・デザイン案作成
ヒアリング内容に基づき、ウェブサイトの構成案やデザイン案を作成します。
コーディング
構成案・デザイン案にご納得いただけましたら、コーディング作業に入ります。
テスト・修正
完成したウェブサイトをテスト環境でご確認いただき、修正点があれば修正します。
公開・納品
最終確認後、本番環境にウェブサイトを公開します。
サービス内容
HTML/CSSコーディング、WordPressサイト構築、レスポンシブ対応、SEO内部対策、Webサイト保守・更新など、ウェブサイトに関する様々なサービスを提供します。
ウェブサイトのことでお困りではありませんか?
「ウェブサイトを作りたいけど、何から始めたらいいかわからない…」
「今のウェブサイト、デザインが古くて使いにくい…」
「スマホで見たとき、文字が小さくて見づらい…」
そんなお悩みをお持ちのあなたに、コーディングのプロがお手伝いします!
✔️ 最新技術で、美しく使いやすいウェブサイトを制作
✔️ スマホ、タブレット、PC、どんなデバイスでも快適表示
✔️ SEO対策で、検索順位を上げて集客アップ
まずは、お気軽にご相談ください。お客様の課題を解決する最適なプランをご提案します。
【レスポンシブ対応】HTML/CSSコーディング代行いたします
業務内容
WEBサイト・LPのコーディングを行います。
お客様の想いを形に!心を込めたコーディングで、理想のWebサイトを実現します。
ぜひお気軽にご相談くださいませ!
【 こんな方におすすめ 】
・コーディング業務の外注先をお探しの方
・コーディングが苦手な個人webデザイナー様
・継続的にお願いできるパートナーをお探しの制作会社様
ご満足いただけるように丁寧かつ柔軟な対応を心掛け、満足していただけるサービスを提供いたします。
【 サービス内容 】
・HTML / CSSを用いた静的コーディング
・JavaScript(jQuery)を用いたアニメーション実装(ハンバーガーメニュー・スライダー等)
・レスポンシブ対応
・WordPressの構築(オリジナルテーマ)
【 料金 】
・LPのコーディング: 15,000円〜
・トップページのコーディング: 10,000円〜
・下層ページのコーディング: 5,000円〜/1ページ
・お問い合わせ機能: 10,000円〜
・アニメーション: 5,000円〜
・WordPress化: 要相談
※上記が基本料金となります。ページの長さやデザインの内容により価格の変動がございます。
※レスポンシブ対応込みの価格になります。
※WordPress化のご希望の方はご相談くださいませ。
【 納品までの流れ 】
1 ヒアリング・お見積り
2 ご契約・デザインデータお預かり
3 コーディング
4 ご確認・修正
5 最終確認・納品
【 納品形式 】
・zipファイルの送付
・ご指定のサーバーへアップロード
※サーバへのアップロード希望の場合は原則 FTP情報共有をお願いします。不明な場合・サポートが必要な場合はご相談下さい。
【IT企業向け】デザインカンプを高品質コーディングします
業務内容
デザインカンプを完璧に再現し、動的なWebサイトを迅速に構築。WordPressのオリジナルテーマ開発もお任せください。
このようなお悩みはありませんか?
デザインカンプを忠実に再現できるコーダーが見つからない。Webサイトの動きが少なく、ユーザーのエンゲージメントが低い。WordPressのテーマが古く、セキュリティが心配。
発注の流れ
ヒアリング
お客様のデザインカンプ、Webサイトの目的、ご要望などを詳しくお伺いします。
企画提案
ヒアリング内容に基づき、最適なコーディングプラン、アニメーション、WordPressテーマをご提案します。
お見積もり・ご契約
お見積もりをご確認いただき、ご契約となります。
制作開始
コーディング、アニメーション実装、WordPressテーマ開発を開始します。進捗状況を随時ご報告いたします。
最終確認
完成したWebサイトをご確認いただき、修正点があれば修正します。
納品・公開
Webサイトを納品し、公開をサポートします。
対応範囲・価格
HTML/CSSコーディング:30,000円~
デザインカンプを基に、HTML/CSS/JavaScriptでWebサイトをコーディングします。レスポンシブ対応で、PC、スマホ、タブレットなど、あらゆるデバイスで美しい表示を実現します。
jQueryを使用して、Webサイトに動きのあるアニメーションを追加します。スクロールエフェクト、フェードイン、スライダーなど、ユーザーの目を引く効果的なアニメーションを実装します。
WordPressオリジナルテーマ開発:120,000円~
WordPressのオリジナルテーマを開発します。カスタムフィールド、カスタムタクソノミー、検索機能など、お客様のニーズに合わせた柔軟なテーマを作成します。SEO対策、セキュリティ対策も万全です。
納期
14日~30日
制作の流れ
要件定義
お客様からデザインカンプ、Webサイトの目的、ご要望などをいただき、詳細な仕様を決定します。
コーディング・アニメーション実装
仕様に基づき、HTML/CSS/JavaScriptでコーディング、jQueryでアニメーションを実装します。
WordPressテーマ開発
WordPressのオリジナルテーマを開発します。カスタムフィールド、カスタムタクソノミー、検索機能など、お客様のニーズに合わせた柔軟なテーマを作成します。
テスト
作成したWebサイトをテスト環境で確認します。PC、スマホ、タブレットなど、あらゆるデバイスで正しく表示されるか、アニメーションが正常に動作するかなどを確認します。
お客様確認
お客様にテスト環境でWebサイトをご確認いただき、フィードバックをいただきます。
修正
お客様からのフィードバックに基づき、修正を行います。
納品・公開
完成したWebサイトを納品し、公開をサポートします。
サービス内容
デザインカンプを忠実に再現し、JavaScript/jQueryで動きのあるWebサイトを構築。WordPressのオリジナルテーマ開発も可能です。IT業界の企業様向けに、高品質なWebサイト制作・改善をサポートします。
私は、デザインカンプの正確な再現を得意としており、JavaScript/jQueryで動きのあるWebサイトを構築できます。また、WordPressのオリジナルテーマ開発も可能です。
デザインの意図を損なわずに、ユーザーエンゲージメントの高いWebサイトを迅速に構築します。
どうぞお気軽にご相談くださいませ!
サイトの更新、修正いたします
業務内容
文章変更による、Webサイトの更新、画像の差し替え、
簡単なトリミングなどを行います。
コンテンツ追加も対応できます。
また、サイトのレイアウト修正もコーディングで対応できる範囲で対応いたします。
LPのコーディングいたします
業務内容
PSD,AI,XDのデザインカンプがあれば、こちらの料金表にてコーディングいたします。
もちろん画像貼り付けでなく、テキストにできる部分はテキストにてコーディングいたします。
簡易なアニメーション(スクロールフェードインなど)は込みで行います。
SEOを意識したコーディング(レスポンシブ対応)を代行します
業務内容
SEO会社様と10年以上お付き合いさせて頂いている、フリーエンジニアです。
SEOを意識したコーディング、スピーディな納品を強みとしています。
Photoshop、illustorator、Fireworks、XD、figma等のデータを頂ければ、コーディングデータ一式を納品します。
【概要】
■静的コーディングのみ(HTML、CSS)
※jsやphpを使用する場合、別途見積り対応です。
ハンバーガーメニューやスライダー、アコーディオン等簡易なのものは複雑なデザイン・動作の指定のない場合に限り料金内で作業させて頂きます。
【以下のような場合も別途対応可能です】
■PC又はスマホ単独ページの場合
レスポンシブ対応が必要ない場合は金額を下げさせて頂きますので別途ご相談ください。
■複数ページの場合
1ページコーディングの金額です。
複数ページの場合も対応可能ですので別途ご相談ください。
■WordPress等のCMSの組み込み納品やカスタマイズ修正について
CMSの組み込みやカスタマイズ修正に関しても対応可能ですのでは別途ご相談ください。
【レスポンシブ込み、修正だけでも】ホームページ・LPのコーディングをします
業務内容
《自己紹介》
プロフィールをご覧いただきありがとうございます、はぎ と申します。
フリーランスとして、ホームページ・ランディングページの制作を行なっております。
《提供可能なこと》
【HTML・CSS・JavaScript(jQuery)のコーディング、WordPressでのサイト制作】
ホームページ、ランディングページのデザインデータからのコーディングを行ないます。
また、修正のみのコーディングやページ内の一部のコーディングにも対応します。
【デザインデータをお持ちでない場合での、ホームページ制作】
中小企業・個人店のお客様でデザインデータをお持ちでないお客様でも、
通常の製作期間よりは長くなってしまいますが参考サイトをご提示いただければ
サイト制作のご相談に対応いたします。
またサイト制作に使用される画像やイラストが無い場合でも各種素材を準備していますので
お気軽にご相談ください。
【料金内で対応可能な動きのある要素】
・スライダー(複数枚の画像を次々と切り替えて表示するもの)
・ハンバーガーメニュー
・ページトップへ戻るボタン
【オプション料金で対応可能なもの】
・アコーディオン(項目をクリックしたりタップしたりすることで、隠れている詳細画面を表示させるもの)
・タブメニュー(Webページを移動することなく指定範囲の表示内容を切り替えられるもの)
・ローダー(ページOPEN時のロゴなどを表示させるもの)
・お問い合わせフォーム
・スクロール時に要素がふわっと動くなどのアニメーション
・スクロール時に背景画像に影響させるアニメーション
その他、実装に工数が多く掛かるものや1ページの長さが5000pxを超えるものについては
別途お見積もりをさせて頂きます。
《お約束事》
・お客様への分かりやすく丁寧なサポートを心掛けて作業を進めていきますので、ホームページ制作のご依頼が初めての方でもご安心ください。
・作業は迅速に、途中経過も確認できる形で進めていきます。
最後までご覧いただきありがとうございます、
ご依頼いただいた際は『お客様への分かりやすく丁寧なサポート』『作業の途中経過の報告』を
心掛けてお客様の求める以上の作品を納品いたします。
気になることがありましたら、お気軽にご連絡くださいませ。
よろしくお願いいたします、以上となります。
WordPress対応_HTML/CSSコーディング承ります
業務内容
業務内容
本パッケージはWebサイトのコーディング、WordPress構築・カスタマイズのサービスです。
▼こんな方におすすめ
・デザインのみ依頼したい方
・コーダー不足で外注先を探している方
など
Webデザイナー様や制作会社からも受注実績があります。
サービス運営者様、会社経営者様、個人などでも可能ですのでまずはお気軽にご相談ください。
▼内容
・静的コーディング
・WordPressコーディング(オリジナルテーマ)
▼実績
弊社のクリエイティブチームが参考としているWebサイト集です。
下記URL内のサイトであれば実装可能です🙇♀️
▼納品までの流れ
①ヒアリング
②ご契約、仮払い
③制作開始
④確認・修正
⑤納品
デザインに忠実なHTML・CSSコーディング代行いたします
業務内容
出品ページをご覧いただきありがとうございます!
業界歴10年のフロントエンジニアが、HTML・CSSのコーディングを行います。
静的なコーディングだけでなく、WordPressを用いたサイト構築も対応可能です。
既存ページの一部から、下層ページ1Pだけでも承ります!
まずは、お気軽にご相談ください☆
■価格表
▔▔▔▔▔▔▔▔▔▔▔▔
【コーディング】
・トップページ:30,000円~ / 1ページ
・下層ページ:10,000円~ / 1ページ
【WordPress】
・WordPress構築:50,000円~
(インストール・初期設定・デフォルトブログ機能含む)
・カスタム投稿追加:20,000円~
(Smart Custom Fields または、Advanced Custom Fieldsを利用)
【その他】
問い合わせフォーム設置:10,000円~
アニメーション / JavaScript・jQueryの実装:10,000円~
<無料オプション>
・レスポンシブ対応
・スライダー機能(slick、bxSlider等の一般的なもの)
・WordPressプラグイン追加
■ご予算について
▔▔▔▔▔▔▔▔▔▔▔▔
記載の金額はあくまで、下限の単価となります。
ページ数、デザイン内容に応じて単価は変動いたします。
■納品までの流れ
▔▔▔▔▔▔▔▔▔▔▔▔
1)ご依頼内容の詳細をお聞かせください
↓
2)依頼内容の確認や検証を経て「見積り」いたします。
納品日の目安も合わせてお伝えいたします。
↓
3)ご納得いただけましたら、ご発注をお願いします
↓
4)FTPにて「対応」かファイルでの「提出」をおこないます。
↓
5)成果物を提出し確認後「納品」となります。
ご不明点がありましたら、お気軽にご連絡くださいませ。
原則24時間以内にご返信いたします。
■注意事項
▔▔▔▔▔▔▔▔▔▔▔▔
「見積もり・カスタマイズ相談」の際は必ず、FIXデザインをご準備ください。
FIXデザインのご準備がまだの方は、まずメッセージにてご連絡ください。
■最後に
▔▔▔▔▔▔▔▔▔▔▔▔
同じレイアウトページや、コンテンツ量の少ないページ等、
ご依頼内容や、ご予算に合わせて柔軟に対応させて頂きます。
まずは、お気軽にご連絡ください!
購入にあたってのお願い
■見積もりには下記の情報が、必須となります。
・デザインデータまたは、事前にデザインの確認できるもの
対応可能形式:jpg等の画像データ・PSD・AI・XD
※AIデータの際は、バージョンCS6のアウトラインデータでお願い致します。
■以下をご準備頂くとスムーズに進みます。
・ご依頼内容
・コーディングページ数
・希望納期
・ご予算
・WordPressの有無
・FTP情報
・WordPressログイン情報
※以下の内容をご了承の上、ご購入ください。
・構築開始前には、必ずカンプのデザインデータをご用意ください。
・サイト構築開始後の仕様やデザインの変更、は別途費用となります。
・納品後の仕様や処理の変更、追加は対応できません。(別途費用にて対応可)
【制作会社様・デザイナー様向け】コーディング代行(WordPress可)いたします
業務内容
つながりと出会いを大切に、ワクワクする毎日を
初めまして、enen 代表 橋口 真幸と申します。
沢山のランサー様の中から、ご覧いただき誠にありがとうございます!
即レス・丁寧なご対応とご提案をさせていただき、
お客様により良いものをご提供いたします。
前職は公務員をしており、
日々の連絡やコミュニケーションをスムーズに進めることを意識しております。
報告・連絡・相談がうまく回らない場所はどこかで不安や不満が溜まっていきます。
そのような不安をさせたくないし、したくありません。
お客様の想いを丁寧にコーディングし、納品まで丁寧にご対応いたします!
◆作業内容
・HTML/CSSを用いた静的コーディング(1ページ〜複数ページ対応可能)
・レスポンシブ対応
・JavaScriptの動的実装(ハンバーガーメニュー、スライダー、アコーディオン、タブ、スクロールなど)
・WordPress化(初期設定やSSL化・SEO対策~カスタム投稿・カスタムフィールドなどのカスタマイズまで)
・XD、Photoshop、Illustrator、Figmaなど各種デザインツールに対応可能です。
・デザインの軽微な修正におきましては3回までとさせていただきます。
・デザインと納品物が異なる部分につきましてはこちらの責任ですので、何度でも修正対応いたします。
※金額はトップページ(最低価格)となっております。
◆制作の流れ
- ご相談及びお見積り
- デザインのご提供
- コーディング
- ご確認・修正
- 最終確認・納品
※納品方法は基本Zipファイルにて送付致します。
ヒアリング時にご依頼があればサーバー納品にも対応可能です。
◆納期
トップページの場合、
3日ほどお時間いただいております(作業量により増減します)。
1サイト(15ページほど)の場合、
静的コーディングは20日ほどお時間いただいております(作業量により増減あり)。
ご希望納期がある場合はお気軽にご相談ください。
◆実績
クリーニング店様のサイト制作
メンズエステ店様のLP制作
エステサロン様のサイト制作
ブログサイトのサイト制作
某電気保安協会様採用ページ制作
お客様との商談、デザインの確認、修正など
デザインが出来上がるまでにたくさんのやり取りがあったことと思います。
その想いをしっかりと形にしてお客様に届けたい。そして笑顔になってもらいたい。
ここからご縁が生まれるのを心より楽しみにしております。
1ページ5万円からコーディング
業務内容
フリーのwebエンジニアとして大手企業から個人サイトまで多数のサイト制作をおこなっております。
コーディングでお困りのことがある方や、サイト改善のヒントを探している方がおりましたら、ぜひお声がけください。
HTML、CSS、Jquery、Wordpressによるweb制作の業務を行います
業務内容
HTML、CSS、JQuery、Wordpressの技術を使ってWeb制作の業務を提供します。
【コーディング】その素敵なデザイン!コーディング致します
業務内容
▼こんな方へオススメ
✅ デザイン通りに忠実にコーディングしてほしい方
✅ アニメーションや動きを取り入れたWebページを作りたい方
✅ レスポンシブ対応をしっかり行いたい方
▼サービス内容
デザインデータをもとに、忠実なコーディングを行います。
HTML/CSSのコーディングに加え、JavaScriptやjQueryを使用した動的な実装にも対応可能です。
✅ 対応可能なコーディング内容
・HTML/CSS/Sass を使用したレスポンシブ対応のコーディング
・JavaScript/jQuery を使用した動的な動きの実装
・アニメーションの追加(フェードイン・スライド・ホバーエフェクトなど)
・Swiper.js を使ったスライダーの実装
・ハンバーガーメニューの実装
▼納品形式
コーディング済みの HTML / CSS / JavaScript ファイル一式
必要に応じて、画像やアセットファイルも同梱
▼価格・納期
作業ボリュームによって変動しますのでクライアント様と協議の上確定
▼ご依頼の流れ
1️⃣ ご相談・ヒアリング(デザインデータの確認・要望のヒアリング)
2️⃣ コーディング開始(ご要望に沿った忠実なコーディングを実施)
3️⃣ 納品・修正対応(ご確認いただき、軽微な修正対応)
その他ご不明点などお気軽にご相談ください!
ご希望や仕様に合わせて最適なコーディングを提供いたします!
WEB制作のプロが格安でHTML/CSSコーディングします
業務内容
・忙しくてコーディングを誰かに任せたい方…
・デザインはあるけど、コーディングの知識がない方…など
HTMLとCSSのコーディングを代行します!
ランサーズの実績はありませんが、飲食店への営業などでWEB制作実績はあります。
気になる方はポートフォリオをご参照ください。
お客様とご連絡を取り合いながら作業を進めて参ります。
●コーディング
デザインデータを元にHTMLとCSSを使いコーディングします。
アニメーション等はjQueryを使用します。
※実力としては大体のことは対応できます。コーディングの仕様などは具体的に言って頂けると助かります。
※進捗状況などご連絡を取り合いながら進めて参ります。
●納品までの流れ
①お見積りの確認後、デザインデータを頂きます。
②制作物を提出
(ご確認をして頂き、修正があれば指示を下さい)
③修正案を提出
(ご納得行くまで何度でも修正します。)
④納品
(完成しましたら納品の手続きを取らせて頂きます。)
(良い悪いの評価も頂けるも嬉しいです。)
●納期
ご相談させてください。
可能な限り早めの納品を心掛けています。
(ページ数、修正の回数、ご連絡の遅延などで納期が延長する場合があります。)
●納品方法
制作物をzipファイルにて納品。
よろしくお願い致します。
【制作会社様・デザイナー様向け】デザインカンプからのコーディング承ります
業務内容
▼こんな方におすすめ
・コーディング業務を代行したい
・コーディングできる人を探しているデザイナー様、デザイン会社様
▼パッケージ内容
静的コーディング
・デザインカンプからのコーディング
・レスポンシブ対応
・保守しやすいFLOCSSを用いたCSS設計
・修正3回まで無料
・JavaScript(jQuery)を用いた各種アニメーション対応
- ハンバーガーメニュー
- スライドショー
- アコーディオンメニュー
WordPress構築
・オリジナルテーマの作成
▼品質チェック
品質チェックリストを共有します
確認端末:Mac / Windows / iPhone / Android
ブラウザ:Chrome / Edge / Safari
▼対応デザインデータ
Figma / XD / Photoshop / Illustrator
▼納品方法
サーバーへのアップロード / Zipファイルの送付
料金はあくまで目安です。ページ数・内容に応じて変動しますのでご相談ください
ご相談だけでも構いませんのでお気軽にどうぞ!
レスポンシブ対応・簡単なアニメーション込みのコーディング代行いたします
業務内容
数あるサービスの中からご覧いただきありがとうございます!
Web制作会社在職のMarzine(マージン)と申します。
本パッケージはコーディング代行のサービスとなっております。
◆サービス内容
・HTML/CSSコーディング
・JavaScript/jQueryによるアニメーション実装
・WordPressオリジナルテーマの作成
◆基本料金に含まれるもの
・レスポンシブ対応(PC/スマホ)
・簡単なアニメーション(ハンバーガーメニュー、フェードイン、スライダー、アコーディオン)
・CSSファイル、JSファイルの圧縮
・テスト確認用サーバーの設置(こちらで用意)
・アフターフォロー(納品後1週間以内)
※納品後、こちらのミスでデザインとは異なる部分がございましたら無料修正いたします。
◆基本料金に含まれないもの
・スマホ用デザインカンプがない場合のレスポンシブ対応
・複雑なアニメーション(「基本料金に含まれるもの」項目以外のアニメーション)
・タブレット用等の3ヶ所以上のブレイクポイント
・お問い合わせフォームの実装
※上記は内容に応じて別途お見積もりとなります。
◆参考料金
・TOPページ:30,000円~
・下層ページ:15,000円~ / 1ページ
・下層ページ(ポリシー系):7,500円~ / 1ページ
・WordPressオリジナルテーマ制作:80,000円~
・お問い合わせフォームの設置:15,000円~
※静的の場合のみ。WordPressでプラグインを使用する場合は無料。
◆納期
稼働状況やページ内容により変動しますのでお見積りの際にお知らせいたします。
◆流れ
①内容の確認・お見積り
見積もりの相談をいただけましたら、内容の確認をしてお見積りいたします。
↓
②デザインデータお預かり
お見積りにご納得いただけましたら、psd・XD・Figmaでのデザインデータをお送りください。
↓
③コーディング開始
トップページのコーディングを開始いたします。
↓
④テストアップ(ご確認・修正)
修正は基本無料で対応いたしますが、仕様変更等は別途費用となります。
※トップページ(1P)のみのご確認となります。
※1Pのみの場合は⑦へ、下層ページがある場合は⑤へ進みます。
↓
⑤下層ページのコーディング開始
トップページのコーディングに問題がなければ下層ページのコーディングを開始いたします。
↓
⑥下層ページのテストアップ(ご確認・修正)
ページ数が多い場合は2、3ページ毎にご確認・進捗報告いたします。
↓
⑦納品
zipファイルにて、当方で用意しているサーバー上からダウンロードしていただきます。
ご希望の納品方法がございましたらお知らせください。
HTML、CSS、jQueryを使ったWeb制作のコーディングを行います。ます
業務内容
自社のホームページや個人事業主の方へ
専用のホームページ制作をサーバーアップロードまで完全に代行します!
納期は作成するHPの枚数や作るサイトの工程数によっても変わりますが最低2週間は見ていただきたいです。
プロのWeb制作エンジニアでは無く、実績なしの駆け出しエンジニアですので、料金はかなりお安く提供致します。
初めてなので不慣れな部分もあるかと思いますが、不備な部分を出さないように誠実な対応を心掛けて参りますのでよろしくお願い致します。
【先着10名】ランサーズ最安1250円でコーディング
業務内容
【10名様限定のご案内です】
ページ内で使用する画像、文言をすべてご提供いただければ
1,000円でランディングページを制作いたします。
基本的には5日後をめどに納品いたします。
お急ぎの場合はご相談ください。
ページの制作には以下のものが含まれます。
・基本的なhtml、cssのコーディング
・「TOPへ戻る」や「お問い合わせフォームへ」等のページをスクロールさせるボタンの設置
【IT企業向け】Webサイトのコーディングを高品質で承ります
業務内容
コーディングスキルで、あなたのビジネスを加速させます!
このようなお悩みはありませんか?
Webサイトのデザインが古く、モバイル対応もできていない。ブログを始めたいが、技術的な知識がない。
発注の流れ
ヒアリング
お客様のWebサイトに関するお悩みやご要望を、じっくりお伺いします。どんな些細なことでも、お気軽にご相談ください。
プラン提案・お見積もり
ヒアリング内容に基づき、最適なプランをご提案します。お見積もりも、この段階で提示いたします。
ご契約
プランと料金にご納得いただけましたら、ご契約となります。ここから制作がスタートします。
制作・修正
お客様のご要望に応じて、デザインの修正や機能の追加を行います。納得いただけるまで、何度でも修正いたします。
納品
完成したWebサイトを、お客様にご確認いただきます。問題がなければ、納品となります。
対応範囲・価格
Webサイトコーディング:3万円〜
HTML/CSSコーディング:デザインデータから、高品質なWebサイトを制作します。レスポンシブ対応も万全です。
WordPressカスタマイズ:5万円〜
WordPressテーマカスタマイズ:既存のテーマを、お客様のブランドに合わせてカスタマイズします。機能追加も可能です。
LP制作:8万円〜
ランディングページ制作:コンバージョン率の高い、魅力的なLPを制作します。A/Bテストによる改善も可能です。
バナー制作:5千円〜
バナー制作:目を引くバナーを制作し、広告効果を最大化します。修正は3回まで無料です。
納期
契約から1〜3週間
制作の流れ
設計
お客様から提供されたデザインデータや、参考Webサイトなどを参考に、Webサイトの設計を行います。
コーディング
設計に基づき、HTML、CSS、JavaScriptなどの言語を用いて、Webサイトをコーディングします。
テスト
コーディングしたWebサイトを、様々なデバイスでテストし、表示崩れや動作不良がないか確認します。
修正
テストで発見された問題点を修正し、Webサイトの品質を高めます。
納品
修正が完了したWebサイトを、お客様に納品します。
サービス内容
Webサイトのコーディング、WordPressテーマのカスタマイズ、ランディングページの制作、バナー制作など、Web制作に関する幅広いサービスを提供します。
Webサイトのデザインが古くて困っていませんか?スマホ対応もできていない?ブログを始めたいけど、技術的な知識がない?
そんなお悩みを、私が解決します!
HTML、CSS、JavaScript、React、Node.jsなどの技術を駆使し、お客様のビジネスに最適なWebサイトを制作します。デザインからコーディングまで、全てお任せください。
まずは、お気軽にご相談ください。お客様のWebサイトに関するお悩みやご要望を、じっくりお伺いします。どんな些細なことでも、お気軽にご相談ください。
ご連絡、お待ちしております!
現役Webコーダーがレスポンシブコーディングを代行いたします
業務内容
サービスをご覧いただきありがとうございます。
本パッケージはコーディング代行のサービスとなっております。
■こんな方にオススメです
・デザインはできるけどコーディングが苦手
・コーダー不足で外注先を探している制作会社
・コーダーのパートナーを探しているデザイナー
■基本料金に含まれるもの
・HTML/CSSコーディング
・レスポンシブ対応
・アフターフォロー(納品後1週間以内)
→納品後のテキストや画像の差し替えは無料
■基本料金に含まれないもの
・スマホ用デザインカンプがない場合のレスポンシブ対応:10,000円
■納期
日中は本業をしており、空いた時間での作業となります。
その為、平日の1日2時間~3時間、土日の休みにまとまった時間で対応を行います。
稼働目安:1ページあたり約2~3営業日
■納品までの流れ
ヒアリング
↓
デザインデータお預かり
↓
コーディング
↓
テストアップ(ご確認・修正)
↓
納品(zipファイル送付、またはFTPでレンタルサーバーへアップロード)
■コメント
お客様のご意向に沿ったサイト制作ができるよう、こまめなコミュニケーションを心がけております。
任せてよかったと思えるような働きをさせていただきますので、どうぞよろしくお願いいたします。
【html/css/js】webページのコーディング代行いたします
業務内容
このパッケージはwebページのコーディングの代行サービスです。
デザインカンプがなくてもAIを活用してお好みのデザインを実現いたします。
個人様でも、企業様でもご利用いただけます。
☆こんなお客様にオススメです☆
「個人ページが欲しいけど時間が取れない…」
「デザインはあるけどHP制作の経験がない…」
「『こんな感じのデザイン』というふわっとした指標しかない…」
そんなお悩み、解決いたします。
相談回数は無制限です。ご要望には可能な限りお応えいたします。
☆料金につきまして☆
以下、メインのプラン料金です。
・TOPページの作成 (html/css) ¥20000 ~
┗※下層ページの作成(オプション、html/css) + ¥10000~
・ランディングページの作成 (html/css) ¥30000 ~
※ javascriptを使用したアニメーション(オプション) +¥応相談
すでに作成済みのwebページの修正依頼も承ります。お気軽にご相談ください。
☆デザインカンプにつきまして☆
デザインカンプのデータですが、pngもしくはjpgなど一般的な画像データであればありがたく思います。
デザインの画像のほか、要素の余白px数やフォントなどを指定していただけますと、その指定が細かければ細かいほど確実なコーディングが可能です。
デザインカンプをお持ちでないお客様につきましては、コーディングを行いながら都度ご相談させていただき、細かく修正を行いながら作業を進めさせていただきます。
・webページの全体的な雰囲気、色味など
・埋め込みたい画像、配置したい位置など
上記のような情報は大変参考になりますので、ぜひご提示くださいませ。
☆納品までの流れにつきまして☆
①ヒアリング、お見積り
②ご契約、データのお預かり
③コーディング
⇅(ご相談と修正)
④実装テスト
┗github Pagesでのテストを想定しております。お客様にもブラウザ上にてご確認いただきます。
⑤最終確認、納品
☆納品の形式につきまして☆
zipファイルによる納品もしくはgithubからのダウンロードを予定しております。
後者の場合、納品確定後にリポジトリのurlとダウンロードの手順を送付いたします。
☆注意事項につきまして☆
①webページ作成にあたり、業務の高速化、効率化のために生成AI(chatGPT, Geminiなど)を活用いたします。ただし、お客様よりご提供いただいた画像、デザインカンプなどを画像生成AIへの学習に利用することは決していたしません。
②コーディングに関して、ルールがある場合は事前にお伝えくださいますよう、お願い申し上げます。
③コーディング完了後に大幅なデザインの変更がある場合、追加料金及び納期の遅延が発生する場合がございます。
④ご相談など相互確認を伴う作業中に1週間以上ご連絡がつかない場合、キャンセルさせていただく場合がございます。
⑤最終確認の際、納品物をポートフォリオへ掲載しても良いかお尋ねいたします。ご許可くださる場合、納品後に私のポートフォリオに掲載させていただきます。
ご満足いただけますよう努めます。不明点などございましたらお気軽にご相談くださいませ。
学園祭・イベント・企画のホームページ、格安で作成します
業務内容
文化祭など、一時的なイベントのためのホームページ、印象いいものにはしたいが何万もかけられない、、
そんなことはありませんか?
現在は異なる職種にいますが、過去html, css, jsコーディングをしてきたものとして、他とは格安で承りたいと思います。
当然、満足いかなければ何度でも変更要望可能です。どうしても満足いただけなければキャンセル・返金の対応を撮らせていただきます。
ぜひお手軽にホームページを作成してみてはいかがでしょうか?少しでも盛り上げるお手伝いができればと思います!
【制作会社様・デザイナー様向け】デザインデータからのコーディング代行致します
業務内容
数ある中かからこちらのパッケージ出品をご覧いただき誠にありがとうございます!
個人でコーダーをしております、水田と申します。
丁寧なやりとりとコーディングで、お客様の業務負担を減らします。
まずはお気軽にご連絡ください。
■こんな方におすすめ
- ☆繁忙期でリソースが足りない制作会社様
- ☆デザインはできるけどコーディングは他の方にお願いしたい
■プランに含まれるもの
- レスポンシブ対応
- アニメーション:ハンバーガーメニュー/アコーディオン/スライダー
- お問い合わせフォーム:ベーシックプランはプラス5000円、レギュラー/プレミアムプランは料金内にて承ります。
- 修正無制限無料(大幅なデザイン変更はご相談ください)
■事前にご用意するもの
- デザインデータ(XD/figma/Illustrator/Photoshop)
- 画像データ(JPG/PNGなど)
■納品までの流れ
①ご相談・お見積もり
デザインデータと画像データを元にチャットでお打ち合わせを行います。
その後、お見積り金額を提示させて頂きます。
②仮払い
ご依頼内容および金額が決まりましたらご契約になりますのでその際に、仮払いをお願いいたします。
③デザインデータをご用意ください
(プラン日数はご提供頂いてからの日数になります)
④制作開始
⑤初稿提出〜修正
(テスト環境の情報をお伝えしますのでそちらでご確認ください)
⑥納品
(ファイル形式を添付し納品、またはサーバーにアップロードいたします)
※サーバーにアップロードの場合はFTP情報をご準備ください。
■その他
※制作物をポートフォリオに掲載させていただく場合がございます。
掲載不可の場合はお知らせください。
【即レス対応】デザイン通りの高品質HTML/CSSコーディング承ります
業務内容
デザインカンプから高品質なWebサイトを迅速に「「お安く」」コーディング!
このようなお悩みはありませんか?
デザインはあるけど、コーディングしてくれる人がいない。レスポンシブ対応が難しくて困っている。WebアクセシビリティやSEO対策もしたいけど、どうすればいいかわからない。よく分からない部分や不安な点があって相談しづらい、といった方でも問題ありません!
是非お気軽にご相談いただき、不安を解消しながら完成させていきましょう。
発注の流れ
- お問い合わせ
メッセージにて、コーディングしてほしいWebサイトのページ数やデザインカンプの形式、納期などのご要望をお知らせください。
2.デザイン確認
デザインカンプ(Figma, XD, PSDなど)をご提供いただき、Webサイトの構成やデザインの詳細について確認します。
- お見積もり
デザインカンプの内容とご要望に基づいて、お見積もりと納期をご提示します。金額と納期にご納得いただけましたら、ご契約となります。
- コーディング
お支払い確認後、コーディング作業を開始します。進捗状況は随時ご報告いたします。ご要望に応じて修正も可能ですが、内容によってはプラスでお時間をいただく場合がございます。
- 納品
完成したWebサイトのコーディングデータをお渡しします。納品後も、軽微な修正であれば無償で対応いたします。
対応範囲・価格
・Webサイト コーディング:1万円〜
デザインカンプ(Figma, XD, PSDなど)を元に、高品質なHTML/CSSコーディングを行います。
・レスポンシブ対応:3千円〜
スマホやタブレットでも表示崩れなく動くようレスポンシブ対応を行い、より多くのユーザーに快適な閲覧体験を提供します。
・SEO対策・アクセシビリティ対応:1千円〜
SEO対策、アクセシビリティ対応など、Webサイトのパフォーマンスを向上させるための作業を行います。
SEOやアクセシビリティへの配慮は、集客やユーザビリティの向上にも直結します。
長く使われるサイトになるよう、構造面からサポートさせていただきます。
具体的には、
・適切なHTMLタグの使用(<main>, <article>, <header>など)
・適切な見出しタグ(<h1>~<h3>など)の構造設計
・alt属性の適切な設定
・titleタグやmeta descriptionの設定
・内部リンクの適切な記述
などになります。
納期
最短7日〜
制作の流れ
- 設計
デザインカンプを基に、Webサイト全体の構成を把握し、必要なHTML要素やCSSスタイルを洗い出します。WebアクセシビリティやSEO対策に必要な要素も検討します。
- コーディング
設計に基づいて、HTML/CSSコーディングを行います。デザインの再現性を重視し、細部のズレも見逃さず、丁寧にコーディングします。
- 動作確認
スマートフォンやタブレットなど、様々なデバイスでWebサイトが正しく表示されるか確認します。必要に応じて、CSSを修正し、レスポンシブ対応を行います。
- 最終確認
WebアクセシビリティやSEO対策に必要な要素が正しく実装されているか確認します。必要に応じて、HTML/CSSを修正します。
- 納品
完成したWebサイトのコーディングデータを納品します。納品後も、軽微な修正であれば無償で対応いたします。
サービス内容
デザインカンプからのHTML/CSSコーディング、レスポンシブ対応、Webアクセシビリティ、SEO対策まで、Webサイト制作に必要なコーディング業務をトータルでサポートします。
Webサイトのコーディングでお困りではありませんか?デザインはあるけどコーディングしてくれる人がいない、レスポンシブ対応が難しくて困っている、WebアクセシビリティやSEO対策もしたいけど、どうすればいいかわからない。そんな悩みを解決します!
【制作会社様・WEBデザイナー様向け】 デザインを忠実に再現!コーディング代行します
業務内容
サービスをご覧いただきありがとうございます。
◎こんな方にオススメです◎
・デザインはあるけどコーディングできない、する時間がない…
・外注しづらい軽微なコード修正 or 下層1ページだけ頼みたい…
・0からコーディング、WordPressオリジナルテーマ化まで実装してもらいたい…
このようなご希望に応えます。
お見積は無料ですので、ぜひお気軽にご相談ください。
【ご提供する業務】
・HTML/CSSを用いた静的コーディング
・jQuery/JavaScriptを用いた動的実装
└ハンバーガー / ドロワー / ページトップ / モーダル / アコーディオン / タブ / スライダー
・レスポンシブ対応
└スマホファースト、パーフェクトピクセルを意識してコーディングいたします。
・WordPressを用いたオリジナルテーマ制作、カスタマイズ
└カスタム投稿・カスタムタクソノミー・カスタムフィールドなど
・お問い合わせフォームの実装
※無料オプション
・表示速度の高速化のための画像圧縮
・内部SEO対策
・テスト環境の構築
【業務進行において】
・CSS設計( 予測・再利用・保守・拡張)を意識し、FLOCSSによりコーディングします。
・Gulp、Sass(Scss)を使用します。
・複数ページに及ぶ場合Pug・EJSなども使用します。
・gitでソースコード管理を行いながらコーディングをします。
【制作の流れ】
1 ヒアリング&お見積り(※まずはご相談下さい)
2 お客様からデザインのご提供
3 コーディング&テスト
4 ご確認・修正
5 最終確認・納品
※納品方法は希望がなければZipファイルを送付致しますが、サーバー納品にも対応可能ですので、ご希望の際はご連絡くださいませ。
【制作会社様・Webデザイナー様向け】 LPコーディング承ります
業務内容
サービスをご覧いただきありがとうございます。
◎こんな方にオススメです◎
・デザインはあるけどコーディングできない、する時間がない…
・定期的にあるLPのコーディングを任せれる人を探している…
このようなご希望に応えます。
お見積は無料ですので、ぜひお気軽にご相談ください。
【これまでの実績】
・写真展LP(掲載しているもの)
・化粧品LP(掲載しているもの)
その他LPコーディング実績多数
※主に制作会社様とお仕事をしていますので非公開のものが多いです^^;
【ご提供する業務】
・HTML/CSSを用いた静的コーディング
・jQuery/JavaScript(Vanilla.js)を用いた動的実装
・GSAPなどライブラリを用いたアニメーション実装
・レスポンシブ対応
└スマホファースト、パーフェクトピクセルを意識してコーディングいたします。
・メールフォームの実装
※無料オプション
・表示速度の高速化のための画像圧縮
・テスト環境の構築
【業務進行において】
・CSS設計( 予測・再利用・保守・拡張)を意識し、FLOCSSによりコーディングします。
・Gulp、Sass(Scss)を使用します
・Gitでソースコード管理を行いながらコーディングをします。
【制作の流れ】
1 ヒアリング&お見積り(※まずはご相談下さい)
2 お客様からデザインのご提供
3 コーディング&テスト
4 ご確認・修正
5 最終確認・納品
※納品方法は希望がなければZipファイルを送付致しますが、サーバー納品にも対応可能ですので、ご希望の際はご連絡くださいませ。
運用担当者様:wordpressやWEBサイトの表示不具合解消のお手伝いいたします
業務内容
### その表示不具合、すぐ解決できるかもしれません。
まずはご相談ください。
html/cssの表示不具合については、根が深い問題と、
ちょっとした修正で解決するものがあります。
リモート常駐の案件を担当していたときにPGさんとか他メンバーの業務報告を見てとても感じたのが、
なれてる人なら1時間位で解決できるものを、数時間、数日かけている方が
思っている以上に多いことです。
そのことから、本サービスを始めさせていただきました。
※解決を100%保証はできません。
経験上解決できない問題はほとんどないです。
しかしながら、表面上の解決はできても根本解決には別途作業のご依頼が必要な場合もあります。
もし解決に至らなくても、問題の切り分けまでは最低限行います。
その8割は短時間で解決します。
根が深い問題に関しては、
ご相談の上追加料金いただければ解決に向けた調査を継続させていただきます。
場合によっては作り直した方が早い場合もあると思います
(デザイン含めたフルリニューアルもワンストップでご対応可能です。)
ご相談にあたって、ご用意いただくもの
- あるべき正しい姿をご提示ください。デザインなど。
- 最低限ブラウザで確認できる状況が必要です。
- ベストは私のローカル環境で再現できるデータ一式のご提供です。
私の確認可能な実機環境
・MacBookPro 16 2019 MacOS Monterey 12.6 Chrome最新 Safari最新 Firefox最新
・Windows11 EDGE最新 Chrome最新 Firefox最新
・iPhone11 / iPhone12 OS最新
・Sharp AQUOS 4 lite Android12
上記以外については実機での確認はできません。
それ以外の実機確認が必要な場合、レンタルなど必要になりますので、
別途ご相談となります。
■私のこと
約20年くらいWEB業界に身をおいております。
現在はディレクター案件も多いですが、現役でWEBデザイン/コーディング/WP構築も行っております。
昔から炎上案件に火消し役でアサインされることも多く、様々なトラブルの経験知はあると思っております。
意外とその不具合、簡単かもしれません。
ここに時間かけるより、もっと他の事業や本業、コンテンツ制作にお時間を使っていただきたい、
そのように考えております。
一緒に対策考えませんか?
まずはお気軽にご相談ください。
何卒よろしくお願いいたします。
LPサイトコーディング
業務内容
LPサイトのパッケージ商品です。
コーディングのみの商品となります。デザインは支給していただきます。
(デザイン混みの商品もあるので、デザインから必要な場合はそちらをご覧くださいませ。)
スマホ対応も含め3日で納品可能です。
デザインの意図を汲みながらJS、CSS、HTMLにてコーディングします
業務内容
こちらのサービスをご覧いただきありがとうございます。
『コーディングにあまりお金をかけられない』
『忙しくてコーディングだけ頼みたい』
方、ぜひ私にお任せください!!!
"20,000円~/1ページの料金、無料オプション付き"でコーディングいたします。
WordPress化も行っておりますので、ご相談ください。
まずは、「見積り・カスタマイズの相談をする」からお気軽にお問い合わせくださいませ。
スキル感はポートフォリオをご覧ください
◆サービスの内容
・デザインデータからHTML・CSSを使用したコーディング
・レスポンシブ対応(スマホ・タブレットに対応)
■コーディング料金
・基本料金:20,000円〜
・レスポンシブ対応:無料
・jQuery & CSSアニメーション:点数無制限で一律5,000円
■納期
稼働状況により変動しますが、ご依頼日の翌日より1週間程度で納品可能です。
※作業開始日より3 〜 4日で初稿をテストアップいたします。
◆制作の流れ
1、ヒアリング&お見積り(※まずはご相談下さい!)
2、お客様からデザインのご提供
3、コーディング&テスト
4、ご確認・修正
5、最終確認・納品
■私の強み
①納期厳守
納期は必ず守ります。
定期的に作業の進捗を報告致します。
②細部へのこだわり
どんな方でもわかるようなコーディング
③ヒアリング重視
Webサイトによって何を実現したいのか目的を共有させていただきます。
目的達成のため、私からも提案させていただく場合もあります。
④柔軟な対応
フリーランスであるため、平日休日問わず対応が可能です。
すぐお答えできない事も、現状をお伝えした上でお調べし、丁寧なご返答を心がけております。
■こんな方にオススメです!
・コーディングは全て丸投げしたい。
・リソース不足で外注したい。
・長期的に依頼できるコーダーを探している。
■その他のサービス内容
・レスポンシブ対応
・jacascript & CSSアニメーション
・WordPressへの変換作業
・下層ページのコーディング
・サーバーへのアップロード(無料)
・納品後の修正作業(無料)
コーディング案件からカスタマイズCMS、WEBサイト・WEBシステム構築します。ます
業務内容
・HTML&CSSを使ったレシポンシブでのサイト構築
・お知らせや単一ページのみCSM化を行い、サイト構築後にマニュアル要らずの管理画面構築
・WordPressへのサイト組み込み
・JavaScriptなどご要望の動作、自動見積もりなどのスクリプトを作成
中小企業様向けにサービスを展開しております。
既存で大手企業様の自動見積もりシステムからコーディングなどの案件を受注している経験から
中小企業様がWEBサイトを構築後の運営までどの様にしたら良いのか、一緒に寄り添い
ただ案件を承るだけで無い、カユいところに手が届くサービスを展開しております。
【経験】
・エンジニア/25年
・ディレクター/25年
・コンサルティング/25年
・撮影部門・ブライダルでのエンドロール撮影、舞台撮影
【得意分野】
・コーディング
・業務系Webシステム開発
・Webに関するコンサルティング全般
【スキル】
・PHP
・HTML5、CSS3
・JavaScript、jQuery
・Wordpress、EC-CUBE
ランサーズ初登録でございます。
現段階での評価はございませんが、誠心誠意の対応を行いますので何卒よろしくお願い申し上げます。
開発業務を何でも手伝います、Vue.jsやnode.jsを理解できます
業務内容
ご提供内容
プログラミングの手伝い。
Vue.jsやnode.jsはある程度経験があります
AWS lambdaやDynamodbなども使えます
Pythonもある程度は扱えますが、DjangoやFlaskなどの経験はありません
Flutter(Dart.js)は勉強中ですが、対応可能です
こんな方へオススメ
スポットで業務への手伝いが欲しい方
プログラミングの手伝いが欲しい方
フロントエンドの一部の画面だけ作って欲しい方
フロントエンドの画面の一部を修正して欲しい方。
できなくはないかもだけど、苦手なこと
React、Wordpress
(これらの言語にも対応できないわけではなく、自分で勉強しながらキャッチアップ可能です。学習時間分のコストは勿論請求しません)
ご購入後の流れ
ChatworkやDiscordなど、好きな方法で取引可能です
料金プランやオプション、納期
柔軟に内応可能です
Webサイトのパフォーマンスを最大化し、ビジネス成長に貢献します
業務内容
私は、これまでの多様な経験と柔軟な対応力を活かし、Webサイトのパフォーマンス改善からコンテンツ作成まで、多角的にあなたのビジネスをサポートします。
制作の流れ
お問い合わせ・ヒアリング: メッセージでご希望の内容をお知らせください。簡単なご相談からでも、お客様の課題や目標を丁寧にお伺いします。
ご提案・ご契約: ヒアリング内容に基づき、最適なプランをご提案します。内容にご納得いただけたら、正式にご契約となります。
制作・開発: 契約内容に基づき、速やかに作業を開始します。進捗状況は随時ご報告しながら、連携して進めます。
納品・アフターサポート: 完成した成果物をご確認いただき、必要に応じて修正対応します。納品後も運用に関するサポートを提供します。
「柔軟性」と「実行力」を強みに、あなたのビジネスを加速させるお手伝いをします。まずはお気軽にご相談ください。
【中小企業向け】集客に繋がるWebサイトを制作します。ます
業務内容
お客様のビジネスに最適なウェブサイトを、経験豊富なデザイナーが心を込めて制作いたします!
このようなお悩みはありませんか?
ウェブサイトのデザインが古く、集客に繋がらない。ブランドイメージを向上させたい。スマートフォンに対応したウェブサイトが欲しい。
発注の流れ
お問い合わせ・ヒアリング
お客様のウェブサイトに関するご要望や課題を丁寧にお伺いします。オンラインでの打ち合わせも可能です。
企画・提案
ヒアリング内容をもとに、最適なウェブサイトの構成やデザインをご提案いたします。お見積もりも提示いたします。
デザイン修正
デザイン案をご確認いただき、修正点があればご遠慮なくお申し付けください。ご納得いただけるまで修正いたします。
コーディング
デザイン確定後、コーディング作業に入ります。SEO対策を施し、検索エンジンに強いウェブサイトを構築します。
納品・公開
完成したウェブサイトをご確認いただき、問題がなければ納品となります。納品後も、操作方法などのサポートをいたします。
対応範囲・価格
トップページデザイン:3万円〜
トップページのデザインをご提案します。お客様のブランドイメージに合わせた、洗練されたデザインをご提供いたします。
ウェブサイト制作(5ページ):10万円〜
サイト全体のデザインとコーディングを承ります。SEO対策も考慮し、集客に強いウェブサイトを制作いたします。
スマホ対応:5万円〜
既存のウェブサイトをスマホ対応に最適化します。レスポンシブデザインで、どんなデバイスでも美しく表示されるようにいたします。
納期
契約から1〜3週間
制作の流れ
市場調査・分析
お客様の業界や競合他社のウェブサイトを徹底的に分析し、最適なデザイン戦略を立案します。
デザイン制作
お客様のブランドイメージやターゲット層に合わせた、オリジナルのデザイン案を作成します。
コーディング
デザイン案を元に、HTML、CSS、JavaScriptなどを用いてウェブサイトを構築します。
動作確認・修正
完成したウェブサイトを様々な環境でテストし、表示崩れや動作不良がないか確認します。
納品・アフターサポート
お客様にウェブサイトの操作方法をご説明し、納品となります。納品後も、更新作業などのサポートを承ります。
サービス内容
お客様のビジネスに最適なウェブサイトを制作いたします。デザインだけでなく、SEO対策やスマホ対応も万全です。
ウェブサイトは、あなたのビジネスの顔です。デザインが古かったり、スマホに対応していなかったりすると、せっかく訪れたお客様を逃してしまうかもしれません。私は、お客様のビジネスに最適なウェブサイトを制作し、集客力アップをサポートいたします。まずは、お気軽にご相談ください。
【限定価格】丁寧かつ低価格でコーディング承ります。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ファイルの送付
・サーバーへのアップロード
他、ご希望の納品方法があればご相談ください。
最後までご覧いただきありがとうございます!
ぜひご一緒にお仕事させていただければと思います!
WEBコーダーがHTML・CSS/WEB・LPコーディングいたします
業務内容
ホームページ、LP、WordPressなどのコーディング業務はお任せください。
デザイナー様が作成したXD、Photoshopファイルなど、ご提供頂いたデザインデータからコーディングいたします。
作成したデータをzipファイルで送付、または、レンタルサーバーへのアップロードも対応可能です。
出来る限りご要望には柔軟に対応可能ですのでお気軽にご相談ください。
このようなお悩みを解決します。
・コーディング、WordPress構築を依頼できるパートナーを探している。
・デザインはできるがコーディングが苦手。
・リソース不足でコーダーが不足している。
【可能作業】
・HTML、CSSを用いた静的コーディング
・静的サイトからWordPress構築
・WordPressテーマの編集/作成
・各デバイス(スマホ、タブレット、PC)表示対応、レスポンシブ制作
・PC用デザインしかない場合のタブレット、スマホ表示のコーディング。※こちら側でPCデザインを元に表示を調整します。
・ブレイクポイントの追加。
・JavaScript,、jQueryによるアニメーション実装
ボリューム・機能によって納期や料金が変わってきますので、まずはご相談いただければと思います。
【連絡・打ち合わせ可能ツール】
メール、電話、Slackやチャットワーク、zoom/Teams/Google Meet。
【作業の流れ】
(1)ヒアリング:ご契約前の打ち合わせ
(2)お見積り・ご契約:お見積り、納期をご提示させていただき、ご理解とご納得いただけた場合にご購入をお願いいたします。
(3)各データ・情報の共有:制作に必要な資料やデザインデータなど素材ファイルなどのをご提供してください。
(4)制作開始:いただいた資料とデータを元に作業をいたします。
(5)作業完了後、レイアウトや動作検証などご確認ください。
(5)問題がなければ納品となります。
【制作会社様・デザイナー様向け】デザインを忠実に再現するコーディング承ります
業務内容
【デザインを忠実に再現いたします】
デザインの世界観を崩さずに、正確にコーディングすることを心がけております。
デザイナー様や、コーディングの手が足りない制作会社様のお手伝いをいたします。
【こちらをお読みになりご注文をお願いいたします】
・対応デザインカンプはPhotoshop、XD、Figmaとなっております。
・納品方法は基本的にファイルでのお渡しとなっております。(サーバーアップでの場合ご相談ください)
今っぽWebサイトを制作します。丁寧に正確におしゃれに仕上げます
業務内容
あなたのブランドに、一目惚れのデザインを。ミニマルでおしゃれなWebサイトで、お客様を魅了します。
このようなお悩みはありませんか?
Webサイトのデザインが古く、ブランドイメージが伝わらない。ターゲット層に響くWebサイトがない。スマホ対応ができていないため、顧客を逃している。
発注の流れ
お問い合わせ
まずはお気軽にご相談ください。Webサイトの目的やイメージ、ご予算などをお伺いします。
企画提案・お見積もり
ヒアリング内容をもとに、最適なプランとお見積もりをご提案します。デザインの方向性やコンテンツについてもご相談可能です。
制作開始
ご契約後、速やかに制作を開始します。進捗状況は随時ご報告し、お客様のフィードバックを反映しながら進めます。
納品・公開
完成したWebサイトをご確認いただき、修正点があれば対応します。ご納得いただけたら納品となります。
対応範囲・価格
HTML/CSSコーディング:3万円〜
基本的なHTML/CSSコーディング。既存デザインの修正や簡単なWebページの作成に最適です。
レスポンシブWebサイト制作:5万円〜
レスポンシブ対応込み。スマホ、タブレット、PCなど、あらゆるデバイスで美しく表示されるWebサイトを制作します。
Figmaからのコーディング:8万円〜
Figmaからのコーディング。デザインデータを忠実に再現し、高品質なWebサイトを制作します。アニメーションやインタラクションも追加可能です。
納期
最短1週間
制作の流れ
ヒアリング
お客様のWebサイトの目的やターゲット層、ブランドイメージなどを詳しくヒアリングします。
デザイン
ヒアリング内容をもとに、Webサイトのデザイン案を作成します。お客様のフィードバックを反映しながら、デザインを決定します。
コーディング
決定したデザインをもとに、HTML/CSS/JavaScriptなどを使ってWebサイトをコーディングします。
テスト・修正
完成したWebサイトをテストし、動作確認を行います。必要に応じて修正を行い、最終的な納品物を完成させます。
サービス内容
ミニマルでおしゃれなWebサイトを、丁寧にコーディングします。HTML/CSS/JavaScriptを使用し、レスポンシブ対応も可能です。Figmaからのコーディングも承ります。
「Webサイト、なんか古臭い…」そう思っていませんか?
せっかく素敵な商品やサービスがあるのに、Webサイトのせいで魅力が伝わらないなんてもったいない!
丁寧・正確・おしゃれなコーディングで、あなたのWebサイトを今っぽくアップデートします。
ミニマルでおしゃれなデザインは、ターゲット層に響き、ブランドイメージを向上させます。
「どこに頼めばいいかわからない…」「予算が心配…」そんな方もご安心ください。
お客様のご希望に合わせて柔軟に対応し、理想のWebサイト作りを一緒にお手伝いします。
まずは、お気軽にご相談ください!
■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 |
※大凡の価格を表示しています。実際の料金は依頼内容や会社によって異なります。
※こちらで記載している金額はランサーズ上の依頼金額ではありません。
※当社調べの「一般的な制作会社や企業に依頼した際の目安の依頼料金」となります。