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
• 各種分析ツール、メール配信などマーケツールも組み込み済み

SiteMiraizの公式サービス紹介サイトはこちら

複雑なテンプレート構成でも比較的スムーズに対応でき、LPデザインの意図した表現を損なうことなく組み込めました。

多様なCMS経験が活きたポイント

WordPress、HubSpot CMS、Wix、MovableType、独自CMSなど、これまで多種多様なCMSに携わってきた経験から、今回のSiteMiraizへの適応もスムーズでした。

• CMSごとのクセや制約に慣れているため対応が早い
• テンプレート構造を即座に把握し、組み込み方針を最適化できた
• LP特有の訴求設計・UIの流れを理解しているため実装が無駄な進められた

結び

株式会社エートゥジェイ様のLPコーディング支援では、Tailwind環境との整合性と表示最適化の両立を目指して実装を行いました。CMSであるSiteMiraizへの組み込みもスムーズに行え、運用面でも扱いやすい仕上がりとなりました。

制約のある環境下でも、コード品質と運用性を両立したLP制作ができた案件であり、様々なCMS経験が存分に活きた案件でした。