HTML/CSS​コーディング代行の依頼・外注

WordPress・SEOに強いWebコーダーのらぐちです。
Web制作会社やフリーランスのクリエイターとして50件以上の案件に携わってきました。
リソース不足に悩む、Web制作会社様やデザイナー様に代わってデザインに忠実なコーディングを代行いたします。
パソコン・スマートフォン・タブレットにおける表示に完全対応！
豊富な実績を持つフリーランスが親切・丁寧にお仕事いたします。

★このような方におすすめのサービスです

• デザインデータはあるけどコーディングができない
• コーディング作業のための時間が足りない
• ちょっとしたアニメーションが必要だけど自分では難しい

★サービスの内容

• HTML・CSSの静的コーディング
• JavaScriptを使った動的な表現
• WordPressのテーマ開発（クラシックテーマ）
• WordPressへの機能追加（※別途お見積りいたします）
  ※どのような案件も1ページから承ります！

★制作の流れ

1. ヒアリング（お見積り）※お気軽にご相談ください
   ご依頼の内容を伺います。
   コーディングするWebサイトの内容や目的、ページ数、スケジュール、ドメイン、サーバーなどの情報をお聞かせください。
   アニメーションなど動きが必要な場合は、簡単なイメージだけでも共有していただけると幸いです。
   （参考URLの提示などでも構いません）

2. 契約（仮払い）
   ヒアリングを受けてお役に立てそうであれば、仮払いにてご契約いたします。

3. お客様からデザインデータの受け取り（Figma・Photoshopに対応）
   お客様からデザインデータをいただきます。
   対応しているアプリはFigmaとPhotoshopです。
   デザインデータのほかにコーディングルールがございましたら、合わせてご提供ください。
   WordPressの場合は、差し支えなければ管理画面のIDとPass情報もいただけるとありがたいです。

4. コーディング実装・動作確認
   コーディングを開始します。
   WordPressの場合は、管理画面の構築やテーマファイルのアップロードまで対応いたします。

5. お客様によるご確認
   納品の前にお客様によるご確認をお願いいたします。
   動作確認用のプレビュー環境をこちらで準備することも可能です。

6. 納品（zipファイル、サーバーへのアップロードなど柔軟に対応いたします）
   ご確認の結果、問題なければ納品とさせていただきます。

★無料対応

• 画像変換と圧縮（JPG・GIF・PNG ⇒ WebP）
• 基本的なSEO（titleタグ、description、OGP、構造化データなど）
• WordPressやコーディングに関する簡単な相談対応

★WordPress案件について

WordPressのページとして制作する案件については、

• 管理画面のログインID、パスワード
• FTPのホスト名、ID、パスワード
• レンタルサーバーのログイン画面のIDとパスワード

などの情報が必要となる場合があります。
※都度ご相談いたします。

★所有資格

• 認定SEOコンサルタント
• ウェブ解析士
• HTML5プロフェッショナル認定試験レベル2

===

迷ったら、とりあえずメッセージ下さい！
お見積り・技術的に可能かどうかなど、ご返信差し上げます。

メッセージを送ったからといって、必ず依頼しなくてはならない、なんてことはないです。ご安心ください。

■ WEBコーディング代行サービス
コーディングのご依頼はプロにお任せください

Webサイト制作のコーディングを正確かつ迅速に対応します。
デザインデータからのコーディングはもちろん、
SEOやレスポンシブ対応も考慮した高品質なコーディングをご提供します。

■ サービス内容

・HTML/CSSコーディング
・JavaScriptの実装対応（必要に応じて）
・レスポンシブデザイン対応（スマホ・タブレット最適化）
・SEOを意識したマークアップ
・クロスブラウザチェックと動作確認
・既存サイトの修正・改善対応

■ こんな方におすすめ

・デザインデータはあるがコーディングができない方
・自社内でのコーディングリソースが不足している企業様
・品質の高いコードで安定したサイトを構築したい方
・納期を守りつつ正確な作業を求めている方

■ 本サービスの強み

・細部までこだわった丁寧なコーディング
・最新のWeb標準・技術に準拠
・SEOやUXを意識した設計で成果に貢献
・納期厳守でスムーズな進行を実現

■ ご依頼・ご相談について

コーディング業務の負担を軽減し、品質の高いWebサイト制作を実現します。
まずはデザインデータやご希望内容をお知らせください。
最適な対応プランをご提案いたします。

画像の中の物体の数や位置を検出できます。

学習済みモデルを使うと、「人」「乗り物」「犬猫」などが検出できます。
また任意の物体の画像を機械学習(転移学習)させることもでき、その物体を検出できるようになります。

使用法としては例えば、次の「人数カウンタ」のようなWebアプリを作成できます。
https://www.youtube.com/watch?v=lF_Cz2K_sVI
（クリックではなくURLをブラウザのアドレスバーへコピー貼り付けしてください）

ソフトにフリーライセンスで商用利用可能な「YOLOv3」を使用します。
任意の物体の画像の機械学習は、画像50枚程度から行えます。

ベーシック販売価格は、ソフトのインストールと、画像から物体の座標を返す基本的なAPI機能の実装費用となります。

それ以上の機能の実装や、任意の物体の画像の機械学習をご要望の場合は、1日作業費3万円(税別・Lancers手数料別)でお見積りさせていただきます。お気軽にご相談ください。

〇弊社AIのアピールポイント
Flaskでモデルをメモリに常駐させる手法です。Webのアクセスごとに大きなモデルが読み込まれることがないので、月額1,000円程度のサーバーでも比較的応答速度が速いです。

【★初回10%OFF★実績100件以上！制作歴11年のデザイナー兼コーダーがコーディングします】

「デザイン通りにコーディングしてほしい」
「スマホデザインはないけど、スマホ対応にしてほしい」
「作った後も更新や修正などの保守をお願いしたい」

中小企業様、店舗様、こんなお悩みありませんか？？
はじめての方でも大丈夫。そのお悩み、解決いたします！

PCデザイン、スマホデザインのどちらかしかない方も大歓迎です！

もしお見積もり金額が予算を超える場合はお気軽にご相談ください。

■対応可能データ
・Adobe Photoshop
・Adobe Illustrator
・Adobe XD

■制作内容の詳細
・静的コーディング（WordPressをご希望の方はご相談ください）
・レスポンシブ対応
・Sassを使用したコードのメンテナンス（scss記法）
└※scssファイルは納品いたしませんのでご了承ください
・更新者が運用しやすいCSS設計（REMM）
・内部SEOを意識したマークアップ
・スマホ（またはPC）デザインがない場合、コーディングベースで作成
・画像サイズ圧縮
・webp化
・ファビコン作成
・OGP画像作成
・Webクリップアイコン作成

■料金範囲内のアニメーション
・スライダーまたはカルーセル（1つまで）
・アコーディオン
・トップへ戻るボタン
・ハンバーガーメニュー

■割引特典対象内容
下記に該当するお客様・制作内容につきましては、10〜30%割引させていただくことがございます。
・初めてご依頼いただいたお客様
・継続してご依頼いただいたお客様
・コンテンツ内容が少ないページ
・シンプルなデザインで制作

■サービス対象外
・テスト環境構築
・サイト引っ越し
・ドメイン設定
・Javascriptを一から組んだような過度なアニメーション
・アナリティクスを使ったWeb解析
・埋め込みタグ発行（埋め込みは可能）

■今までの制作実績
https://www.lancers.jp/profile/tsukito3103/portfolio_popup/563916

■ご契約の流れ
┗お見積もりMTG[必須]
┗仮払い[必須]
┗制作開始
┗納品(ファイル送付、もしくはご指定のサーバーにアップロード)

ここまでご覧いただきありがとうございました！！
こちらに記載している内容以外にもお気軽にご相談ください。

例）WordPressでコーディングしてほしい、LPやバナーのデザインを作ってほしい など

CSSの修正をお願いしたいけれど、scssが使用されていてうまいかない...
このようなお悩みはありませんか？
FL designはscssの使用歴が5年ほどですので、ぜひ作業のご依頼をいただけますと幸いです！

ご覧いただき、誠にありがとうございます。

制作会社様や、デザイナー様向け。
・制作過程のやりとりを不便なくできるコーダーを探している。
・プロとして最後まで責任をもって対応してくれるコーダーを探している。
・デザインからコーディングまで安心してまるっとお任せできるコーダーを探している。

そんな方々のお力になります！

▶︎作業内容
・HTML / CSSコーディング
・JavaScript / jQueryを用いたアニメーション実装
・レスポンシブ対応
・品質確認（マルチブラウザ対応、W3C、ピクセルパーフェクトなど）
・サーバーへのアップロード

▶︎制作の流れ
①ヒヤリング
　実装機能などの確認をいたします。
②契約
　お見積もり、納期をご提示させていただきます。
　ご納得いただけた場合、ご購入をお願いいたします。
③制作・確認
　制作実施後、制作物のご確認をお願いいたします。
　気になる点がある場合、可能な限り修正対応いたします。
④納品
　問題なければ、制作物をzipファイルにて納品させていただきます。
　※サーバーへのアップロードをご希望の場合、FTP情報をご教示下さい。

▶︎ご用意いただくもの
・デザインデータ（XD、Photoshop、Illustrator、Figmaなど）

• デザインはあるけど、LPのコーディングだけお願いしたい

• 自分で作ったHTMLを修正してもらいたい

• できるだけシンプルな構成で、スマホ対応されたLPが欲しい

• 問い合わせフォームはGoogleフォームなどで済ませたい

• 小規模でまずは低予算でLPを作りたい

あなたの課題に、こんな解決を提供します
本パッケージでは、HTML・CSS・JavaScriptを使ったランディングページ（LP）の制作・修正を行います。
PHPを使わず、Googleフォームや外部サービスのフォームを活用することで、簡単かつ安心な構成でページを構築いたします。

• デザインデータ（Figma / Canva / PDF / 画像）をもとにした1ページLPのコーディング
• スマホ対応（レスポンシブ対応）
• スクロールアニメーション、簡単なJS演出の追加（スタンダード以上）
• Googleフォームの埋め込み or リンクボタン設置
• SEOの基本的な構造（metaタグ・alt属性など）の設定
• 他者が作成したコードの一部修正対応（オプション）
• コーディング後の簡単なカスタマイズ・微調整（オプション）

【進め方】

1. ご相談・ヒアリング（チャットにて対応）
2. デザインや要件のご共有
3. 初期コーディング作業（仮納品）
4. 確認・修正対応
5. 納品（ZIPファイル or GitHub共有 など）

【納品物】
初心者の方にもわかりやすく、丁寧にやりとりいたします
FigmaやCanvaなど、デザインツールにも対応可能

【注意事項】
PHPやサーバーサイド処理は対応しておりません
WordPress化やサーバー設定は対象外ですが、別途ご相談可能です
連絡先や外部サイトURLの記載はLancersの規約に従い控えております

◾️はじめに
たくさんあるパッケージの中からご覧いただきありがとうございます！

個人事業（1年目）でWebコーダーをしている「森　猛」と申します。
コーディングとWordPress構築をメインに活動しています。

◾️こんな悩みの方へ
・報連相を徹底してくれるコーダーを求めている。
・円滑なコミュニケーションができるコーダーを求めている。
・最後までやりきってくれるコーダーを求めている。

◾️サービス内容
・HTML / CSSコーディング
・jQueryを用いたアニメーション実装

◾️料金
・TOPページコーディング：30,000円〜
・下層ページコーディング：10,000円〜

※ページ構成・機能によって変わってきますので、まずはご相談いただければと思います。

◾️制作の流れ
①ヒアリング
　ページ構成・必要な機能などを確認いたします。
②お見積り
　納期や金額を提示させていただきます。
③制作・確認
　ページ毎でのご確認をお願いいたします。
　※ 気になる点がある場合、可能な限り修正対応いたします。
④納品
　制作物をzipファイルにて納品させていただきます。
　※サーバーへのアップロードをご希望の場合、FTP情報のご提示をお願いいたします。

◾️当サービスの強み
・品質チェックシートを用いて確認後、納品いたします。（品質チェックシートのお渡しも可能）
・即レス対応（21時までのご連絡においては、3時間以内には返信いたします）
・可能な限り柔軟に対応いたします。

◾️ご用意していただくもの
・デザインカンプデータ（XD、Photoshop、Illustrator、Figma）

【緊急コーディング対応｜最短当日着手】

「時間がない…」そんなお悩みを最短当日から解決。
デザインカンプからのコーディングを、スピーディかつ丁寧に仕上げます。

【こんな方にオススメ】
✓ 納期が迫っているが社内リソースが確保できない
✓ 既存の外注先から突然連絡が取れなくなった
✓ コーディング工程だけを外注したい
✓ 急な案件で即日対応が必要

【技術スタック】
■ フロントエンド開発

