クリックでサイトキャプチャを表示できます
Tailwind対応LPコーディング&サイトミライズ組み込み事例【東証プライム系列】株式会社エートゥジェイ様
株式会社ソフトクリエイト(東証プライム:3371)系列の株式会社エートゥジェイ様(東京都港区青山)より、LP(ランディングページ)コーディング支援のご依頼いただきました。
既存サイトの技術構成を踏まえつつ、運用性・デザイン再現性・パフォーマンスをバランスよく成立させることを重視して進行しました。
ECサイトコンサルティングサービス | 株式会社エートゥジェイ
Tailwind環境への最適化を意識したコーディング
エートゥジェイ様の本体サイトはTailwind CSSで構築されており、LP側のコーディングでもその影響を考慮する必要がありました。
Tailwind環境への配慮ポイント
- 既存のコンパイル済みTailwindを考慮したCSS設計
- Tailwind特有の命名規則・優先度を理解したうえでのスタイル調整
Tailwindのとの命名規則によるコンフリクトを避けつつ、LPとしての表現力や表示パフォーマンスは妥協せず、軽量かつ再現度の高い実装を行いました。

SiteMiraiz(サイトミライズ)への組み込み
コーディングしたLPは、CMSであるSiteMiraizへ組み込みました。SiteMiraizはページ単位でデザイン性の高いLPや特設ページを運用しやすいCMSで、企業サイトによくある静的ページ(会社概要ページ・求人ページ)+動的ページ(企業ブログ・記事コンテンツ・クローズドページ)なサイト構成にも適しています。
SiteMiraizの概要(簡易)
- 堅固なセキュリティと運用に必要な機能を揃えたSaaS型CMS
- ページ単位で柔軟なデザイン組み込みが可能
- 運用担当者が編集しやすいUI
- 各種分析ツール、メール配信などマーケツールも組み込み済み
複雑なテンプレート構成でも比較的スムーズに対応でき、LPデザインの意図した表現を損なうことなく組み込めました。
多様なCMS経験が活きたポイント
WordPress、HubSpot CMS、Wix、MovableType、独自CMSなど、これまで多種多様なCMSに携わってきた経験から、今回のSiteMiraizへの適応もスムーズでした。
- CMSごとのクセや制約に慣れているため対応が早い
- テンプレート構造を即座に把握し、組み込み方針を最適化できた
- LP特有の訴求設計・UIの流れを理解しているため実装が無駄な進められた
結び
株式会社エートゥジェイ様のLPコーディング支援では、Tailwind環境との整合性と表示最適化の両立を目指して実装を行いました。CMSであるSiteMiraizへの組み込みもスムーズに行え、運用面でも扱いやすい仕上がりとなりました。
制約のある環境下でも、コード品質と運用性を両立したLP制作ができた案件であり、様々なCMS経験が存分に活きた案件でした。
他にもこちらで公開できない事例が多数ございます。
まずは気軽にご連絡ください。

