ナイトワーカー専門税務顧問サービスZeimu（ゼイム）

Point 01

セマンティックHTMLによる構造化マークアップ

ランディングページの構造を明確にするため、セマンティックHTMLを意識したマークアップを実装。section、header、divタグなどを適切に使用し、論理的な文書構造を構築した。見出しタグの階層も適切に設計し、保守性の高いコード構成を実現した。

Point 02

Flexboxを活用した4つのメリット表示とグラフレイアウト

「選ばれる理由」セクションの4つのアイコン配置や、節税シミュレーションのグラフ表示において、Flexboxを活用したレイアウト設計を実装。アイコンの整列やグラフ要素の配置を効率的に行い、視覚的に分かりやすい表現を実現した。

Point 03

料金プランの比較表とレスポンシブ対応

月額料金と初期費用を明確に表示する料金プラン表において、表組みレイアウトとCSS Grid/Flexboxを組み合わせた実装を行った。モバイル端末でも見やすい料金表示を実現し、全デバイスで統一されたユーザビリティを提供した。