Project detail
NO.05
view live site ↗
( 概要 - Project overview )
Role :
Web Design / Web Development / Art Direction / Content Writing / Image Editing
Deliverables :
Landing Page for "AUTUMN 5 STYLE"
Year :
August 2025
( 課題 - Challenge )
既存の春のランディングページは、テキストの可読性が低く、商品のナビゲーションがわかりにくい構造でした。
また、購入リンクがページ下部にしか配置されておらず、商品名や価格などの重要情報が画像内に埋め込まれていたため、アクセシビリティが低く、SEOにも不利な状態でした。
( ゴール - Goal )
商品の主要情報を明確に伝えつつ、今後の季節ランディングページでも活用できる柔軟かつ再利用可能なレイアウト設計を目標としました。
( コンセプト - Concept )
日常に溶け込む、落ち着きと自然体を感じさせる女性らしさをコンセプトに設定。過度に装飾的にならず、心地よさ・さりげない洗練・誠実さを感じさせるビジュアルに。RNA-Nの「モダンでリラックスした上品さ」というブランドアイデンティティに基づいています。
Keywords:
Natural / Autumn / Minimal / Calm
( デザイン設計 - Design Approach )
着用イメージ、商品説明、単品ビジュアル、BUYボタンを整理してレイアウトを再設計し、購入までの導線を直感的に。
購入リンクは各商品セクション内に配置して混乱を防止。複数の着用イメージはスライダーで提示し、まずスタイリングやフィット感を伝え、続いてブランドの雰囲気を補強する単品ビジュアルを配置することで、ユーザーの意思決定をサポートしています。
( 結果 - Outcome )
リニューアルにより、ユーザーがスタイリングや商品情報を直感的に理解できるランディングページを実現。
また、将来の季節ごとのキャンペーンでも再利用可能な明確な構造を提供しています。
( 学び - Reflection )
本プロジェクトを通じて、ユーザー視点でデザインする力がさらに向上しました。特に、リンク配置や視覚的階層を最適化することで、購入行動をサポートする設計の重要性を学びました。
RNA-N Landing page
RNA-N Landing page
RNA-N Landing page
RNA-N Landing page
RNA-N Landing page
RNA-N Landing page
RNA-N Landing page
RNA-N Landing page
RNA-N Landing page
RNA-N Landing page
RNA-N Landing page
RNA-N Landing page
RNA-N Landing page
RNA-N Landing page
RNA-N Landing page
RNA-N Landing page
RNA-N Landing page
RNA-N Landing page
RNA-N Landing page
RNA-N Landing page
RNA-N Landing page
RNA-N Landing page
RNA-N Landing page
RNA-N Landing page
RNA-N Landing page
( Back to all projects )
ABOUTWORKCONTACTEnglish
© 2026 hinakobeaune