All Anime.jsGSAPthree.jsWORK

【制作事例】ファッションサイト

このページは、ファッション雑誌のような世界観を再現したランディングページ(LP)のデモサイトです。HTMLとCSSのみで構成されており、ビジュアル重視のWebデザインを学びたい方に最適です。

画面は3カラムで構成されており、左サイドにはスライドショーでブランドイメージを印象づけるビジュアルが展開されます。

中央エリアには「Concept」「About」「Moments」といったブランドの想いやストーリーが伝わるセクションが並び、その後に「Products」「Outfit Ideas(おすすめコーデ)」のようにユーザーの関心が高い情報が流れるように配置されています。

また、右側にはスクロールしても消えない固定ナビゲーション(position: sticky)が設置されており、ユーザーが各セクションにスムーズにアクセスできます。