• HTML/CSS/JavaScript
• Bootstrap/jQuery/Sass
• レスポンシブ対応

■ バックエンド開発

• PHP/WordPress
• Shopify実装

■ 開発環境

• Git/Github管理
• テスト環境提供

【対応可能な制作物】
• コーポレートサイト制作
• ランディングページ（LP）制作
• WordPressサイト構築
• ECサイト制作（Shopify）
※全案件レスポンシブ対応込み

【料金について】
以下の要素を考慮し、最適なお見積りをご提示いたします：

• ページ数
• デザインの複雑さ
• アニメーションの実装量
• 納期の緊急度

【制作フロー】

1. 無料お見積り相談
2. 要件確認・料金のご提示
3. ご発注・着手
4. ページごとの進捗報告
5. テスト環境での確認
6. 修正対応（2回まで無料）
7. 納品・技術サポート

※ボリュームと納期のバランスによっては、
　お受けできない場合もございます。
　まずはお気軽にご相談ください。

【特徴】
• 豊富な実績による速習性の高い実装
• 保守性を考慮したクリーンなコーディング
• 進捗状況の細やかな報告
• 技術的な説明も丁寧に対応します

まずはお見積りからお気軽にご相談ください！

お客様の想いをカタチに！デザインカンプコーディングからWordPressまで、Web制作をサポートします。

このようなお悩みはありませんか？

Webサイトのデザインはあるけど、コーディングしてくれる人がいない。WordPressで更新しやすいサイトにしたい。スマホ対応もきちんとしたい。

発注の流れ

お問い合わせ
まずはメッセージにて、Webサイトの目的、ターゲット、デザインの有無、ご予算などをお気軽にご相談ください。

ヒアリング
お客様のWebサイトに対する想いを詳しくお伺いし、最適なプランをご提案します。必要に応じて、ビデオ通話での打ち合わせも可能です。

ご契約・素材ご提供
お見積もり内容にご納得いただけましたら、ご契約となります。制作に必要な素材（テキスト、画像など）をご提供ください。

制作開始
お客様のご要望を反映しながら、丁寧にコーディングを進めていきます。進捗状況は随時ご報告いたしますのでご安心ください。

納品・検収
完成したWebサイトをご確認いただき、修正点があれば修正いたします。お客様にご納得いただけましたら、納品となります。

対応範囲・価格

デザインカンプコーディング：30,000円～
Figma, Adobe illustratorなどのデザインカンプから、忠実に、そして美しくWebサイトをコーディングします。アニメーションの実装もお任せください。

WordPressサイト制作・移行：80,000円～
WordPressによるWebサイトの新規制作、既存サイトのWordPress化を承ります。SEO対策、MEO対策もお任せください。

静的サイトWordPress化：50,000円～
既存の静的HTMLサイトを、WordPressで構築し直します。ブログ機能の追加や、SEO対策も可能です。

納期

要相談（内容により異なります）

制作の流れ。

・ヒアリング
ヒアリングシートを用いてクライアント様のご要望を丁寧にお聞きいたします。

・コーディング
デザインカンプがある場合は、それに沿って丁寧にコーディングしていきます。デザインがない場合は、ご要望に応じてデザイン制作も承ります（別途お見積もり）。

・テスト・SEO対策
PC、スマホ、タブレットなど、様々なデバイスでWebサイトが正しく表示されるか確認します。また、SEO対策も合わせて実施します。

・納品・修正
お客様にWebサイトをご確認いただき、修正点があれば修正いたします。お客様にご納得いただけましたら、納品となります。

・運用・保守サポート
納品後も、Webサイトの運用・保守に関するサポートを承ります。お気軽にご相談ください。

サービス内容

デザインカンプからのコーディング、レスポンシブ対応、WordPressサイト制作、静的サイトWordPress化など、Web制作に関わる幅広いサービスを提供します。お客様の目的やご要望をしっかりと理解し、高品質なWebサイトを制作します。

Webサイトのことでお困りではありませんか？デザインはあるけどコーディングできる人がいない、WordPressで更新しやすいサイトにしたい、スマホ対応もきちんとしたい…。そんなお悩みをWeb制作コーダーの私が解決します！丁寧なヒアリングでお客様の想いをカタチにし、高品質なWebサイトを制作いたします。まずは、お気軽にご相談ください。

◆予算について

複数ページ制作時の記載金額はあくまで目安です。
制作するページ数やご要件に応じて金額は変動いたします。
また、ご予算に応じて調整可能ですので、お気軽にご相談下さい。

◆納期について

記載の納期はあくまで目安です。
短納期を心掛けていますが、チェックバックなどで若干前後する可能性がございます事、予めご了承ください。

◆納品までの流れ

①ヒアリング
・カンプデザイン、動的制御（アニメーションやスライドなど）の有無の確認。
↓
②ご契約
・お見積り、納期をご提示させていただきます。
ご納得いただけた場合、ご購入をお願いいたします。
↓
③デザインデータおよびコーディングに必要な各情報（metaタグ周り、OGPなど）の納品
ご購入後デザインデータ（XD、figmaなど）の納品をお願いいたします。
※Adobe、ＧoogleフォントなどWEBフォントのみで制作されているデザインデータは問題ございませんが、特殊なフォントを使用されている場合はアウトライン化のデータを合わせて納品ください。
↓
④制作・確認・修正
・気になる点がある場合、可能な限り修正対応いたします。
※軽微な修正は修正回数に関わらず追加費用はございません。
※テストアップが必要でしたら、テスト環境はご用意可能です。
↓
⑤納品
・Zip形式で納品いたします。
※納品方法は指定がございましたら、お知らせください。
※原則、公開環境にアップロード（HTML、CSS、javaScript、イメージ）するファイルのみお渡しいたします。

ご不明点がございましたら、お気軽にご連絡ください。

Webサイトのちょっとしたテキスト修正や更新作業をお手伝いします！

　
■こんなお困りごとはありませんか？

• テキストを一文字だけ変更したい。
• 一部文章を削除したい。
• 住所や電話番号が変わった。
• リンク先が変わった。
• 画像を別のものに差し替えたい。

ほんの少し変更したいけど、制作会社に依頼するほどではない。
簡単に変えられそうだけど、手を加えて不具合が出ないか不安。
そんなちょこっとした相談、お任せください！

　
■サービス内容

Webサイトの文言修正やテキスト更新作業を代行いたします。
「会社概要の住所変更」「サービス名の統一」「ボタンラベルの修正」など、数文字の変更から対応可能です。

　
■このサービスが選ばれる理由

• 1箇所から依頼可能：小さな修正でもお受けします
• 短納期対応：基本納期は3日以内、急ぎのご相談も可能です
• 丁寧なやりとり：ご要望を確認しながら安心して進めます

　
■ご依頼の流れ

1. 修正内容をご連絡ください（スクリーンショットや該当ページURLがあるとスムーズです）
2. 作業前にお見積り内容を確認いただきます
3. 修正作業 → 納品
4. ご確認後、必要に応じて修正対応

　
■よくあるご依頼例

• 「会社の電話番号が変わったので差し替えてほしい」
• 「ボタンの表記を“申込”から“予約”に変えたい」
• 「サービス名を新しいものに更新したい」

　
■ 他作業についてもご相談ください

作業内容によって軽微なものであれば料金内で承れる場合があります。
また作業内容により追加料金をいただく事で対応できる場合があります。

「こんな小さな修正でも大丈夫かな…」と思う内容でも遠慮なくご相談ください。
迅速・丁寧に対応いたします。

本サービスをご覧いただきありがとうございます。
本サービスはHP・LPのコーディングを行います。
WordPress構築も対応いたしますのでご相談ください。
独自で作成した品質管理シートを用いて徹底した品質管理を行っています。

■本サービスはこんな方におすすめです

・コーダー不足で外注先を探している制作会社様
・コーディングが苦手なWebデザイナー様
・ディレクションやデザインに集中したい方など

■サービスの内容

・HTML/CSS/JavaScripを使用した静的コーディング
・レスポンシブ対応
・JavaScript (ハンバーガーメニュー、スライダー等）
・お問い合わせフォームの設置
・WordPress構築
※納品前修正は無制限で対応いたします。

■料金

・LP 1本２万〜
アニメーション付き

※デザイン内容やボリュームにより追加料金をいただく場合がございます

--以下は無料で対応いたします--
・レスポンシブ対応
・基本のSEO対策
・納品前無制限修正
・納品後、１ヶ月間無償修正

■納品方法

・Zipファイルにて送付
・サーバーへのアップロード

■納期

1ページあたり2日～(目安)
デザインや実装内容により変動するためご相談ください

■修正について

大幅なレイアウト変更や追加は別途料金をいただく場合がございます。

■デザインデータ

Figma、Photoshop、XD など

======特に以下の点を重視し、全力でサポートいたします。========

● 迅速かつ丁寧なコミュニケーション
　- 初回のご連絡には原則3時間以内にご返信いたします。
　- 遅くとも24時間以内には必ずご返信いたします。

●高品質なコーディングの提供
　- 独自の品質管理シート（20項目以上） を用いて品質を確実に担保し、成果物を納品いたします。

●進捗の「見える化」
　- 進捗管理シートを活用し、制作状況を日々共有。
　- スムーズな納品をお約束いたします。

●報告・連絡・相談の徹底
　- 常に状況を共有し、認識のズレがないよう努めます。

●ご要望の最大限の実現
　- 仕様やデザインの意図を理解し、可能な限りご希望に沿った形での実装を心がけます。

●お値段以上の価値をご提供
　- デザインについて適宜気づいた点や、アニメーションのご提案をするようにしています。クライアント様にとってHP、LPは名刺代わりのようなものなのでいっさい妥協せず制作に取り組みます。

ご覧いただきありがとうございます

こちらのパッケージでは、簡単なWEBサイトの修正から、WordPress構築まで承っております！

サービスの特徴

◎スピーディ・高品質
60項目以上の品質チェックシート使用
スピード・品質ともに高評価、継続発注をいただいております

◎メンテナンスしやすい設計
コンテンツの追加・変更に対応しやすい設計でコーディングいたします
マニュアル等ございましたら、そちらに従いコーディングいたします

基本対応範囲

※以下の内容はプランの料金に含まれております
・W3C準拠・クロスブラウザ対応の確認
・レスポンシブ対応
・品質チェックシート使用
・画像圧縮
・メタ情報の設定（内容はご支給お願いいたします）
・構造化マークアップ
・スマホよしなに対応
・アニメーション(CSS、JavaScript、GSAPを使用した複雑なアニメーションも可)

納期目安

【修正】
1〜5日

【静的コーディング 1ページ 】
5〜7日

【WordPress 10ページ 】
10〜14日

※内容に応じて前後いたします

料金

プランの料金は目安となります
ご予算に応じて柔軟に対応させていただきます
また、ご依頼内容に応じてプランをご提案させていただくことも可能です
「まずは相談する」のボタンより、お気軽にご相談ください

制作の流れ

①ご相談・お見積もり
デザインデータを元にチャットでお打ち合わせを行います。
その後、お見積り金額を提示させていただきます。

②仮払い
ご依頼内容および金額が決まりましたら、仮払いをお願いいたします。
仮払いにより、ご契約となります。

③制作開始
プラン納期は仮払い終了後からの日数になります。

④初稿提出〜修正
テスト環境の情報をお伝えいたします。そちらでご確認ください。

⑤納品
Zipファイルで納品、またはサーバーにアップロードいたします。
※サーバーにアップロードの場合は以下の情報ご共有ください
・FTP接続情報
・レンタルサーバーのログイン情報（WordPressの場合）等
ご依頼時にもご案内させていただきます

稼働時間

※お問い合わせは24時間受け付けております
平日・土日祝日：9:00 ~ 17:00(原則15分以内にお返事いたします)
連絡の取れる時間帯：7:00 ~ 23:00

私について

新潟県でフリーランスとしてコーダーをしております
前職は薬剤師をしており、最新情報のキャッチアップや他職種とのコミュニケーションを大切にしておりました
その経験を活かし、現在も最新技術のキャッチアップはもちろん、日々の進捗報告や情報共有では、スプレットシートや画像を使用し、わかりやすく丁寧なコミュニケーションに努めております
現在、20サイト構築しており、
20〜40ページ程のWordPressオリジナルテーマの制作や共同制作にも携わらせていただいております
その他、改修、保守運用もお任せいただいております

ご相談だけでもお気軽にご連絡いただけましたら幸いです☘️

■自己紹介
WEB制作歴10年以上！
ゲーム・エンタメ系実績4年以上！
コーディングを中心にイラスト・デザイン・動画制作も行うマークアップエンジニアです。

大手ゲーム・エンタメ系制作会社にてGSAP＋SCSSアニメーションを含むLP制作、テンプレート構築、ベースコーディング、デザインを担当してきました。
デザイン意図を正確に汲み取り“世界観を壊さない実装”を重視しています。

「コード品質に不安がある」
「デザインと実装のズレを防ぎたい」
「余白・トンマナ・画像バランスまで丁寧に整えてほしい」
そんなお悩みをお持ちの方はぜひご相談ください。

イラストはパッケージ対象外ですが別途ご相談を承っております。
まずはお気軽にご連絡ください。

■実績
・大手テーマパークイベント特設サイト：数十件以上
・大手ソーシャルゲーム特設サイト：数十件以上
※守秘義務の都合上、掲載できない実績がございます。
詳細確認をご希望の場合、秘密保持契約（NDA）の締結をお願いいたします。

■ツール
Photoshop / Illustrator / HTML / SCSS / JavaScript / jQuery / Visual Studio Code

■対応可
・LP / WordPress化前ベースコーディング
・レスポンシブ
・PCデザインのみからのSP展開
・デザインカンプ忠実再現
・GSAP + SCSSアニメーション
・JS機能（ハンバーガー / スライダー / モーダル / タブ / アコーディオン / ローディング）
・SEO内部対策（meta / alt / OGPなど）
・画像圧縮（WebP）

■対応外
・納品後の運用 / 保守
・サーバー設定 / DNS設定 / ドメイン取得・移管
・WordPressのPHP化 / 管理画面構築
・CMS連携 / JSON / Ajax
・Photoshop / Illustrator 以外のデザインツール
・TypeScript
・Lottie / Canvas / Three.js / WebGL
・React / Vue / Next.js / Nuxt などのフレームワーク
・API連携 / バックエンド / アプリ
・Node.js / npm 新規環境構築（※自作環境構築済）

■検証ブラウザ・端末
Windows / Android / Chrome / Firefox / Edge
※Mac / iPhone / iPad / Safariは環境上サポート対象外
必要に応じて LambdaTestにて確認可能

■稼働時間
11:00〜26:00（案件により調整可能）
平日土日祝可

■制作の流れ

1. ヒアリング
   お見積りとスケジュールを提示します。
   ご納得頂けましたら素材のご提出および仮払いをお願いいたします。
   契約後はChatworkなどでのやり取りも可能です。

2. 制作
   確認事項がある場合は随時ご連絡いたします。

3. テストアップ
   当方テストサーバーにてご確認いただきます。

4. 修正
   画像や文章の差し替え、軽微な修正に対応いたします。
   大幅な仕様変更は追加費用となります。

5. 納品
   サーバーアップロードまたはzip納品となります。

■実績公開について
制作物はポートフォリオに掲載させていただく場合がございます。
掲載不可の場合は事前にお知らせください。

■お受け出来ない内容
・本人確認 / 機密保持確認 / 電話確認 / ランサーズチェック未完了のクライアント様からのご依頼
・社名非公開のクライアント様からのご依頼
・生成AI素材を使用するご依頼

この度は当サービスにご関心をお寄せいただき、誠にありがとうございます。
当方では、セキュリティ対策を万全に施した安心・高品質な各種フォーム制作を承っております。

■対応可能なフォーム例
・お問い合わせフォーム
・会員登録フォーム
・アンケートフォーム
・資料請求フォーム
・見積りフォーム
・注文フォーム
・その他カスタマイズフォーム

■なぜセキュリティが重要なのか？
フォームはお客様の大切な個人情報を預かる場所です。
例えば、アドレス・お名前・住所など、万が一流出すれば
・信頼の失墜
・損害賠償リスク
といった大きな問題に発展しかねません。
「情報漏洩を防ぐこと」は、お客様との信頼関係を守る最初の一歩です。

■情報漏洩以外のリスクにも要注意！
フォームには情報漏洩以外にも、
・サイバー攻撃
・不正アクセス
・マルウェア感染
・データ改ざん・消失
といったリスクが潜んでいます。

だからこそ、SSL/TLSによる暗号化通信 + フォーム自体のセキュリティ対策が欠かせないのです。

■当方の強み
当方では、最新のセキュリティ要件を満たしたフォームを設計・構築。
安心・安全で使いやすいフォームをご提供します。
※表示価格は最低価格となっております。

■開発の流れ
1)ヒアリング（業務内容・目的・必要な機能を丁寧に伺います）
2)プラン提案・お見積り・スケジュール提示
4)システム開発・動作レビュー・修正対応
5)テスト環境での検証
6)本番納品・リリース完了！

