CASE STUDY / 2025

スマホ用ロングLP

デザイン再現と読みやすさを両立した、スマートフォン向けLP

01 / OVERVIEW

制作概要

ピラティスサービスを比較・紹介するスマートフォン向けLPのコーディングを担当しました。支給されたデザインカンプをもとに、各セクションや装飾を再現しながら実装しました。

02 / CHALLENGE

比較表やランキング、吹き出し、イラストなど多くの要素が配置されており、情報量を保ちながらデザインを崩さず再現することが求められました。

03 / APPROACH

余白や文字サイズ、装飾の位置関係を細かく確認しながらコーディング。スマートフォンでの見やすさを意識し、各コンテンツが自然な流れで読めるよう実装しました。

04 / OUTCOME

カンプの柔らかな配色や親しみやすい雰囲気を保ちつつ、情報量の多いページでも読み進めやすいLPに仕上げました。

TOOLS