NOZUK Z-WIRE(溶接ワイヤー ECサイト LP)

  • LP
  • wordpress
  • コーディング

https://nozuk.com/onlineshop

概要

大阪の製造業メーカー・ノヅック株式会社様の溶接ワイヤーブランド「NOZUK Z-WIRE」のLPをコーディングしました。既存WPサイトへの追加ページとして実装し、コスト削減を訴求する構成のランディングページです。

担当範囲

LPデザインのコーディング(HTML/CSS/JS)

既存WordPressサイトへの組み込み・実装

JavaScriptによるコストシミュレーターの新規開発

制作期間

5日間

こだわり

  • コストシミュレーターの独自開発
    月間使用量・現在の単価をスライダーで入力すると、月間/年間の削減額をリアルタイムに算出・表示する機能をVanilla JSで実装しました。ユーザーが数値を動かすたびに即座に結果が更新される、インタラクティブなUIです。
  • 訴求構造に沿ったセクション設計
    「安さの理由」「よくある不安(Pain Points)」「6つの強み」「導入フロー」「FAQ」など、BtoB商材特有の懸念(品質・規格・信頼性)を順序立てて解消していく構成をコーディング面から支えました。
  • 比較表・フロー図などの表現
    一般的な流通構造とノヅックの直販構造を比較するテーブルやステップ形式の導入フローなど、視覚的に理解しやすいレイアウトを実装しています。