■安心のアフターサポート
保守対応や機能改善のご提案も可能です（オプション）

※価格は基本料金です。ご要件に応じて金額・納期は変動いたします。まずはお気軽にご相談ください！

ご希望に合わせたシステム開発で、業務の効率化・サービスの品質向上をしっかりサポートいたします！

▼こんな方へオススメ

• デザインデータはあるのにコーディングができない
• コーディングを依頼できる外注がいない
• コーディングだけではなく、本番アップまでお願いしたい

▼ご提供内容
HTMLとCSSをベースにコーディングいたします。
JavaScriptやjQueryを用いた、動的な要素の追加も可能※です。

※複雑なプログラムについては対応できない場合があります

▼ご購入後の流れ
オンラインでヒアリング
zoom, Teams, Google Meetからお選びいただけます。
↓
コーディング
コーディングには自信があります！お任せください！
御社のコーディングレギュレーションに合わせての記述も可能です。
Photoshop, XD, Figma, Illustrator など、デザインデータ各種対応しています！
↓
テストアップ
テストサーバーをご用意しております。
↓
修正
最高3回まで対応いたします。
五月雨に依頼するより一度にまとめていただけますと、スムーズに進みますのでオススメです。
4回以降の修正につきましてはオプションをご利用ください。
↓
納品
データ一式の送付、または本番サーバーに直接アップロードいたします。
本番サーバーがない場合は手続きを代行いたします（オプション）。

▼制作可能なジャンル
公序良俗に抵触するもの以外であればOK！
アダルトもごめんなさい。

▼料金プランやオプション
特急オプションもご用意しております。

▼納期
お急ぎの場合は特急オプションにて対応いたしますので、まずはご相談ください。

デザインが完成しているページの HTMLコーディング代行 を承っております。

HTML5 / CSS3 / jQuery にて対応可能です。

コーディングルールがある案件や、既存サイトへの追加実装にも対応いたします。

修正や微調整にも柔軟に対応し、最後まで責任を持って仕上げます。

年間およそ 200ページ規模 の新規・修正案件に携わっております。

丁寧で正確なコーディングを心がけておりますので、どうぞ安心してお任せください。

料金は適正価格でのご提供となります。
ご不明な点やご相談などございましたら、お気軽にご連絡ください。

デザインカンプを元にLPのコーディングを承ります。

• レスポンシブ対応
• デザイン完全再現
• 読み込み速度を考慮した実装
• アニメーション演出の実装
• スライダーやモーダル、アコーディオンなどのUI実装

など、ご希望どおりの仕様・デザインで実装をいたします。

【標準対応】
下記についてはオプション料金なしで対応いたします。

• レスポンシブ対応
• リソースの圧縮と読み込み最適化によるパフォーマンス対策
• スクロールに応じた要素の表示アニメーション
• 最新ブラウザでの表示チェック

実務経験ありのWeb製作者が、あなたがお持ちのWebデザインをコーディングします！
　

■内容

あなたがお持ちのWebサイトやLP（ランディングページ）のデザインをコーディングいたします。
・Webページのジャンル不問です
・SEOを考慮したhtmlコードの構成を検討しながらコーディングします（スタンダード以上）
・レスポンシブ対応、アニメーション付きの動きのあるページの対応OKです
・デザインを忠実再現・デザインの細かな調整あり、どちらも対応いたします
　

■こんな人におすすめ

・「デザイナーに作成してもらったWebサイトのデザインが手元にあるが、これをWebサイト上に公開できるように形にしたい」とお考えの企業・個人事業主の方
・「サイトに公開したときに、検索上位に入るようにしてほしい」とお考えの企業・個人事業主の方
・「Webページ作成業務を請け負いデザインを作成したが、コーディング作業を外注し、作業の省力化を図りたい」とお考えのWebデザイナー・Web制作会社の方
　

■メリット

・レスポンシブデザインに対応いたします。PC・スマホいずれかのデザインのみの場合も、お持ちのデザインをベースにもう一方のデザインを作成し、コーディングいたします（※スタンダード・プレミアムのみ）
・デザイン段階では形になっていない【動きのあるページ】を作成いたします。具体的なご指定・ご相談の上決める、どちらも承ります。サンプルを用いながらご希望のイメージを固めていきます。
・デザインを忠実に再現することはもちろん、ご要望に応じて細かな微調整も承ります。（※後者はスタンダード・プレミアムのみ）

まずはお持ちのデザインに対してどのように感じているかをヒアリングさせていただき、ご希望のWebページを作り上げていきます！
　

■納品物について

基本はhtml,css,jsファイル一式をzipファイル形式にまとめてお渡しとなります。
納品物となるコードをWebサイトへ埋め込む作業（CMS埋め込み、Webサーバー配置）につきましては、事前にご相談の上対応とさせてください。（※オプションになります）
　

■実務経験について

現職にて、自社で運営しているWebサイトのページ作成や改修を2年半ほど経験しております。
詳しくはプロフィールをご覧ください。

デザインをお持ちの方からのご相談、お待ちしております。
検討中のライトなご質問・ご相談や、ざっくりとしたお話のみでも、いつでもお気軽にご連絡くださいませ。
宜しくお願いいたします！

WEB制作歴もうすぐ20年！
コーダーやWEBデザイナーとして、複数の企業で活動してきました。
現在は数社と業務委託契約を結んでいるフリーランサーです。

現在進行系で現場にいるコーダーだからこそ、お客様の考えを汲み取ったり、お悩みを解決する引き出しはたくさん用意しております。
料金面も含めて、まずはお気軽にご相談ください！

▼こんな方へオススメ

• デザインデータはあるのにコーディングができない
• コーディングを依頼できる外注がいない
• コーディングだけではなく、本番アップまでお願いしたい

▼ご提供内容
HTMLとCSSをベースにコーディングいたします。
JavaScriptやjQueryを用いた、動的な要素の追加も可能※です。

※複雑なプログラムについては対応できない場合があります

▼ご購入後の流れ
オンラインでヒアリング
zoom, Teams, Google Meetからお選びいただけます。
↓
コーディング
コーディングには自信があります！お任せください！
御社のコーディングレギュレーションに合わせての記述も可能です。
Photoshop, XD, Figma, Illustrator など、デザインデータ各種対応しています！
↓
テストアップ
テストサーバーをご用意しております。
↓
修正
最高3回まで対応いたします。
五月雨に依頼するより一度にまとめていただけますと、スムーズに進みますのでオススメです。
↓
納品
データ一式の送付、または本番サーバーに直接アップロードいたします。
本番サーバーがない場合は手続きを代行いたします（オプション）。

▼制作可能なジャンル
公序良俗に抵触するもの以外であればOK！
アダルトもごめんなさい。

▼料金プランやオプション
特急オプションもご用意しております。

▼納期
修正の頻度などを考慮し、納期は多めに見積もっております。
お急ぎの場合は納期短縮オプションにて対応いたしますので、まずはご相談ください。

WebサイトのHTML・CSSコーディングを承ります。
既存サイトの更新や修正なども安心してお任せください。

デザインの正確な再現性とメンテナンス性に配慮した
コーディングが強みです。

制作に関するご相談やお見積りは無料です。
お気軽にお問い合せください。

■ サービス内容
→レスポンシブコーディング
PC、スマートフォン、タブレットなど、
マルチデバイスに対応したWebサイトを構築します。

→インタラクティブな実装
スライダー、ハンバーガーメニュー、スムーススクロールのJavaScript（jQuery）、
ボタンhover時のインタラクションの実装はプランの費用内に含まれます。

→ブラウザチェック
主要ブラウザ（Google Chrome / Mozilla Firefox / Safari / Microsoft Edge）の
最新バージョンで表示確認を行い、品質を保証します。

■ サービスの特徴
・PC版のデザインデータのみしかない場合でも、
こちらで最適なレスポンシブデザインに調整し、SP版を組むことが可能です。

■ 費用
・TOPページ：35,000円〜
・下層ページ：10,000円〜
・既存サイトの更新・修正：5,000円〜

■ ご依頼の流れ
まずはご相談フォームよりデザインデータや仕様など、
案件の詳細をお知らせください。
内容を確認し、お見積りさせていただきます。

はじめまして！
数あるサービスの中からご覧いただきありがとうございます。
株式会社ARCHIPELAGOです。

「デザイン通り、ズレなく再現したい」
そんなご要望に応える、コーディング特化型のサービスをご提供しています。

