ウェブサイト／ベビー用品ブランド

NUKURI

綿のやわらかさから、
はじまるブランドサイト。

和歌山の架空のベビーウェアブランドを題材にした企業サイトです。無漂白・無染色のオーガニックコットンという素材の話を入口に、商品、ものづくりと安全性、出産祝いのギフトまでを案内します。

作品を開く

架空の事業者を題材にした自主制作です。

素材の話から、
商品へ渡していく。

想定したのは、第一子の出産を控えた人と、出産祝いを選ぶ人です。トップでは綿そのものの姿とブランドのことばを置き、商品・ものづくり・ギフトの三つへ振り分けています。

素材と生産地を確かめてから選びたい人のために、ものづくりと安全性を独立したページにしました。よくあるご質問も分け、問い合わせの前に読み終えられるようにしています。

冒頭の映像は10秒で、スクロールに合わせて綿から糸、赤ちゃん、縫製、商品へと場面が進みます。読み込みの前は静止画を出し、動きを止める設定では通常の文章として読めます。左上には周りの文字がゆっくり回る丸いロゴのバッジを置き、ナビは右上に縦に積みました。

地色は生成り、見出しは明朝体で字間を広く取り、色数を絞って写真そのものに色を持たせています。本文は写真と文章のカードを少し重ねて上下にずらし、余白を大きく取りました。写真は柔らかい布のように波打ち、カーソルを乗せるとふわりと揺れます。

お問い合わせは、種別を選び、名前・メールアドレス・内容を入力する構成です。確認ボタンを押すと必須項目と形式を検証し、結果を同じ画面のすぐ下に表示します。

よくあるご質問はJavaScriptがなくても開閉できます。入力内容は保存も送信もせず、実際の問い合わせ・返信・注文は行わないデモです。

スマートフォンでは冒頭の映像を画面いっぱいに敷き、下から濃い茶に暗くなる地に、見出し・説明・導線を白い文字で重ねました。ヘッダーはロゴのバッジと丸いメニューのボタンだけにし、開くとナビが縦に並ぶシートが出ます。本文は写真、見出し、説明、リンクの順に縦へ並べています。