WORKS DETAILランディングページ(LP)&サイト制作実績の詳細
アイロン接着テープのランディングページを制作
株式会社ニトムズさまのアイロン接着テープ(手芸・布用)のレスポンシブランディングページを制作いたしました。

ランディングページのテーマ
貼ってアイロンをかけるだけ!アイロン接着テープの魅力を直感的に伝える。
裁縫が苦手な子育てママでもカンタンに手芸ができる、ニトムズのアイロン接着テープ。「テープを貼って、アイロンをかければ、完成する」というカンタンステップが魅力の商品です。これ一つで入園・入学グッズ、名札・ゼッケンの貼り直し、ズボンの裾上げ、ほつれ直しもすべて対応できます。本ランディングページでは、忙しい子育てママにとって、「メリットがすぐに伝わる」情報設計やシナリオの構築を行い、かつ、「共感できる優しいデザイン」を目指してイラストやデザイン装飾などを行いました。また、テープを貼る動作そのものもアニメーションにすることで、製品の魅力がより直感的に伝わるように工夫いたしました。
ランディングページのデザインコンセプト
- 「ピンク」をベースにした柔らかい印象が伝わるカラー設計
- やさしい丸みのある「秀英丸ゴシック」で親しみやすさを感じさせるフォント選定
- イラストを活用して子育てママが共感する温かみのあるデザインに
- レスポンシブでも単調にならない動きのあるレイアウト設計
- デバイスフォントでの構成を踏まえたレイアウト設計
- 「アイテム例」や「レシピを見る」ボタンは、アクションのしやすさを考慮したUIデザイン
ランディングページのコーディング
- 画像サイズの調整による高画質ディスプレイへの対応
- 商品の魅力を視覚的に伝えるようなメインビジュアルのアニメーションの実装
- スクロールに合わせて、要素を表示させるアニメーションの実装
- ページ内リンクによる目的コンテンツへのスムーズな移動
- コンテンツをコンパクトに収めるため、アコーディオンを実装
- モーダルウィンドウによるYouTube動画の再生
クライアント様からの評価
LPデザインありがとうございます。素敵なデザインかつ弊社に今までなかったテイストでスマホでも読みやすく、アニメーションが素敵でした。非常に楽しみです。
カテゴリー | ランディングページ |
---|
提供サービス |
ランディングページ制作 |
---|
ランディングページ(LP)&サイト制作実績

学習型転職支援サービス「DX大学」のランディングページを制作
DX企業のCEOと直接つながりキャリアアップできる学習型転職支援サービス「DX大学」(ブラッシュアップ・ジャパン株式会社さま運営)のレスポンシブランディングページを制作いたしました。

中学生、高校生のためのITキャンプ「Life is Tech!」のサービスサイトを制作
ライフイズテック株式会社さまが手掛けるシリコンバレーの教育法で学ぶ、中高生のためのIT教育プログラム“”Life is Tech!”のサイトを、サマーキャンプのLPに続き、デザイン制作いたしました。