WORKS DETAILランディングページ(LP)&サイト制作実績の詳細
アパレル特化の販売・在庫管理システム「アパレル管理自動くん」のランディングページを制作
株式会社dual&Co.さまが提供する、アパレル業界に特化した販売・在庫管理システム「アパレル管理自動くん」のランディングページを制作しました。
ランディングページのテーマ
はじめての販売・在庫管理システム導入を、わかりやすく・始めやすく。
「アパレル管理自動くん」は、商品・在庫・売上・顧客・店舗など、アパレル事業に必要な情報をまとめて管理できる販売・在庫管理システムです。dual&Co.さまへのヒアリングと検索キーワード・競合調査をもとに、特に「エクセルや手作業で在庫を管理しており、これから初めてシステムを導入する事業者」をメインターゲットとして設定しました。LPでは、単に機能を並べるのではなく、「管理に時間がかかる」「正確な在庫状況を把握できない」「店舗とECの連携が難しい」といった現場の課題から入り、販売・在庫管理をシステム化することで得られるメリットへと自然につなげる構成に。小売・卸売それぞれの業務を視覚化したファンクションマップや管理画面、導入事例などを用い、システムに詳しくないユーザーでも具体的な利用イメージを持てる情報設計を目指しました。
ランディングページのデザインコンセプト
- ネイビーを基調に、BtoBサービスとしての信頼感とシステムの先進性を表現
- オレンジやベージュをアクセントに使用し、堅くなりすぎない親しみやすい印象に
- 実際の管理画面を大きく見せ、サービスを利用するイメージを具体化
- 写真・イラスト・図解を組み合わせ、在庫管理に詳しくないユーザーでも直感的に理解できる構成に
- 小売・卸売それぞれの業務と機能をファンクションマップで整理し、多機能なシステムの全体像を視覚化
- 導入事例では「課題」「導入の決め手」などを整理し、自社で導入した場合のイメージを持ちやすいデザインに
ランディングページのコーディング
- PC/スマートフォンそれぞれで情報を確認しやすいレスポンシブ設計
- スクロール時にも主要な導線へアクセスしやすい固定ヘッダーを実装
- 軽量化による表示速度の改善と離脱防止
- スライダーやアコーディオンを実装し、ユーザーが直感的に情報にアクセスできるように構成
- フリートライアルや料金確認など、検討段階に応じたCTAへスムーズに遷移できる導線を設計
| カテゴリー | ランディングページ |
|---|
| 提供サービス |
ランディングページ制作 |
|---|
ランディングページ(LP)&サイト制作実績
学習型転職支援サービス「DX大学」のランディングページを制作
DX企業のCEOと直接つながりキャリアアップできる学習型転職支援サービス「DX大学」(ブラッシュアップ・ジャパン株式会社さま運営)のレスポンシブランディングページを制作いたしました。
20代向け転職支援サービスのPC/スマホランディングページ制作
20代向け転職支援サービス「20代の転職相談所」(ブラッシュアップ・ジャパン株式会社さま運営)のPC/スマホランディングページをデザイン制作いたしました。
20代向けwebセミナープラットフォームのサービスサイトを制作
20代対象のwebセミナーサービス「ニイゼロ★ウェビナー」(ブラッシュアップ・ジャパン株式会社さま運営)のサービスサイトをデザイン制作いたしました。