【 こんな方にぴったりです 】
・デザインカンプはあるけれど、コーディングのリソースが足りない制作会社さま・企業さま
・LPやWebサイト案件を受けたけど、コーディングに自信がないデザイナーさま
・HTML/CSSの基本はできるけど、アニメーションやWordPress化が苦手な方
・日々の業務で手一杯なコーダーさまのサポートとして

【 制作の流れ 】
① ヒアリング・お見積り
ご希望の機能・納品形式・スケジュール感など丁寧にご確認させていただきます。

② デザインデータのご共有（PSD／AI／XD／Figmaに対応）
静的HTMLまたはWordPress（オリジナルテーマ）での実装が可能です。

③ トップページの実装 → ご確認
④ 下層ページの実装 → 2〜3ページごとに進捗共有
⑤ テストサーバーにて全体確認 → 修正対応
⑥ 最終納品（zip形式 または サーバーへアップロード）
※サーバー納品の場合はFTP情報をご共有ください。

【 料金目安 】
トップページ（レスポンシブ対応）：20,000円〜
※複雑なアニメーション・機能については別途お見積りいたします。

【 対応環境 】
PC：Chrome・Safari・Firefox・Edge（※Firefox・Edgeは擬似環境）
スマホ：主要ブラウザすべて対応

ご相談・お見積りは無料です。
「少し話を聞いてみたい」という方も、お気軽にご連絡ください！

このページをご覧いただき、誠にありがとうございます。
はじめまして、Webコーダーの「ともひろ」と申します。

現在はフリーランスとして、HTML / CSS / JavaScript（jQuery・GSAP含む）を中心としたコーディング業務を行っております。
レスポンシブ対応（PC・スマホ）や、基本的なSEO対策も標準で対応いたします。
また、FigmaやXDなどのデザインデータをもとに、忠実かつ柔軟なコーディングを心がけています。

お客様との丁寧なコミュニケーションを大切にし、「親切・共感・提案」の姿勢で、“あと一歩先”のご提案と対応を目指しています。
修正対応や納期管理についても責任を持って進めさせていただきますので、初めての方もどうぞ安心してご相談ください。

【サービス内容】
・デザインデータからのHTML/CSSコーディング（静的ページ対応）
・JavaScriptによる動的実装（アニメーション、スライダーなど）
・HP・LPのWordPress化（別途オプション）
・GSAPなどを使ったアニメーション表現（プレミアム対応）

【料金目安】
・LPコーディング（1ページ）：10,000円〜
・下層ページ追加：+5,000円〜
・JavaScript機能追加：+5,000円〜

※正式な金額は、デザイン内容・ページ数・機能に応じて個別にお見積もりいたします。

【料金に含まれる内容】
・HTML / CSS / JSコーディング
・レスポンシブ対応（PC / スマホ）
・修正対応（5回まで無料）

【納期について】
・目安：1週間〜
※ボリュームや機能に応じて柔軟に対応いたします。
※お急ぎの場合もご相談ください（オプションあり）。

【対応可能なデザインデータ】
・Figma
・Adobe XD
・Photoshop
・Illustrator

【納品形式】
・ZIP形式での納品
・FTP情報をいただければ、アップロード代行も可能です

丁寧さと提案力を大切に、「依頼してよかった」と思っていただける制作を目指して取り組んでおります。
どうぞお気軽にご相談ください。心よりお待ちしております。

このページを見ていただき誠にありがとうございます。
はじめまして。「ともひろ」と申します。​

「LP/HPのデザインはあるが、コーディングをお願いしたい」
「人手が足りないので、コーディングを委託したい」

そんな方々に是非コーディングをお任せいただけませんか？
現在、私はフリーランスとして、
HTML /CSS/Javascriptのコーディングを中心に活動をしています。
最後まで責任を持って対応させて頂きます。どうぞ宜しくお願い致します！

サービス内容
デザインデータからHTML/CSSを実装
必要に応じてHP/LPをWordPress化（別途料金となります。ご相談ください。）

基本料金
・トップページコーディング・・・・9,500円〜
　　　下層ページ作成・・・・・ +5,000円〜
　　　JavaScript実装・・・・・・・・・ +5,000円〜
※現在先着５名様に１ページコーディングを5,000円で提供するキャンペーンを実施中です。

料金に含まれるもの
・HTML / CSSコーディング
・レスポンシブ対応（PC, SP）
・修正（基本5回迄）

見積もりについて
デザインやボリューム感等お伝えいただき、御見積もりを迅速提出させて頂きます。

納期について
1週間～
※作業量によって異なります。
※余裕を持ってご依頼いただけますと幸いです。

対応データ
・figma
・Adobe XD
・Illustrator（.ai)
・Photoshop（.psd等画像データ）

納品形式
圧縮ファイル（ZIP）、FTPで納品・送付いたします。

親切・提案・共感をモットーにお客様の一歩前を提案できるよう、
全力で取り組みたいと思います。
是非、よろしくお願いいたします。

【デザイナー歴10年以上が対応！】
本パッケージでは HTML5、CSS、JavaScript を用いた静的ページのコーディング（レスポンシブ対応込み）を行います。
デザインを忠実に再現することを心がけ、迅速かつ丁寧に仕上げます。

＼　このようなお悩みありませんか？　／
・コーディングに割く時間がない
・外注先を探している
・コーディングが苦手なWebデザイナー様
・継続して任せられるパートナーを探している制作会社様　...など

→ ぜひご相談ください！
　柔軟に対応いたします！！
　

.˚⊹⁺‧┈┈┈┈┈┈┈┈┈┈┈┈┈┈ サービス内容 ┈┈┈┈┈┈┈┈┈┈┈┈┈┈‧⁺ ⊹˚.

・ HTMの静的ページのコーディング
・ レスポンシブ対応
・ スライダーやタブ切り替えなどのJavaScript実装
・ 既存サイトの修正、ページ追加
・ 部分的な改修（HTML/CSS/JavaScriptの調整など）

▼無料対応範囲
・ レスポンシブ対応
・ サイト高速化（画像圧縮／WebP変換）
・ SEO用metaタグ設置（データご提供時）
・ OGP、favicon設置（データご提供時）
・ サーバーへのアップロード（FTP情報・アップロード先のご共有をお願いします）
・ 納品までの不備修正

▼追加オプション
下記についても柔軟に対応いたしますので、お気軽にご相談ください。
・ Wordpress構築
・ ECサイト向けのコーディング（makeshop、RMS、ecforce）
・ 高度なアニメーション実装
・ 特急対応（要相談）
　
　

.˚⊹⁺‧┈┈┈┈┈┈┈┈┈┈┈┈ 対応可能なデータ ┈┈┈┈┈┈┈┈┈┈┈┈‧⁺ ⊹˚.

・ Adobe XD
・ Photoshop
・ Illustrator
・ Figma

※確認用として一枚に書き出したデータ（JPEG、PNG、PDF）をご送付いただけますとスムーズです。
※Illustratorの場合はリンク画像の添付 or 埋め込みをお願いいたします。
※特殊フォントを使用する場合はアウトライン化またはフォントをご送付ください。
　
　

.˚⊹⁺‧┈┈┈┈┈┈┈┈┈┈┈┈┈ 納品までの流れ ┈┈┈┈┈┈┈┈┈┈┈┈‧⁺ ⊹˚.

1.ヒアリング
　↓
2.お見積り・納品日確認
　↓
3.ご契約・デザインデータお預かり
　↓
4.コーディング作業
　↓
5.ご確認・修正
　※仕様変更・デザイン変更は別途費用となります。ご注意ください。
　↓
6.最終確認・納品（サーバーアップロードまたはファイル送付）
　
　

.˚⊹⁺‧┈┈┈┈┈┈┈┈┈┈┈┈┈┈ 納品形式 ┈┈┈┈┈┈┈┈┈┈┈┈┈┈‧⁺ ⊹˚.

・ ZIPファイル送付
または
・ サーバーアップロード
　※アップロードをご希望される場合、はFTP情報のご提供をお願いいたします。
　※本番環境しかない状態でのアップロードは、万が一問題が発生しても責任を負いかねます。テスト環境をご用意いただくことを推奨しております。

.˚⊹⁺‧┈┈┈┈┈┈┈┈┈┈┈┈┈┈ 確認環境 ┈┈┈┈┈┈┈┈┈┈┈┈┈┈‧⁺ ⊹˚.

・ PC：chrome／Firefox／Edge
・ SP：chrome／Safari／Firefox／Edge（実機iPhoneで確認）
　
　

.˚⊹⁺‧┈┈┈┈┈┈┈┈┈┈┈┈ 稼働スケジュール ┈┈┈┈┈┈┈┈┈┈┈┈‧⁺ ⊹˚.

・ 稼働日：月～金 9:00～17:30
・ お休み：土日祝・お盆など
※お急ぎ案件は土日祝対応も可能です。ご相談ください。
　
　

.˚⊹⁺‧┈┈┈┈┈┈┈┈┈ ご依頼前に必ずお読みください ┈┈┈┈┈┈┈┈┈‧⁺ ⊹˚.

・ デザインデータは事前にご準備ください
・ Webフォント使用時はライセンスをご用意ください
・ サーバーへのアップロードをご希望される場合はFTP情報をご提供ください
・ コーディングルールがある場合は事前にお知らせください
・ 着手後の大幅なデザイン変更は追加費用が発生します
・ 進行後のキャンセルは進捗に応じてキャンセル料が発生します
・ 1週間以上ご連絡がない場合、キャンセル扱いとなる場合があります。
　ご回答にお時間がかかりそうな場合はその旨をお伝えいただけますと幸いです。
　

ご満足いただけるよう、迅速・丁寧・柔軟な対応を心がけています。
ご不明点やご相談はお気軽にお問い合わせください。

クオリティとスピードを両立！あなたのWebサイトを、もっと魅力的に。

このようなお悩みはありませんか？

Webサイトの見た目を改善したい、サイトの表示速度を上げたい、スマホ対応ができていない、バグを修正したい、Webサイトの品質を向上させたい。

発注の流れ

お問い合わせ
まずはお気軽にご相談ください。Webサイトの現状やご要望を詳しくお伺いします。

お見積もり・ご提案
お伺いした内容を元に、最適なプランとお見積もりをご提案します。

ご契約
ご提案内容にご納得いただけましたら、正式にご契約となります。

制作開始
経験豊富なコーダーが、丁寧に制作を進めます。進捗状況は随時ご報告します。

納品・検収
完成したWebサイトをご確認いただき、必要に応じて修正を行います。

対応範囲・価格

静的コーディング：3万円〜
HTML/CSSによる静的コーディングを、迅速かつ丁寧に行います。レスポンシブ対応も含まれます。

Webサイト改修：1万円〜
既存Webサイトのデザイン修正や機能追加を承ります。小さな変更から大規模な改修まで対応可能です。

バグ修正・パフォーマンス改善：5千円〜
Webサイトの表示速度改善や、JavaScriptのエラー修正など、技術的な問題を解決します。

納期

最短3日

制作の流れ

ヒアリング
お客様のWebサイトの目的やターゲット層、デザインの方向性などを詳しくヒアリングします。

企画・設計
ヒアリング内容を元に、Webサイトの構成案やデザイン案を作成します。

コーディング
構成案とデザイン案にご納得いただけましたら、コーディング作業を開始します。

テスト・修正
完成したWebサイトをテスト環境でご確認いただき、修正点があれば修正します。

納品・公開
最終確認後、Webサイトを納品します。納品後も、必要に応じてサポートいたします。

サービス内容

Webサイトのコーディング、改修、バグ修正、パフォーマンス改善など、Webサイトに関する様々なニーズにお応えします。丁寧なヒアリングと確かな技術で、お客様のWebサイトをより魅力的に、より使いやすく改善します。

Webサイトのコーディングでお困りではありませんか？

「Webサイトのデザインが古く、見栄えが悪い…」「スマホで見たときに表示が崩れてしまう…」「Webサイトの表示速度が遅く、ユーザーが離脱してしまう…」

そんなお悩みを、現役フリーランスコーダーの齊藤が解決します！

丁寧なヒアリングで、お客様のWebサイトの課題を明確にし、最適な改善策をご提案します。確かな技術と豊富な経験で、お客様のWebサイトをより魅力的に、より使いやすく改善します。

Webサイトのコーディング、改修、バグ修正、パフォーマンス改善など、Webサイトに関するお困りごとは、ぜひ齊藤にお任せください！

高品質なコーディングで、お客様のウェブサイトをさらに魅力的にしませんか？

このようなお悩みはありませんか？

ウェブサイトの見た目を良くしたい、スマホ対応にしたい、表示速度を改善したい、バグを修正したい

発注の流れ

お問い合わせ
メッセージにて、ご希望のコーディング内容、デザインデータ、納期などをお知らせください。

お打ち合わせ
詳細な内容をヒアリングし、最適なコーディングプランをご提案します。

