アイロン接着テープのランディングページを制作

貼ってアイロンをかけるだけ！アイロン接着テープの魅力を直感的に伝える。

裁縫が苦手な子育てママでもカンタンに手芸ができる、ニトムズのアイロン接着テープ。「テープを貼って、アイロンをかければ、完成する」というカンタンステップが魅力の商品です。これ一つで入園・入学グッズ、名札・ゼッケンの貼り直し、ズボンの裾上げ、ほつれ直しもすべて対応できます。本ランディングページでは、忙しい子育てママにとって、「メリットがすぐに伝わる」情報設計やシナリオの構築を行い、かつ、「共感できる優しいデザイン」を目指してイラストやデザイン装飾などを行いました。また、テープを貼る動作そのものもアニメーションにすることで、製品の魅力がより直感的に伝わるように工夫いたしました。

• 「ピンク」をベースにした柔らかい印象が伝わるカラー設計
• やさしい丸みのある「秀英丸ゴシック」で親しみやすさを感じさせるフォント選定
• イラストを活用して子育てママが共感する温かみのあるデザインに
• レスポンシブでも単調にならない動きのあるレイアウト設計
• デバイスフォントでの構成を踏まえたレイアウト設計
• 「アイテム例」や「レシピを見る」ボタンは、アクションのしやすさを考慮したUIデザイン

• 各種ディスプレイでの表示品質を考慮した実装
• 商品の魅力を視覚的に伝えるようなメインビジュアルのアニメーションの実装
• スクロールに合わせて、要素を表示させるアニメーションの実装
• ページ内リンクによる目的コンテンツへのスムーズな移動
• コンテンツをコンパクトに収めるため、アコーディオンを実装
• モーダルウィンドウによるYouTube動画の再生

LPデザインありがとうございます。素敵なデザインかつ弊社に今までなかったテイストでスマホでも読みやすく、アニメーションが素敵でした。非常に楽しみです。