NOZUK Z-WIRE(溶接ワイヤー ECサイト LP)
- LP
- wordpress
- コーディング

概要
大阪の製造業メーカー・ノヅック株式会社様の溶接ワイヤーブランド「NOZUK Z-WIRE」のLPをコーディングしました。既存WPサイトへの追加ページとして実装し、コスト削減を訴求する構成のランディングページです。
担当範囲
LPデザインのコーディング(HTML/CSS/JS)
既存WordPressサイトへの組み込み・実装
JavaScriptによるコストシミュレーターの新規開発
制作期間
5日間
こだわり
- コストシミュレーターの独自開発
月間使用量・現在の単価をスライダーで入力すると、月間/年間の削減額をリアルタイムに算出・表示する機能をVanilla JSで実装しました。ユーザーが数値を動かすたびに即座に結果が更新される、インタラクティブなUIです。 - 訴求構造に沿ったセクション設計
「安さの理由」「よくある不安(Pain Points)」「6つの強み」「導入フロー」「FAQ」など、BtoB商材特有の懸念(品質・規格・信頼性)を順序立てて解消していく構成をコーディング面から支えました。 - 比較表・フロー図などの表現
一般的な流通構造とノヅックの直販構造を比較するテーブルやステップ形式の導入フローなど、視覚的に理解しやすいレイアウトを実装しています。