NAGINO|スキンケアブランドサイト

制作実績一覧へ

WORKS / SKINCARE BRAND WEBSITE

NAGINO

ひと瓶の動きと余白で伝える、静かなケアの時間。

スキンケアブランド「凪乃(NAGINO)」のコンセプトサイト。ミストブルーの容器を主役に、スクロールに連動する回転やふたの開閉、質感のイメージを組み合わせ、商品を眺めながらブランドの世界観に触れられる構成にまとめています。

CATEGORY
スキンケア・ブランドサイト
FORMAT
Webサイト
NAGINO|スキンケアブランドサイトのトップ画面
ミストブルーの容器と余白を生かし、ブランドの静けさを伝えるトップ画面。

01 / OVERVIEW

ページの概要

「ひと呼吸、わたしに戻る。」を軸に、デューリーフクリームのかたち、ふたを開ける所作、クリームの質感、暮らしの中の時間を順に紹介。商品情報や朝・夜のシーン、3つの所作を切り替えるコンテンツを通じて、ひと瓶を手に取る時間までイメージできるサイトです。

02 / DESIGN & CONTENT

デザインと構成のポイント

01

スクロールで見せる商品

容器の回転やふたの開閉をスクロールと連動させ、かたちから中身へ自然に視線を導きます。回転ボタンや動きを止める操作も設け、自分のペースで眺められる体験にしています。

02

色と余白でつくる静けさ

ミストブルーと白を中心とした配色に、落ち着いた文字組みとゆったりした余白を組み合わせています。容器の丸みや光の表情を引き立て、穏やかなブランドの印象を揃えています。

03

日常の所作へつなぐ構成

朝と夜のシーンや、ひらく・ふれる・ひと息の切り替えコンテンツを配置。商品の見た目だけでなく、日々のケアに向き合う時間を言葉とイメージで伝えています。

ブランドの想いを、伝わるサイトに。

情報の整理からデザイン・実装まで、Webサイト制作のご相談を承ります。