landing page
https://www.rakuten.ne.jp/gold/sake-kadoya/shimaoka/
楽天市場という競争の激しいプラットフォームにおいて、島岡酒造様の製品をただ陳列するだけでなく、記憶に残る、動きのある体験で差別化を図る必要がありました。また、日本酒の専門的な説明を、ブランドの高い品質感を損なわずに、すべてのユーザーに分かりやすく提供することが課題でした。
目標は、CSS3による動きを取り入れ、ユーザーの滞在時間とエンゲージメントを高めるスペシャルサイトを構築すること。そして、レスポンシブデザインにより、モバイルユーザーにもストレスなく、島岡酒造が造る日本酒の魅力と詳細情報を完全に伝えることを目指しました。
静的なサイトが多い中で、CSS3を駆使したスムーズで洗練された動きをデザインに取り入れました。ユーザーのスクロールに合わせてコンテンツが出現するなどの演出により、ブランドへの期待感と楽しさを提供し、競合サイトとの明確な差別化を図りました。（ROLES: Design, Coding）
島岡酒造様の製品が持つ技術的な優位性やこだわりを、専門用語を使いすぎず、図解や簡潔な見出しで整理しました。「詳しく、かつ分かりやすく」という目標を達成するため、コンテンツの構成と表現を緻密にディレクションしました。（ROLES: Direction, Planning）
PCだけでなく、主要な流入元であるスマートフォンでも、CSS3による動きが軽快かつ正確に動作するよう、レスポンシブデザインとコーディングを徹底しました。これにより、全ユーザーに均一で高品質なブランド体験を提供しました。（ROLES: Coding）
本スペシャルサイトの導入後、ユーザーからの「デザイン性が高い」「見飽きない」というフィードバックを獲得しました。動きと詳細な情報提供が融合したことで、ユーザーの滞在時間が延長し、製品への理解度と購買意欲が高まるという成果に繋がり、島岡酒造様のブランドイメージ向上に大きく貢献しました。
