#開発Web制作自社制作

余白と動きを活かした、Web制作サービスのLP

自社Web制作サービスのLPを、要件整理・構成・デザイン・実装まで制作。余白、スマホでも読める文字サイズ、動きのあるファーストビューを整えました。

BEFORE / AFTER

改善の全体像

掲載許可を得た定性情報のみ掲載

BEFORE

自社のWeb制作サービスを紹介したい

自社のWeb制作サービスを紹介するLPとして、余白を活かした構成、スマホでの読みやすさ、動きのあるファーストビューを設計しました。

AFTER

余白と動きを活かしたLPを制作

自社Web制作サービスのLPを、要件整理・構成・デザイン・実装まで制作。余白、スマホでも読める文字サイズ、動きのあるファーストビューを整えました。

改善までの流れ

  1. 1

    要件・ページ構成を整理

  2. 2

    余白・文字・動きを設計

  3. 3

    LPを実装

課題の背景

自社のWeb制作サービスを紹介するLPとして、余白を活かした構成、スマホでの読みやすさ、動きのあるファーストビューを設計しました。

支援内容・AI活用

要件定義・ワイヤーフレーム・デザイン・実装を担当しました。React・TypeScriptを使い、GSAP・Lenisで動きを実装。文字サイズと余白を調整しました。顧客案件ではなく自社制作として紹介しています。

成果

  • 要件整理からデザイン・実装まで自社で制作
  • スマホでも読める文字サイズと余白を調整
  • 動きのあるファーストビューを実装

この事例の関連サービス

開発(LP・HP制作)

関連する事例

あなたにも、良い便りを届けます

まずは無料相談で、いま困っていることをお聞かせください。