架空ベビーブランドの複数サイトページの制作

作品の概要

作品名

架空ベビーブランド「天使のおまもり」のサイトページ

URL

https://konomi-ni.sakura.ne.jp/

制作時期

2026年7月

制作期間

約１ヶ月

主な使用ツール

Figma、HTML、CSS、Jquery

制作のポイント

制作意図

自分でサイトコンセプトを設定し、デザインからコーディングまで通して制作しました。
架空のベビーブランド「天使のおまもり」は、新生児から一歳までを対象にしたベビー肌着、ベビーウェアを取り扱うブランドです。赤ちゃんのために肌に優しく安全な洋服を手に入れたいお母さんのために、綿100%、純日本製をアピールしています。
ブランドサイトではブランド概要に加え商品と出産準備に関する情報を取り扱い、オンラインショップへの遷移と売上上昇を目標にデザインしました。

工夫点

・天使の羽をイメージした水色と、コットンをイメージしたベージュをメインカラーにしています。天使の羽が優しく包み込む様子をイメージしてセクション間にグラデーションを使用し、Jqueryを使用してふんわりとしたフェードインアニメーションを付けました。
・出産を控えた女性がストレスなくサイトを閲覧できるように、画像は大きめにして、フォントは「M Plus 1p」という少し丸みのある読みやすいゴシック体を使用しました。
・オンラインショップへの遷移件数を増やすため、CTAを充実し、商品紹介ページの各種商品からもオンラインショップへ飛べるようにデザインしました。