公開後の成果まで考える
確認の往復を減らして 演出まで組み上げます
コーディングから
こんなときに
-
動きの細かいデザインを、意図どおりに組めるか不安
デザイナーさんに意図を確かめながら、演出まで形にします。こちらから動きを提案することもあります。
実例テレビCMと連動したLPで、
ファーストビューの演出を 提案し、 そのまま採用。 -
確認と修正の往復で、進行が止まりがち
作り始める前に仕様や制約を確かめ、確認した結果はこちらから先にお送りします。
実例納期当日に
確認が止まっていた案件で 先に納品し、 修正なしで そのまま校了。 -
WordPressやHubSpotの案件を、任せられる人がいない
構築から、公開後の機能追加や不具合の対応まで、続けてお受けします。
実例HubSpot で
導入事例ライブラリ（91件）を 新規に構築し、 公開後の 機能追加も 担当。
制作実績
構築・改修あわせて40件以上
コーポレートサイト / WordPress / JavaScript（GSAP）
Web制作・マーケティング会社のコーポレートサイト。公開を急ぐため最初は静的サイトで作り、その後 WordPress への移行、投稿機能の追加、外部サービスで運用していた記事の取り込みまで、続けて担当しています。
- 担当範囲
-
- デザインデータ受領
- コーディング
- CMS組み込み
- 本番反映
- 規模・期間
- 静的1ページ（2024/11〜12）→ WordPress 化（2026/01〜02）
- 継続
- 公開後も、新しい事業のセクション追加など、サイトの更新を続けて担当（2026/08）
Campaign LP
キャンペーンLP / HTML / CSS / JavaScript（GSAP）
プロテイン商品のキャンペーンLP。ブランドの勢いを表現したいという要望から、マーキーや、スクロールに合わせたフェードアップ・上下左右からのフェードインなどを細かく設定しました。動き出すタイミングと速さの緩急は、Chatworkでディレクターと何度もやりとりして調整しています。
- 担当範囲
-
- デザインデータ受領
- コーディング
- 納品データの提出
- 規模・期間
- 1ページ／2025/06〜07
Branding LP
ブランディングLP / HTML / CSS / JavaScript（GSAP）
テレビCMと連動したブランディングLP。動きの指定や依頼はありませんでしたが、キャッチコピーが印象に残るよう、ファーストビューの動きをこちらの判断で実装し、そのまま採用されました。ヘッダーや SNS リンクが出るタイミングも、目線の流れに合わせています。
- 担当範囲
-
- デザインデータ受領
- コーディング
- 規模・期間
- 1ページ／2025/05
サービスサイト / WordPress / JavaScript（GSAP）
株式会社Onespire が運営する、プレスリリース配信サービスのサイト。記事ごとに検索向けのタイトルや説明文を出し分ける仕組みと、SmartNews 向けの RSS フィード（RSS 2.0 準拠）を実装しました。
- 担当範囲
-
- デザインデータ受領
- コーディング
- CMS組み込み
- 本番反映
- 規模・期間
- 記事の一覧・詳細、サービス紹介ほか／2025/09〜
- 継続
- 初期リリース後も、機能追加・検索まわりの改善・保守を続けて担当（2026/10 まで）
Campaign LP
キャンペーンLP / CMS（Magnolia）/ JavaScript（GSAP）
主力製品の購入特典を案内するキャンペーンLP。CMS（Magnolia）の上で、商品のイメージを崩さない動きを、ディレクターと相談しながら組みました。同じブランドで、複数の対象製品の購入者にキャッシュバックを案内するキャンペーンLPも担当しました。どちらもセキュリティの都合で、依頼元に出社して作業しています。
- 担当範囲
-
- デザインデータ受領
- コーディング
- CMS組み込み
- 規模・期間
- LP／2025/01
Recruitment
採用サイト / WordPress / JavaScript（GSAP）
新卒・中途向けの採用サイト。予算の都合で削る予定だったアニメーションも、作り方を工夫して入れました。公開時のサーバー対応まで担当しています。
- 担当範囲
-
- デザインデータ受領
- コーディング
- CMS組み込み
- サーバー設定
- 本番反映
- 規模・期間
- 7ページ／2026/02〜04
- 継続
- 公開後も、公開後のチェックや管理画面の整理を担当（2026/04）
私について
営業職を15年続けたあと、2023年にフロントエンドエンジニアとして独立しました。営業の仕事で身についたのは、相手が言葉にしていない要望を聞き取ることです。今はそれを、デザインの意図を確かめることと、確認の手間が少ない進め方に使っています。
作る前に意図を確かめる
余白や動きで解釈が分かれそうな箇所は、作り始める前に確かめます。ディレクターさんの言葉の裏にある狙いも、実装に反映します。
実例既存のキャンペーンページの
気づいた問題は先に伝える
公開までに起こりそうな問題は、気づいた時点でお伝えします。手戻りが出にくいよう、確認した結果もこちらから先に送ります。
進め方テキストの差し替えでも、
案件の事情に合わせる
予算や納期、その先のクライアントさまの温度感も踏まえて相談します。ディレクターさんが間に入って説明し直す手間を減らします。
- 経歴
- 営業職15年から、2023年〜
フロントエンドエンジニアとして独立 - 屋号
- TGWeb Co.
- 所在地
- 東京都国分寺市
取引先の声
制作会社 ディレクター様
だいぶだいぶだいぶアニメーションつけていただいているじゃないですか … めちゃくちゃいいっす、感動しました
取引先からのチャット
デザイン事務所 代表者様
先日無事に公開されました！先方も大変喜んでおりましたよ。 … 増田 様には、丁寧に最後までご対応いただき本当に感謝しております！また何かありましたら、ぜひお願いいたします。
取引先からのメール
フリーランス ディレクター様
土曜日にお客様から「新しいお問い合わせフォーム経由で問い合わせが来始めました！稼働できております！」と連絡いただきました！迷惑メールがはじけているのも、動いていて安心いたしました。
取引先からのメール
制作会社 ディレクター様
先方にご納得いただきました！ありがとうございます！ … 検索の引継ぎについて、詳しく説明頂きありがとうございます。転送対応はすでに実施しており、これまでの実績が失われることはないという事で、安心しました。
取引先からのチャット
広告代理店 代表者様
ＷＯＷ！早速の高速対応、驚きました！ありがとうございます。
取引先からのメール
デザイン事務所 代表者様
あらためて昨日はありがとうございました。様々なご意見をいただけたので、アイディアも深まりとても有意義でした！ … サンプルページ・動画、ありがとうございます。お送りいただいたものでイメージが明確になりました。
取引先からのメール
提供サービス
公開後の改修・引き継ぎ
前任の方がいなくなったサイトの引き継ぎや、他社が作ったサイトの改修も受けています。更新・修正、サーバーの引っ越し、プラグインの更新、SSL などのセキュリティ対応、不具合が起きたときの原因の切り分けまで対応します。
LP・キャンペーンページ
デザインが仕上がった案件のコーディングを中心に受けています。スクロールに合わせた動き（GSAP）、スマホ対応、アクセシビリティ対応まで含めます。動きの方向性が決まっていない段階からでも相談できます。
WordPress のサイト
公開後に更新する方が迷わない管理画面を前提に作ります。オリジナルテーマ、入力欄を整えた管理画面（ACF・カスタム投稿）、会員機能・予約フォーム・外部サービス連携などの独自機能まで対応します。新規でもリニューアルでも受けています。
HubSpot など WordPress 以外の案件
HubSpot・Shopify・Wix・STUDIO・Magnolia・エルテックスDC での構築や改修を受けています。独自の RSS フィードや外部サービスとの連携など、引き受け手が見つかりにくい案件も対応してきました。
ご依頼から公開後まで
-
1
ご相談
デザインデータか URL と、ご希望の時期をお送りください。サイトの目的や、その先のお客さまの狙いもわかれば教えてください。
-
2
お返事とご提案
対応できるか、概算、着手できる日を、翌営業日までにお返しします。目的に合わせて、動きの演出や、検索対策・アクセス解析など入れておくと効く項目もご提案します。
-
3
お見積もり・着手
項目ごとの内訳でお見積もりをお出しします。予算に合わせて項目を調整できます。作り始める前に仕様と制約を確かめ、確認した結果はこちらから先にお送りします。
-
4
確認・公開
テスト環境でご確認いただき、修正を反映してから公開します。データでの納品にも対応します。
-
5
公開後
更新や機能の追加、改修を続けてお受けします。アクセス解析の導入・設定や、改善のご相談にも、できることから乗ります。