You need to enable JavaScript to run this app.
share
シェア
LPトレース(202411_架空案件/UI研究)
作品について
クレジット
help
cocohiro
Web Design
share
シェア
link
link
コピー
code
埋め込み
閉じる
close
cocohiro
LPトレース(202411_架空案件/UI研究)
■ 制作目的 既存LPの構成やUI設計を理解することを目的にトレース制作を行った。 特に「ファーストビューの訴求」「視線誘導」「CTA配置」の関係性を意識して分析した。 ■ 学習ポイント ・ファーストビューでコピー → 商品 → CTAの順に視線が流れる設計 ・スマートフォンでの可読性を考慮した余白設計 ・情報を段階的に理解させるLP構成 ■ 制作内容 PC・SPデザインのトレースを行い、レイアウトや余白、タイポグラフィの理解を深めた。
クレジット
help
cocohiro
Web Design
share
シェア
link
link
コピー
code
埋め込み
cocohiroの他の作品
画像
image
visibility
作品を見る
リュック_LPデザイン(202501_架空案件)
画像
image
visibility
作品を見る
リュック_ECセールバナー(202603_架空案件)
画像
image
visibility
作品を見る
オンラインスクール_バナー(202409_架空案件)
あなたのforiioを無料で作成
fori.io/
無料で使ってみる
利用規約
プライバシーポリシー
情報セキュリティ基本方針
特定商取引法
©2026 foriio, Inc
Made with
❤️
from Tokyo
cocohiro
foriio-web-snximpjraq-an.a.run.app/cocohiro
content_copy
コピー
ポートフォリオを無料で作成
ログイン
cocohiro
LPトレース(202411_架空案件/UI研究)
■ 制作目的 既存LPの構成やUI設計を理解することを目的にトレース制作を行った。 特に「ファーストビューの訴求」「視線誘導」「CTA配置」の関係性を意識して分析した。 ■ 学習ポイント ・ファーストビューでコピー → 商品 → CTAの順に視線が流れる設計 ・スマートフォンでの可読性を考慮した余白設計 ・情報を段階的に理解させるLP構成 ■ 制作内容 PC・SPデザインのトレースを行い、レイアウトや余白、タイポグラフィの理解を深めた。
クレジット
help
cocohiro
Web Design
share
シェア
link
link
コピー
code
埋め込み
cocohiroの他の作品
画像
image
visibility
作品を見る
リュック_LPデザイン(202501_架空案件)
画像
image
visibility
作品を見る
リュック_ECセールバナー(202603_架空案件)
画像
image
visibility
作品を見る
オンラインスクール_バナー(202409_架空案件)
あなたのforiioを無料で作成
fori.io/
無料で使ってみる
利用規約
プライバシーポリシー
情報セキュリティ基本方針
特定商取引法
©2026 foriio, Inc
Made with
❤️
from Tokyo