ご契約
お見積もり内容にご納得いただけましたら、ご契約となります。

制作開始
コーディング作業を開始し、進捗状況を随時ご報告します。

納品・検収
完成したウェブサイトをご確認いただき、修正点があればご対応します。

対応範囲・価格

レスポンシブコーディング：3万円〜
HTML/CSS/JavaScriptによる静的コーディングを行います。PC・スマホ表示に対応。

サイト改修：5千円〜
既存サイトのデザイン修正、レイアウト調整、コンテンツ追加など、柔軟に対応いたします。

バグ修正：3千円〜
ウェブサイトの表示崩れ、動作不良などのバグを迅速に修正します。

パフォーマンス改善：1万円〜
画像最適化、コード改善など、ウェブサイトの表示速度を向上させます。

各種フォーム作成：1万円〜
お問い合わせフォーム、アンケートフォームなど、ご要望に応じたフォームを作成します。

納期

最短3日

制作の流れ

設計
お客様からいただいたデザインデータや指示書を基に、ウェブサイトの構造を設計します。

コーディング
設計に基づいて、HTML、CSS、JavaScriptなどのコードを記述します。

テスト
PC、スマホなど、様々なデバイスでウェブサイトが正常に表示されるか確認します。

修正
お客様にご確認いただき、修正点があれば修正します。

納品
ウェブサイトのデータをサーバーにアップロードし、公開します。

サービス内容

HTML/CSS/JavaScriptを用いたウェブサイトのコーディング、既存サイトの改修、バグ修正、パフォーマンス改善、各種フォーム作成を承ります。お客様のウェブサイトをより使いやすく、魅力的なものにするために、丁寧な作業を心がけています。

ウェブサイトのコーディングでお困りではありませんか？
「スマホ対応ができていない」「デザインが古くて見栄えが悪い」「表示速度が遅い」といったお悩みを解決します！
HTML/CSS/JavaScriptのスキルを活かし、お客様のウェブサイトをより魅力的で使いやすいものに改善いたします。
まずは、お気軽にご相談ください。お客様の課題を丁寧にヒアリングし、最適なコーディングプランをご提案いたします。

▼こんな方へおすすめ
・LPやコーポレートサイトを丁寧にコーディングしてほしい
・WordPressのテーマ編集や機能追加を依頼したい
・デザインを忠実に再現して、使いやすく軽量なサイトを作りたい
・長く安心して任せられる制作者を探している

ベーシックプラン
▼ご提供内容
デザインカンプ（Figma／XD／Photoshopなど）をもとに、
HTML／CSS（SCSS対応）＋JavaScriptでレスポンシブ対応のLPを1ページコーディングします。
FLOCSS設計をベースに、保守性・再利用性を意識した構造で実装いたします。

▼ご購入後の流れ
① デザインデータ・素材のご共有
② コーディング開始（進捗共有あり）
③ 納品前チェック
④ 修正対応（1回まで）
⑤ 納品（HTML・CSS・JS・画像一式）

▼制作可能なジャンル
企業LP／商品・サービス紹介／イベントページ／カフェ・店舗サイトなど

▼納期
7日以内（要件確定後）

スタンダードプラン
▼ご提供内容
既存のWordPressサイトに対し、以下のような修正・改善・機能追加を行います。

・デザイン調整やレイアウト修正
・プラグイン設定／フォーム改善（Contact Form 7対応）
・ACF（Advanced Custom Fields）によるカスタムフィールド設定
・functions.phpでの小規模な機能追加
・SEO設定やGA（Google Analytics）設置など

▼ご購入後の流れ
① 現状サイトURL・修正内容の共有
② 内容確認・見積もり調整
③ 修正対応・確認
④ テスト後に納品

▼納期
10日程度（作業量に応じて調整可能）

プレミアムプラン
▼ご提供内容
HTML／CSS／JavaScript／PHPを用いて、
完全オリジナルテーマでWordPressサイトを構築いたします。
固定ページ・投稿・カスタム投稿・カスタムタクソノミーの設計、
ACFによるカスタムフィールド実装、Contact Form 7設置、
functions.phpでのテーマ機能拡張（サムネイル設定、エディタCSS、JS読み込み最適化など）に対応します。
レスポンシブ対応・SEO内部対策・サイト公開まで一貫してサポート可能です。
Gulpによる開発環境を使用し、作業効率と品質を両立しています。

▼ご購入後の流れ
① デザインデータ・構成案の共有
② WordPress環境の準備（サーバー・ドメイン設定も相談可）
③ コーディング・WordPress化
④ 動作確認・修正
⑤ 納品（本番反映サポート含む）

▼納期
30日程度（構成内容により前後あり）

▼こんな方へオススメ
・デザインはあるけど、コーディングを任せたい方
・スマホ対応のLPを1ページで仕上げたい方
・外注が初めてで、丁寧にやりとりしてほしい方
・予算内でシンプルにLPを公開したい方

▼ご提供内容
・HTML＋CSSによるコーディング（1ページLP）
・レスポンシブ対応（スマホ・タブレット）
・軽微なJavaScript（メニュー、アコーディオン等）
・alt属性や構造を意識したマークアップ対応
・ファイル納品（HTML/CSS/JS/画像）

▼ご購入後の流れ
① ヒアリング（デザイン・構成・希望納期など）
② 作業開始（進捗は随時ご報告）
③ 初回納品 → ご確認・修正対応（2回まで）
④ 最終納品・クローズ

▼制作可能なジャンル
・キャンペーン用LP
・サービス紹介ページ
・セミナー/イベント告知ページ
・士業・店舗向けシンプルLP
・ポートフォリオ風LPなど

▼料金プランやオプション
・ライト：¥10,000（3セクションまで）
・ベーシック：¥15,000（5〜6セクション）
・プレミアム：¥20,000〜（7セクション以上＋動き）
・セクション追加：＋¥2,000〜

▼納期
・ライト：7日以内
・ベーシック：10日以内
・プレミアム：14以内（応相談）
※副業対応のため、事前にスケジュール確認をお願いします。

LPのコーディング承ります

ご閲覧いただきありがとうございます。
デザインカンプを元に、丁寧なコーディングでLPの実装をいたします。

サービス内容

• LPのコーディング

実装の特長

• 検索エンジンや支援技術にも正しく伝わるように、仕様書に沿ったHTMLでコーディングします
• アクセシビリティを意識した実装を心がけています
• どの画面幅でもレイアウトが崩れないレスポンシブ対応
• JavaScriptを使った動作は、簡易的なものは通常料金内で対応させていただきます（メニュー開閉、モーダル表示、ボタンホバー時の動きなど）
• 画像の圧縮・リサイズ・フォーマット変換（webp / avif）
  ※ 拡大すると画質が低下するため、リサイズは想定される表示サイズの3倍以上の画像をご用意いただいた場合のみ行います

対応カンプ形式

• Figma
• Adobe XD
• Adobe Photoshop

対応ブラウザ

• Google Chrome
• Microsoft Edge
• Safari
• Firefox

納期のめやす

• 〜10000px：5〜7日
• 〜15000px：7〜8日
• 〜 20000px：8〜10日

内容・稼働状況により前後します。
デザインカンプをいただいた翌日からの日数です。

Webサイトのコーディング承ります

ご閲覧いただきありがとうございます。
デザインカンプを元に、丁寧なコーディングでWebサイトの実装をいたします。

サービス内容

• 静的Webサイトのコーディング

実装の特長

• 検索エンジンや支援技術にも正しく伝わるように、仕様書に沿ったHTMLでコーディングします
• アクセシビリティを意識した実装を心がけています
• どの画面幅でもレイアウトが崩れないレスポンシブ対応
• JavaScriptを使った動作は、簡易的なものは通常料金内で対応させていただきます（メニュー開閉、モーダル表示、ボタンホバー時の動きなど）
• 画像の圧縮・リサイズ・フォーマット変換（webp / avif）
  ※ 拡大すると画質が低下するため、リサイズは想定される表示サイズの3倍以上の画像をご用意いただいた場合のみ行います

対応カンプ形式

• Figma
• Adobe XD
• Adobe Photoshop

対応ブラウザ

• Google Chrome
• Microsoft Edge
• Safari
• Firefox

納期のめやす

• トップページ：5〜7日
• 下層ページ / 1p：2〜3日

内容・稼働状況により前後します。
デザインカンプをいただいた翌日からの日数です。

静的やWordPressサイトの改修、JavaScriptなどの実装を行います。
1万円という手軽な費用からお申し込みいただけます。（1万円の場合、修正箇所は3つまでとなります。詳しくはお問い合わせください。）

※ご購入前に、必ず無料見積もりをお願いいたします。

【ご購入いただいてからの流れ】

①無料相談
不要なトラブルを避けるため、ご購入前に必ずメッセージにて無料見積もりをお願いいたします。
↓
②ご納得いただけたら、ご購入
無料相談でご納得いただけたら、出品やオファーをご購入いただきます。
↓
③ヒアリング
認識のずれがないよう、ヒアリングで擦り合わせをいたします。
↓
④サイト改修後に提出、フィードバック
サイトを改修して提出しますので、ご確認をお願いいたします。
↓
⑤④を繰り返し、納品
④を繰り返し、完成したら納品いたします。

まずは、メッセージにてお気軽にお問い合わせください。

【実績】
※お手数ですが、先頭に「https://」をつけてご検索ください。

施工図屋さん様
sekouzu.jp/

Webエンジニア兼マーケターをしております、花田ケンタと申します。
ココナラでも活動しており、プラチナランクの実績がございます。
幅広い業界での制作経験を活かし、スムーズかつ高品質にコーディング対応いたします。

✅最短1日の特急対応可能
✅大手企業/飲食系メディア/海外動画サイト/エンタメ系のサイトなどの実績
✅内部SEO/デザインの再現
✅スマホ対応・アニメーション実装・サイト高速化も可能

WebサイトやLP、WordPressの構築など柔軟に対応いたします。
更新しやすい管理画面の対応も可能です。
ご相談は無料ですので、お気軽にお問い合わせください！

▼特徴

・スピード感×品質を両立したコーディング
・デザインの再現にこだわった実装
・SEO・保守性に配慮
・アニメーションの設計から実装まで柔軟に対応
・WordPressなどのCMS構築もサポート

【料金リスト】

●トップページコーディング：15,000円~
●下層ページコーディング：10,000円~ / 1ページ
●LPコーディング：15,000円~
●WordPressテーマ開発：12,000円~
●既存サイトの軽微なカスタマイズ:3,000円~

●待機調整費:2,000円/日
●特急対応:基本料金×1.3
-カンプ共有から納期14日未満が対象。作業内容によって変動します

【基本のサービス内容】

●HTML,CSS コーディング
●PC/SPレスポンシブ対応（スマホ対応）
●アニメーション追加（jQuery・JavaScript）
●ランディングページ作成
　　WordPressの導入・サイト構築
　　既存サイトの修正（機能追加・文言修正・デザイン変更など）
　　サイトのスピード改善　など

▼納品までの流れ

１.お見積もり/ご購入
２.デザインデータお預かり
３.コーディング作業開始
４.ご確認・修正
５.最終確認・納品

◯納品につきまして
基本的には本番環境へのアップロードを前提とした納品となります。
その他の納品方法をご希望の場合はお気軽にお知らせくださいませ。

▼納期

平均2週間ほどを目安に対応しております。
お急ぎの際もご相談ください。
※内容により納期は変動いたしますのでご相談ください。

コーポレートサイト・LPのコーディング業務承ります！

当サービスはこんな方にお勧めです。
・人手不足によりコーダーを探している制作会社およびwebディレクター様
・複数案件を手掛け、分業したいとお考えのwebデザイナー/LPデザイナー様
・その他、パートナーとなる質の高いコーダーをお探しの方
ぜひ皆様のお力になりたいです。お気軽にお声がけください。

【サービス内容】
お渡しいただいたデザインデータを元に、コーディングを行います。
◆ユーザビリティ、表示速度を意識したHTMLマークアップ
◆SCSS/BEM記法によるメンテナンス性の高いcss
◆レイアウト崩れのないレスポンシブ対応　(PC～TB～SP 柔軟なレイアウト調整)
◆jQueryによる定番の動的パーツ実装

【基本料金に含まれる内容】
・TOPページのコーディング
・jQueryによる定番の動的パーツ実装
※下層ページは別途料金がかかります。

【その他注意点】
◇IE(Internet Explorer)はサポート終了に伴い、対応外となります。
◇お客様都合によるデザインの修正は仕様変更とみなし、別途費用が発生しますのでご注意ください。
◇作業後のチェックを徹底しますが、コーディングに不備があった場合には、無償で修正します。
◇特別な理由なく3日以内にご返信いただけない場合は、制作途中であっても取引を終了させていただく可能性がございます。大変恐縮ですが、スムーズなやり取りにご協力をお願いします。

