mofunoa|ベビーケアブランドサイト

制作実績一覧へ

WORKS / BABY CARE BRAND WEBSITE

mofunoa

親子の日常に寄り添う、やさしいブランドの世界観。

ベビーケアブランド「mofunoa(モフノア)」のWebサイト。親子のふれあいを描くイラストとあたたかな配色で、ブランドの想いから商品紹介までをひとつの流れにまとめています。

CATEGORY
ベビーケア・ブランドサイト
FORMAT
Webサイト
親子の日常を描くイラストとコピーを配置したmofunoaのトップ画面
イラストとやわらかな色合いで、親子に寄り添うブランドの空気感を伝える導入画面。

01 / OVERVIEW

ページの概要

「きょうの“ふれる”を、ずっと愛おしく。」というメッセージを軸に、赤ちゃんと家族の毎日に寄り添うベビーケアの世界観を表現したサイトです。読みもの、ブランドの想い、大切にする3つの約束、商品紹介、FAQ、お問い合わせを整理。ブランドへの共感から、商品や使う場面への理解につなげる構成です。

02 / DESIGN & CONTENT

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

01

親子の日常をイラストに

入浴、保湿、抱っこ、お散歩、お昼寝といった場面を描き、商品を使う時間までイメージできる導入に。各セクションにもイラストを配し、親しみやすさを揃えています。

02

色と余白でやさしさを表現

クリーム色の背景に、コーラルや淡いグリーンを組み合わせた配色。丸みのある形とゆったりした余白で、あたたかく読み進められる画面に整えています。

03

想いから商品へつなぐ

ブランドが大切にすることを伝えてから、ベビーウォッシュとベビーミルクを紹介。FAQやお問い合わせへの入口もまとめ、関心に応じて情報を探せる構成です。

03 / ALTERNATIVE DESIGN

別案:suyolica(スヨリカ)

同じベビーケアブランドのコンセプトをもとに、別案として「suyolica(スヨリカ)」のサイトも制作しました。mofunoaがイラストで親しみやすさを表現しているのに対し、suyolicaでは陶器のような質感の立体オブジェと、落ち着いたグリーンを中心に構成。親子を包むやさしさを、静かで上品な印象にまとめたデザイン案です。

親子の立体オブジェとグリーンの配色を使った別案suyolicaのトップ画面
別案「suyolica」。立体オブジェと余白を活かした、落ち着きのある表現。

04 / FULL PAGE DESIGN

サイト全体のデザイン

トップからフッターまで、ページ全体の構成をご覧いただけます。画像を選ぶと、別タブで拡大して確認できます。

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

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