WORKS DETAILランディングページ&サイト制作実績の詳細

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

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

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

ランディングページのテーマ

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

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

ランディングページのデザインコンセプト

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

ランディングページのコーディング

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

クライアント様からの評価

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

ランディングページ&サイト制作実績

老舗メーカー「男前アイロン」のランディングページを制作

老舗メーカー「男前アイロン」のPC/スマホランディングページを制作

創業八十有余年の業務用電熱メーカー石崎電機製作所さまが開発した家庭用スチームアイロン「男前アイロン」のランディングページPC版およびスマートフォン版をデザイン制作いたしました。

GCP認定トレーニング&認定試験のランディングページを制作

GCP認定トレーニング&認定試験のランディングページを制作

Googleの技術をコアとした開発やコンサルティングを行う株式会社トップゲートさまがGoogle公認のもとで運営しているGoogle Cloud Platform認定トレーニング&認定試験のランディングページをデザイン・制作いたしました。

AHA石鹸のランディングページをデザイン制作

AHA石鹸のランディングページを制作

アイアイメディカル株式会社さまが開発したAHA石鹸のランディングページをデザイン制作いたしました。

中学生、高校生のためのITキャンプ「Life is Tech!」のサービスサイトを制作

中学生、高校生のためのITキャンプ「Life is Tech!」のサービスサイトを制作

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

株式会社ロビンさまコーポレートサイトを制作

リフォーム会社さまのコーポレートサイトを制作

名古屋・岐阜で設計・新築・リフォーム事業を展開されている株式会社Robinさまのコーポレートサイトをデザイン制作いたしました。

すし職人育成教室のサービスサイトを制作

すし職人育成教室のサービスサイトを制作

西麻布の人気寿司屋「すし天」が新たにスタートされた、現役の寿司職人が直接指導する育成教室「すし大学」のサービスサイトをデザイン制作しました。

もっと詳しい事例をご覧になりたい方は

  • 03-6427-2311 平日10:00~18:00
  • お問い合わせフォーム