▶︎サービス紹介
以下のお悩みを解決いたします。
・ウェブサイトのデザインを思い通りに実現したい
・レスポンシブデザインで快適な表示を実現したい
・迅速かつ丁寧な対応を求めている

▶︎サービスの概要
・HTML・CSS（Sass）を用いたコーディング
・JavaScript（jQuery）を用いたアニメーション実装
・レスポンシブ対応

▶︎無料対応
・表示速度向上のため画像圧縮（ご希望の場合）
・基本的はSEO対策（構文チェック、metaタグの設置）
・アニメーション実装（ハンバーガーメニュー・ホバーアニメーション・スムーススクロール・アコーディオン・フェードイン）
・ファビコン・OGPの設置
・修正（大幅なデザインや内容の変更、追加のご要望などによる修正は、追加料金をいただく場合がございます。）

▶︎納品までの流れ
①「見積り・カスタマイズの相談をする」よりご相談ください。
②ご購入・デザインデータお預かり
③コーディング
④テスト環境にアップロード→ご確認・修正
⑤納品

▶︎納品方法
・zipファイルの送付
・ご指定のサーバーへアップロード

▶︎納期の目安（デザインデータをいただいてから）
・LP → 10日～
・トップページ → 10日～
・下層ページ → 3日～
※ご依頼のボリュームによって前後します。

▶︎受け取り可能なデザインカンプについて
・AdobeXD
・Figma

ご不明な点がありましたら、お気軽にお問合せ下さい。
「まずは相談する（無料）」よりお問い合わせください。

ご覧頂きありがとうございます。
Webコーダーのまきせと申します。
本サービスは基本的に静的サイトのコーディングを行います。
WordPress構築も対応いたしますのでお気軽にご相談ください。

■本サービスはこんな方におすすめです

・コーダー不足で外注先を探している方
・WordPressが苦手
・WordPressが自分でできない
・コーディングが苦手なWebデザイナー様
・ディレクションやデザインに集中したい方など

■サービス内容

・デザインカンプからHTML/CSS/JSでの静的コーディング
・レスポンシブ対応
・JavaScript(jQuery)を用いたアニメーション実装（ハンバーガーメニュー、スライダー等）
・お問い合わせフォームの実装
・WordPress構築
その他既存サイトの文言、軽微なデザインの修正、アニメーションの追加等
何でもご相談くだださい。

■納品までの流れ

1,ヒアリング、デザインや情報のご提供
2,お見積り
3,ご契約
4,着手開始
5,最終確認・修正
6,納品
7,プロジェクト完了
※報連相を徹底していますので細かく進捗状況はご報告させていただきます。
※納品前の修正は無制限でご納得いただくまで行います。

ここまでご覧いただきありがとうございます。
以下に私について記載させていただきましたのでぜひ、ご一読ください。

■経歴

オンラインスクール【デイトラ】にてWeb制作を学習し現在は卒業してWebコーダーとして活動しています。
2024.11 株式会社デイトラが実施する実務即応型の検定 コーディング実務検定に合格。

■スキル・可能業務

・HTML/CSSコーディング
・JavaScript（jQuery）を使用したアニメーション制作
・WordPress化（完全オリジナルテーマの制作／PHP対応）
・デザインカンプを忠実に再現

■制作実績

・LP×5本(ドロワー、スライダーとう基本アニメーション付き、レスポンシブ対応、)
・静的コーディングからWordPress構築
(トップページ＋下層7ページ)(投稿系ページ、カスタム投稿１タイプずつ)(コンタクトフォーム設置プラグイン使用)

■仕事への姿勢

・迅速なレスポンスと報連相（報告・連絡・相談）を徹底し、円滑な業務進行に貢献いたします。
・報告・連絡・相談の徹底
・柔軟かつ誠実な対応
・ご要望を最大限実現する努力
お客様にとって価値ある成果を提供できるよう努めます。

よろしくお願いいたします。

長年の経験を活かし、お客様のご要望に合わせたWebサイトを制作いたします！スマートフォン／WordPressに対応！WordPressカスタマイズもお任せください。

このようなお悩みはありませんか？

デザインは得意だがコーディングが苦手。プログラムを組み合わせて動きがあるサイトを作りたい。そもそもコーディングできる人がいない。スマホ対応もしたいが、知識がない。

発注の流れ

お問い合わせ
メッセージにて、ご希望のデザイン、ページ数、納期などをお知らせください。参考となるWebサイトがあれば、URLをお知らせください。

デザイン確認
デザインデータ（Photoshop、XDなど）をお送りいただき、詳細な仕様について打ち合わせを行います。

お見積もり・契約
お見積もりをご確認いただき、ご納得いただけましたら契約となります。

コーディング
コーディング作業を開始します。進捗状況は随時ご報告いたします。

納品・検収
完成したWebサイトをご確認いただき、修正点があれば修正いたします。

対応範囲・価格

Webサイト コーディング：5万円〜
デザインデータに基づき、HTML/CSS/JavaScriptでコーディングを行います。スマホ対応も込み。

WordPressテーマ 制作：12万円〜
基本のコーディング、WordPress導入、サーバー設定に加え、WordPressのテーマをオリジナルで作成。既存プラグインで実装できない機能の作成など、自由なカスタマイズを実現。

スマホ対応：3万円〜
既存のWebサイトをスマホ対応に最適化。レスポンシブデザインで、どんなデバイスでも美しく表示。

納期

プランによって異なりますが、通常1週間〜1ヶ月程度で納品いたします。

制作の流れ

設計
お客様から提供されたデザインデータと要件を基に、Webサイトの全体構造を詳細に設計します。

コーディング
HTML、CSS、JavaScript技術を用いて、Webページを構築します。

レスポンシブ対応
多様なデバイス（PC、スマートフォン、タブレット）でWebサイトが適切に表示されるよう、レスポンシブデザインを実装します。

テスト
制作したWebサイトをテスト環境にアップロードし、動作確認、表示崩れ、リンク切れなどの問題を検証します。

修正・改善
お客様にテスト環境でWebサイトをご確認いただき、フィードバックを基に修正や改善を行います。

納品・公開
最終確認後、Webサイトを本番環境にアップロードし、公開します。必要に応じて、公開後の技術サポートやメンテナンスも提供します。

サービス内容

デザインデータからHTML、CSS、JavaScriptのコーディングを行います。スマホ対応もいたします。スマホ向けのデザインがない場合はPC向けのデザインを調整し、適応させます。

Webサイトのコーディングでお困りではありませんか？

「デザインは得意だけどコーディングが苦手…」「スマホ対応もしたいけど、知識がない…」「WordPressのデザインをカスタマイズしたい…」そんなお悩みを解決します！

経験豊富なWebデザイナーが、ご要望い合わせたWebサイトをコーディングいたします。病院、大学関連のWebサイト制作で培った経験を活かし、スマホに対応する機能的なコーディングをご提供します。

WordPressのカスタマイズもお任せください。まずはお気軽にご相談ください。

　ご覧いただきありがとうございます。初出品です。
　ご用意いただいたデザインデータからHTML/CSS, JavaScriptを用いてコーディングします。

【納品までの流れ】
　1. 相談・見積り（金額確定、納期目安等）
　2. トークルームでやりとり（データの受け取りと確認、進捗報告、修正等）
　3. zip形式で納品

サイト制作会社様やWebデザイナー様へ

ランディングページ（一枚ものページ）のコーディングを承ります。

こんな方におすすめです！

-「デザインは用意できるけどコーディングは外注したい」
-「PCデザインは用意出来るけど、SPは任意でいい感じにしてほしい」
-「自分でコーディングしている時間がない」

コーディングのお困りごとに丁寧に対応させて頂きます。

まずはご相談ください。

詳しいご要望をお聞きして、満足していただけるものを提供したいと思います。
飲食店、士業、美容、建設・不動産、スクールなど様々な業種を受け付けております。

『見積もり・カスタマイズの相談』ボタンからご相談を受け付けております。
お気軽にお問い合わせください。

【納品までの流れ】

1.DM（ダイレクトメッセージ）をお送りください
　「見積もり・カスタマイズの相談」というボタンから問い合わせフォームに移動します。
　納品希望日と相談内容の業種を入力してください。

2. 相談者様へ返信
　送っていただいた内容について質問や回答をお送りさせていただきます。

3. 注文・仮払い
　納得いただいた場合に注文をお願いします。

4. 製作開始

5. 納品物の確認と修正
　お客様に納品物を確認していただき、修正が必要な箇所を指摘して頂きます。

6. 最終納品
　納品日から3日間無制限に修正対応致します。

お客様にご用意いただくもの

◎コーディングを行うデザインデータ

購入にあたってのお願い

■サーバー、ドメインについてはお客様でご用意していただくため料金に含まれておりません。
■特別な仕様がある場合には購入前にご相談ください。

この度は本サービスをご覧いただきありがとうございます。
サイト製作を主に行っているカツオと申します。

本サービスは静的サイトのコーディングを行います。

【基本サービス内容】（すべてのプラン共通）
・デザインデータからのコーディング
・各種必要なタグの埋め込み
・画像圧縮による表示スピードの改善
・テスト環境（サーバ）へのアップロードテスト

【プランの種類】
・ベーシック・・・TOPページのみコーディング（納品前のデザイン変更に伴う修正３回まで）
・スタンダード・・TOPページのみコーディング+レスポンシブ対応（納品前のデザイン変更に伴う修正３回まで）
・プレミアム・・・TOPページのみコーディング+レスポンシブ対応（納品前のデザイン変更に伴う修正回数無制限）

【オプションサービス】
・下層ページコーディング
・お問い合わせフォーム実装
・JavaScript、jQery、CSS等を用いたアニメーション
・縦幅超過分の課金
・実績として公開不可

【使用可能（経験）ツール・言語・フレームワーク】
・ツール
　Figma、ChatGPT、Canva、GIMP
・言語、フレームワーク
　html、css、Sass、JavaScript、php

【納品方法】
zipファイル

【表示確認】
納品前には下記ブラウザ全て（バージョンは最新）での表示確認も行い、どの環境でも問題なく閲覧できるWebサイトを制作します。
・WindowsPCでのChrome, Edge, Firefox
・MacPCでのSafari
・iPhoneでのSafari
※基本の動作確認対象は 375px ～ 1920px です。
　その他の画面幅での対応が必要な場合は、別途お見積もりいたします。

新しくホームページがほしい。

昔作ったけどじだいにあわなくなったなぁ

HP、LPの修正、コーディング、WordPressオリジナルテーマ化は
お任せください！

【デザイナー様、企業のWeb担当者の方へ】
例えば・・・

ほんの少しの修正が必要だけど、手が空いていない
コーディングが苦手で任せたい
PCサイト画面はできたけど、スマホ用画面のコーディングは・・・
などなど・・・

お任せください！！

デザインだけに集中できるので、デザインの品質も向上します！

こんなお困りごとを解決できます。
ご相談だけでも結構ですので、ぜひお気軽にご連絡ください。

その他にも、
お問い合わせフォームをつけたい
文書を変えたい
HPをネットに公開したい
デザインはあるけど、コーディングができない、など
相談は無料です！

価格（全て税込の対応での掲載になります）
⚫︎修正、更新のご依頼：要相談　3,000円〜
（※内容によっては対応不可の場合もございます。）
システムの都合上10,000円と表記されております。

⚫︎ランディングページのコーディング：10,000円～
※長さによって変動いたします。

⚫︎ホームページのコーディング：10,000円～（ WordPressも対応`）

上記はあくまで目安になります。
正確なお見積もりは、「見積もり・カスタマイズの相談に進む」から
お問い合わせいただいた後に、出させていただきます。

制作の流れ
ヒアリング・お見積もり（まずはご相談ください！）
ご契約（仮払いで契約となります）
クライアント様よりデザインデータご提供いただきます。
コーディング
ご確認・修正（回数無制限）
納品（zipファイルでの納品またはご指定サーバーにアップロードいたします。）
購入する際の注意点
＊ご依頼していただく場合は上記金額にシステム手数料（5.5%)がかかりますので
ご依頼していただく前にぜひご確認くださいませ。
詳しくは下記URLにてご確認ください。
https://www.lancers.jp/faq/A1034/936

納期
【修正、更新】
最短で即日納品

【LPコーディング】
４日〜

【HPコーディング】
4日〜

＊依頼内容によって変動いたしますのでご了承ください。

ポートフォリオも掲載しておりますが、実際に動くサイトをご確認希望の場合は、
下記の【ご依頼、ご相談】のURLの「見積もり・カスタマイズの相談に進む」から
一度ご連絡ください。
また質問なども同じURLからお問い合わせできますので、お気軽にご相談ください。

ご検討のほど、よろしくお願いいたします。

【ご依頼、ご相談】
https://www.lancers.jp/profile/nabejun0326

あなたの想いをカタチに！デザインカンプからフルスクラッチ、WordPressまで、心を込めてコーディングいたします。

発注の流れ

お問い合わせ
メッセージにて、ご希望のWebサイトのイメージや目的、予算、納期などをお気軽にご相談ください。参考となる資料などがあれば、共有していただけるとスムーズです。

お見積もり・ご契約
ヒアリング内容に基づき、お見積もりを提示します。ご納得いただけましたら、正式にご契約となります。

コーディング作業
ご契約後、コーディング作業を開始します。進捗状況を随時ご報告し、お客様と連携しながら進めていきます。

ご確認・修正
完成したWebサイトをご確認いただき、修正点があればご遠慮なくお申し付けください。迅速に対応いたします。

納品・アフターサポート
最終確認後、納品となります。納品後も、保守・運用に関するご相談を承ります。

対応範囲・価格

デザインカンプからのコーディング：3万円〜
デザインカンプを忠実に再現。細部までこだわった美しいコーディングをします。ピクセルパーフェクトな仕上がりをお約束します。

HTMLからのWordPress化：5万円〜
既存のHTMLをWordPress化。ブログ機能の追加やSEO対策、更新しやすいサイト構造を実現します。お客様自身で簡単に更新できるようになります。

アニメーションの追加：1万円〜
動きのあるWebサイトで、ユーザーの興味を惹きつけます。スクロールアニメーションなど、様々な表現が可能です。

細かな修正：5,000円〜
表示崩れや誤字脱字など、細かな修正も丁寧に対応します。迅速な対応で、お客様のビジネスをサポートします。

納期

案件内容により異なります。お気軽にご相談ください。

制作の流れ

Webサイト設計
お客様から提供されたデザインカンプや資料を基に、Webサイトの構造を設計します。SEO対策も考慮した設計を行います。

コーディング
設計に基づき、HTML、CSS、JavaScriptなどのコードを記述します。FLOCSSやBEMなどの設計ルールを活用し、保守性・拡張性の高いコードを書きます。

テスト・修正
作成したWebサイトを様々なデバイスでテストし、表示崩れがないか、動作に問題がないかなどを確認します。必要に応じて修正を行います。

お客様確認
お客様にWebサイトをご確認いただき、フィードバックをいただきます。修正点があれば、迅速に対応します。

納品
最終確認後、Webサイトを納品します。必要に応じて、サーバーへのアップロードやWordPressのインストールなども代行します。

サービス内容

デザインカンプからのコーディング、HTMLからのWordPress化、アニメーション実装、LP/HP作成、WordPressサイト作成、SEO対策など、Webコーディングに関するお仕事を幅広く承ります。制作会社クオリティを、個人ならではの価格でご提供いたします。

私は、制作会社クオリティのコーディングを、個人ならではの価格でご提供しています。
デザインカンプからのコーディング、HTMLからのWordPress化、アニメーションの追加など、コーディングに関するお仕事はなんでもお任せください！

まずは、お気軽にご相談ください。あなたのWebサイトを、もっと魅力的にするお手伝いをさせていただきます。

【制作内容】
HTML/CSSコーディングを行います。（レスポンシブデザイン対応可能）
また、WordPressの導入およびオリジナルテーマの構築が可能であり、必要なプラグインの導入も行います。さらに、Webサイトの修正やエラーの修正も対応いたします。

【購入・納品の流れ】
1.見積もり
作成するページ数やご要件に応じて金額は変動いたします。
そのため、「まずは相談する」よりご依頼の内容を詳しくお知らせください。
納品日の目安と、追加で購入が必要なオプションがある場合ご案内いたします！

2.デザインの確認、仕様の確認
お見積もりなど問題なければ、そのままご発注をお願いいたします。
その後、写真やテキストなど、サイトに使用する素材がある場合お送りください。

3.制作開始
最終的な納品日をお伝えし、サイト構築開始いたします。

4.納品
テストサイトをこちらで用意いたします。
テストサイトでデザインや文言、アニメーションなどの確認を行っていただき必要があれば修正を行います。
修正回数は無制限です。
問題なければ本番環境へのアップロードまたは、ご要望に合わせてデータを送付いたします。

【デザインデータについて】
XDまたは、PSD、AIでのデザインのみ可能です。
画像データを切り出しを行ってデザインデータと一緒に提出してください。
また、SPデザインはトップページのみでも可能です。（こちらでSP用に調整いたします。）

【実績】
・不動産（賃貸・建売・売買どれも経験あり）
・中小企業（コーポレートサイト）
・人材派遣
・採用ホームページ
・保育園
・美容室
・葬祭
・イベント（イベントの応募や紹介なども可能）
など

WEB標準に準拠したHTML・CSSコーディングを承ります。
人と検索エンジンに理解しやすいセマンティックなコーディングを行ないます。その結果としてSEOに有利となり、また、ハンディを持った方にも伝わりやすいアクセシブルなWEBページをご提供することができます。
販売価格は下層ページなど比較的簡易なページ内容（A4で1P程度）を想定しています。
トップページやLPなどの場合は別途お見積もりさせていただきます。
お気軽にご相談ください。

貴社のメールマーケティングを成功に導く、高品質なメルマガコーディングサービスを提供します。

🔳　コーディング範囲:
HTMLメールのコーディング全般（テキスト、画像、リンク、CTAボタンなど）
レスポンシブデザイン対応（PC、スマートフォン、タブレット最適化）
お客様ご提供のデザインカンプ（PSD, Figma, XDなど）に基づき忠実に再現
埋め込み要素（動画、SNSアイコンなど）への対応

🔳　単価・納品スピード:
・Pilot (初回限定): 2本まで無料
サービス品質と信頼関係構築のための期間です。
・安定期: 10,000円/本〜 (プランによる)
週5〜8本の安定した対応が可能です。
原則3営業日以内納品 をお約束します。緊急時は24時間以内の連絡・対応体制を構築しています。

🔳　テスト環境対応:
以下の主要環境での表示確認を行います。
・デスクトップクライアント: Outlook (Windows)
・ウェブメールクライアント: Gmail、Outlook.com
・モバイルアプリ: iOS Mail、Gmailアプリ、Samsung Email
（その他ご要望に応じた環境でのテストもご相談ください）

🔳　品質保証プロセス:
貴社のルールを遵守し、最高品質のメルマガを納品するための徹底した品質管理プロセスを導入しています。

① 要件確認: 詳細仕様の確認、疑問点の整理を行います。
② 実装: お客様のルールに基づき、最適なコードで実装します。
③ 内部チェック: シニアエンジニアによる厳格なコードレビューと品質確認を実施します。
④ テスト: AIを活用した自動テストに加え、複数環境・デバイスでの表示確認を徹底します。
⑤ 納品: 修正対応を含め、完成した成果物を提出します。

🔳　コミュニケーション体制:
日本語堪能なブリッジSEチームが、貴社との円滑なコミュニケーションを保証します。

・日本語対応: ブリッジエンジニア（日本語ネイティブレベル）が窓口となり、ニュアンスまで正確に共有します。
・連絡ツール: Slack, Teams, Chatwork, Email, 電話など、貴社のご希望に応じたツールで迅速に対応します。
・タイムゾーン活用: ベトナムとの時差（+2時間）を活かし、日本の営業時間外でも作業を進めることで、より高速な納品を実現します。

サービス内容
サービス内容
ご閲覧いただきありがとうございます！

▼ こんな方にオススメです！
✅WebサイトやLPのコーディングをスムーズに行いたい
✅デザインデータを忠実に再現したい
✅値段を安く抑えたい
✅CMSを使ったサイト構築に悩んでいる

▼サービス内容
・HTML/CSS/Jsでの静的コーディング
・スマートフォン/タブレット/PCに対応したレスポンシブコーディング
・スライダーやタブ切り替えなどのJavaScript実装
・お問い合わせフォームの実装
・既存サイトの修正、ページ追加
・WordPress構築
・部分修正（HTML/CSS/Js などの部分的な修正にも臨機応変に対応させて頂きます）
　
▼コーディング料金（レスポンシブ対応込み）
・トップページ：10,000円〜
・LPコーディング：1,0000円〜

・下層ページ：5,000円〜
・基本的なJavaScript（スクロール時のアニメーション表示、ハンバーガーメニュー、スライダーなど）1箇所：2,000円程度
・お問い合わせフォーム・メール送信システム実装（PHP）：5,000円程度

▼WordPress構築費用
・要相談

▼無料で対応
・レスポンシブ対応
・サイト高速化のための画像圧縮
・最低限のSEO対策
・OGP、faviconの設置（データをいただけた場合）
・修正

▼納品方法
・Zipファイルにて送付
・サーバーへのアップロード

▼納期
着手から3日〜
ページのボリュームや作業の空き状況によって異なりますのでご相談ください

▼修正について
納品前の修正につきましては基本的に無料・無制限で対応させていただいております
※大幅なレイアウトの変更や追加につきましては、別途追加料金とさせていただきます

▼デザインデータ
Figma、Xd、Photoshop、illustrator など

丁寧な対応、丁寧な仕事を心掛けております
まずは、DMか見積もり相談からご連絡をお願いいたします。
ご不明な点がありましたら、どんなことでもお気軽にお問合せ下さい。
購入にあたってのお願い
▼ご用意いただきたいもの
・デザインデータ（Figma・Photoshop・Illustrator・XD... 等）
・画像素材 / 動画 / 文章

ご覧いただきありがとうございます。

既存のWebサイトで困っている方へ
修正、カスタマイズ、アニメーションの実装、保守運用などをいたします。

【基本サービス内容】
・HTML / CSS の修正、カスタマイズ
・jQueryやCSSアニメーション

【注意事項】
・1ページのコンテンツ量が多い場合は追加料金する場合があります
・コーディング方法はVSCodeで実装していきます

まずは相談かメッセージでお気軽にお問い合わせください。

Figmaデザインを高品質なHTML/CSSへ！あなたのWebサイトを魅力的に生まれ変わらせます。

このようなお悩みはありませんか？

• Webサイトのデザインはあるが、コーディングするリソースがない
• デザインの意図を正確に反映したコーディングを求めている
• レスポンシブ対応で、スマホでも見やすいサイトにしたい
• WordPressで簡単に更新できるサイトにしたい

発注の流れ

お問い合わせ・ヒアリング
メッセージにて、Figmaのデザインデータ、Webサイトの目的、ご希望の納期などをお知らせください。詳細な要件をヒアリングいたします。

プラン提案・お見積もり
ヒアリング内容に基づき、最適なコーディングプランをご提案します。お見積もり、納期、作業範囲をご確認ください。

ご契約・制作開始
ご提案内容にご納得いただけましたら、ご契約となります。着手金をお支払いいただき、制作を開始いたします。

テスト・修正
コーディングが完了しましたら、テスト環境にてご確認いただきます。修正点があれば、お気軽にお申し付けください。

納品・公開
最終確認後、納品となります。納品データをお渡しし、必要に応じてサーバーへのアップロードをサポートいたします。

対応範囲・価格

Basicコーディングプラン：30,000円〜
Figmaのデザインカンプを元に、HTML/CSSで忠実にコーディングします。レスポンシブ対応で、スマホやタブレットでも美しく表示されます。

Standard動的Webサイトプラン：50,000円〜
Basicプランに加え、JavaScript（jQuery）による動きのある表現を追加します。Webサイトにインタラクティブな要素を加え、ユーザーエンゲージメントを高めます。

Premium WordPress構築プラン：150,000円〜
Standardプランに加え、WordPressの導入、テーマ開発、カスタマイズを行います。お客様自身で簡単にコンテンツを更新・管理できる、運用しやすいWebサイトを構築します。

納期

要相談

制作の流れ

デザイン分析・設計
Figmaのデザインデータを分析し、コーディングに必要な要素を洗い出します。Webサイトの構造、コンテンツ、必要な機能などを整理します。

コーディング
HTML/CSS/JavaScript（jQuery）を用いて、Webサイトをコーディングします。デザインの意図を忠実に再現し、高品質なコーディングを行います。

テスト・品質チェック
レスポンシブ対応、ブラウザチェック、動作確認など、各種テストを行います。Webサイトの品質を確保します。

お客様確認・修正
お客様にテスト環境をご確認いただき、フィードバックをいただきます。修正点があれば、迅速に対応いたします。

納品
最終確認後、納品となります。納品データをZIPファイルでまとめてお渡しします。

サービス内容

Figmaデザインカンプからの高品質なHTML/CSSコーディング、レスポンシブ対応、WordPress構築を提供します。お客様のWebサイトを、デザイン通りに、使いやすく、運用しやすい形で実現します。

Webサイトのデザインはあるけど、コーディングでお困りではありませんか？
Figmaで作成されたデザインカンプを、忠実に、そして美しくHTML/CSSコーディングいたします。
レスポンシブ対応はもちろん、WordPressでの構築にも対応。
お客様のWebサイトを、デザインの意図通りに、そして誰が見ても使いやすい形に仕上げます。
コーディングでお困りの際は、ぜひお気軽にご相談ください！

✅こんな方におすすめ
• スマホでの表示崩れを直したい方
• WordPressの設定やテーマ調整に困っている方
• サイトの移行やサーバー設定を安心して任せたい方
• 企業サイトをしっかりと整えたい方
• 初めてのWebサイト制作で不安がある方

🛠️ご提供内容
• WordPressサイトの構築・移行（All-in-One WP Migration対応）
• レスポンシブ対応（スマホ・タブレット最適化）
• テーマカスタマイズ（色・レイアウト・構成調整）
• 表示崩れの修正・CSS調整
• サーバー設定（Xserver・Cyberduck・SSL・DNS・Basic認証）
• SEO初期設定（metaタグ・OGPなど）
• PR文・プロフィール設計のアドバイス（希望者のみ）

🛒ご購入の流れ

1. 「見積もり・相談」からご希望内容をご連絡ください
2. 内容確認後、最適なプランと納期をご提案します
3. ご購入後、必要な情報（ログイン情報・素材など）をご提供いただきます
4. 制作・修正作業を進行（進捗報告あり）
5. 納品・ご確認 → 修正対応（1回まで無料）
6. 完了・評価

🎨制作可能なジャンル
• 企業・店舗の公式サイト
• サービス紹介・ポートフォリオサイト
• ブログ・メディアサイト（WordPress）
• LP（ランディングページ）風の構成にも対応可能
• サブドメインでのテスト環境構築も対応可

Web業界実務20年超のクリエイターがHTMLコーディングを行います。

コーディングの手伝いを探している方や、パートナーをお探しの業者様等への
コーディング代行サービスを提供しております。

■ 基本サービス【4月・5月・6月迄の特価対応中】
▶デザインデータ 10,000px 15,000円
▶デザインデータ 20,000px 30,000円

■ サービスに含まれるもの
・HTML／CSS コーディング
・レスポンシブ対応込（ブレークポイント2、基本的なカラムダウン）
・簡易JavaScript込（タブ切り替え、アコーディオン開閉 等）
・簡易アニメーション込（スクロール時の上下左右スライドイン）

■ オプション（別途御見積）
・デザイン高さ＋2500pxにつき：4,000円
・Adpbe stock 画像使用5点以内：10,000円

■ 制作の流れ
① 「見積り・カスタマイズを相談する」よりご相談
② デザインデータ（ai/XD/Figma 等）お預かり
③ 御見積の提示
④ ご発注
⑤ コーディング作業
⑥ ご確認と修正・調整
⑦ 納品

■ 納品スケジュール
稼働状況により作業開始日および納品日は変動しますが、
完全フリーな稼働状況とした場合、以下が目安となります。
・デザインデータ換算で、最低でも6000px／1日ペースで制作
・トータル作業日数の＋1日を確認・調整期間

例えば24000pxのデザイン・コーディング案件の場合、
作業日に24000/6000で4日、確認・調整期間に+1日とし、
合計5日が最短納品日となります。
※確認一発OK等の場合は確認調整期間の圧縮は可能です。

■ 納品方法
・トークルームにてzipファイルによる納品

購入にあたってのお願い
まずは「見積り・カスタマイズの相談」にてお気軽にご相談ください。

●ご要望に合わせてお見積りをいたしますので、完成したデザインデータを事前にご用意ください。対応するデザインデータは Illustorator AI、XD、Figma のテキストデータや画像素材データがそのまま取り出せる状態であることを条件とします。

●購入後の状態が事前情報と異なる場合や想定していた仕様と異なり作業内容が変わる場合はご相談の上追加料金をお願いする場合があります。
●作業完了報告後のこちらの不備以外の修正や変更は回数や内容により追加料金を頂きます。
●サービス開始後５日間以上お返事頂けない場合納品完了とさせて頂く場合がございますので、連絡が取れない事情がある場合は事前にお知らせください。
●サービス開始後はキャンセルできません。
3,000 円

1. カスタムデザイン
   ・お客様のブランドイメージに合わせたオリジナルデザインを提供。
   ・ユーザーエクスペリエンスを重視し、視覚的に魅力的なレイアウトを実現。

2. レスポンシブ対応
   ・スマートフォンやタブレットなど、すべてのデバイスで快適に閲覧可能なレスポンシブデザイン。
   ・検索エンジン最適化（SEO）にも配慮した設計。

3. WordPress統合
   ・WordPressを使用した簡単なコンテンツ管理を実現。
   ・お客様が自分でコンテンツを更新できるよう、使いやすいインターフェースを提供。

4. 機能追加
   ・必要に応じて、プラグインの導入やカスタム機能の追加をサポート。
   ・お問い合わせフォームやギャラリー、ブログ機能など、目的に応じた機能を実装。

5. SEO対策
   ・検索エンジンでの上位表示を目指すための基本的なSEO設定を実施。
   ・キーワード選定やメタタグの設定を行い、集客効果を向上。

6. サポートとメンテナンス
   ・サイト公開後のサポートやメンテナンスサービスを提供。
   ・定期的なバックアップや更新作業を行い、安全な運営をサポート。

7. 納品後のトレーニング
   ・お客様が自身でサイトを管理できるよう、操作方法のトレーニングを実施。
   ・より良い運営のためのヒントやコツを提供。

レスポンシブ対応で見やすく、保守しやすいWebページを制作いたします

HTML / CSS コーディング代行
・Figma / XD / Illustrator / PDF 等のデザインデータから忠実にコーディング
・スマホ対応（レスポンシブ）対応可
・保守性・可読性の高いクリーンなコードを意識しています

LP（ランディングページ）の作成
・1ページ完結のPRページ、イベントページ等
・既存テンプレートのカスタマイズ対応も可能です

デザインがない場合もOK
・簡単な構成案からの制作もご相談いただけます
・フリー素材・テンプレートを活用したコスト重視対応も可能です

軽度のJavaScript実装（ご要望に応じて）
以下のような簡単な動きに対応可能です：
・スライダー（Swiperなどの導入）
・ハンバーガーメニュー
・FAQの開閉
・モーダル表示（画像拡大など）
・スクロールアニメーション（AOS等ライブラリ）
・日付自動挿入 など

※本業の合間に対応しているため、通常は平日夜・週末の稼働となりますが、
　週末の案件につきましては可能な限り納期より前倒しで納品できるよう努めております。

丁寧なヒアリングを心がけ、ご希望に沿った成果物を納品いたします。お気軽にご相談ください。

本パッケージはWebサイトのコーディング代行サービスです。
ぜひお気軽にご相談下さいませ！

▼ こんな方におすすめ

「デザインデータはあるけどコーディングをする時間がない」

このようなお悩みをお持ちではありませんか？
・コーディング業務の外注先をお探しの方
・コーディングが苦手な個人Webデザイナー様
・継続的にお願いできるパートナーを探している制作会社様

ご満足頂けるように丁寧かつ柔軟な対応を心掛け、満足していただけるサービスを提供します

▼ 料金

●トップページのコーディング：10,000円 〜
●下層ページのコーディング　：8,000円〜 / 1ページ
●LPのコーディング：25,000円〜
●アニメーション：要相談

※ 上記は基本料金となります。ページの長さやデザインの内容によって価格は変動します。
※ レスポンシブ対応込みの価格になります。

修正や部分コーディングも対応可能ですのでお気軽にご相談くださいませ。

▼ 対応可能データ
※ 一枚で書き出した画像データ（JPEGかPNG）を一緒に送付ください。

▼ 納品までの流れ

① ヒアリング・お見積もり
② ご契約・デザインデータお預かり
③ コーディング
④ ご確認・修正
　→ テスト環境にアップしお客様にブラウザで確認していただきます
⑤ 最終確認・納品

▼ 納品形式

・zipファイルの送付
・ご指定のサーバーへのアップロード

▼ 注意事項

・必ずデザインデータをご用意下さい。
・WEBフォントを使用したデザインの場合、フォントの契約はお客様の方でご準備をお願い致します。
・コーディングのルールがございましたら事前にお知らせください。
・コーディング着手後に大幅なデザイン変更があった場合、追加料金が発生する場合がございます。
・サーバーのご準備はお客様の方でお願い致します。

※参考サイトのみのご提示やデザイン作成の対応は行なっておりませんのでご了承ください

ご満足頂けるように丁寧かつ柔軟に対応致しますので、疑問に思った点などがあれば、お気軽にご相談下さい。

■サービス内容

・LPのコーディング
・WordPressを用いた簡単に更新できるサイトのコーディング
（WordPressオリジナルテーマも可能）

■当サービスの特徴

・低予算かつ短納期で納品
→デザイン以降のコーディング部分に全力を注いでいるため、低予算でスピーディーに対応します。

・高品質な実装を行います
→コーディング後には（chrome、safari、firefox、edge）の各ブラウザにて表示崩れがないか等の品質チェックを行います。

・WordPressのコーディングも可能
→オリジナルテーマでの制作も可能ですので、お客様こだわりのデザインのサイトもWordPressで実装することができます。

・複雑なアニメーションも実装可能
→CSSアニメーション（GSAPライブラリ）を使い、スクロール時やサイト表示時にふわりと表示されるなどの魅力的なアニメーションを実装することができます。

・表示スピードを少しでも早く（脱jQuery）
→サイトに動きを表現するときにjQueryは使用せず、JavaScriptで書くことによってサイトの表示スピードを少しでも早くすることができます。

■全プラン無料の標準サービス

・レスポンシブ対応（スマホ対応）
・基本的なSEO対策
・クロスブラウザ対応（chrome、safari、firefox、edge）
・各種SNSへのリンク
・GoogleマップやYouTubeの埋め込み対応

（以下、Wordpressを使用した場合）
・ブログ機能
・ブログ以外の投稿機能（カスタム投稿）
・簡単に更新できるテンプレート設置（カスタムフィールド）
・基本的なセキュリティ対策

■こんな方におすすめ

・コーダー不足で外注先を探しているディレクターさま
・コーダーのパートナーを探しているデザイナーさま
・手早く丁寧にコーディングをしてくれる人をお探しの方

■私の強み

・コーディング歴5年目の経験がある
・デザイン会社と提携させていただいている
・WordPressの構築も可能
・複雑なCSSアニメーションも可能

私は現在、デザイン会社様より継続的に案件をいただいており、コーポレートサイトから個人事業主さまのブログサイトなど、幅広くWEB関連のコーディング案件を請け負っております。このような現場で培った経験を活かし、デザインに忠実に、なおかつ保守性の高い丁寧なコードを実装いたします。

■制作の流れ

1. ヒアリング
   （※ZOOMでのオンラインミーティングも可能です）
2. お見積もり金額を提示
3. デザインデータを共有、コーディング開始
4. 完成品の確認・修正
5. 最終確認、データ納品
6. 完了報告からお支払いまでのお手続き

■具体的な納品物

・本番環境に公開（お客様の方でご用意いただいているサイトに公開いたします）
・ファイル納品（テーマファイルをZip形式に圧縮してお渡しいたします）

■過去の実績

・岐阜県で新規オープンされたホテルのHP
・神奈川県の訪問介護事業をされている会社のHP
・愛知県にあるスーパー銭湯のHP（下層ページ）
その他・・

■私の特徴

　私は会社員として10年以上、経理業務に携わっていた経験があります。毎日、何十行もの仕訳入力を慎重かつ迅速に行ってきました。そんな経理職で培ってきた正確さと速さを活かし、コーダーとして活動しています。

WEB制作の実績としましては、コーポレートサイトから個人事業主のサロンまで幅広いジャンルのサイトを構築してきました。

特に意識してやっていることは、お客様の要望に合わせて、「見やすく、使いやすい」サイトを作ることです。

例えば、コーポレートサイトでは、企業のイメージやブランドをしっかりと反映させ、信頼感のある印象を与える実装を心掛けています。ボタンの上にカーソルを乗せたときのちょっとした動作も、俊敏で安定感のあるアニメーションを意識してきました。

一方で、個人事業主のサロンなどの場合は、和やかな雰囲気や癒しを感じる実装を心がけています。お店のイメージを引き立て、全体をやんわりと表示させるなど、お客様がこのお店に行きたいと思えるような魅力的な実装を意識してきました。

また、ユーザビリティの視点から、サイトの表示スピードを上げるためにjQueryを使用しないことや、異なるデバイスのブラウザでも表示崩れがないように、コーディング後にはしっかりとチェックを行っています。

私にお声がけいただければ、シンプルで直感的に操作しやすい実装をお約束いたします。

まずはお気軽にご相談ください。
お待ちしております。