せろりのセオリー | Webサイト100選

Webデザイン未経験の私が、魅力的で優れたWebサイトを見て考察力、表現力を学ぶ学習サイトです。

No.86 POWER PALLET

■概要

子供雑貨を販売のサイト。

 

 

■視点

子供らしい淡いパステルカラーとアニメーションが存分に使われていて、見ていて可愛らしいサイト。色を多用した場合の配色の仕方について着目する。

 

■ターゲット

・小さな子供がいる親
・産後のお母さん

 

■FV

パステルカラーのブランド名がポンポンとリズムよくアニメーションで表示される。画面を広く使い次から次へとアニメーションが繰り出されていて、とても明るくポップな印象。背景カラーは白を設定し、パステルカラーが鮮やかに見える。右上に固定されているナビゲーションは、カーソルを置くと大きめの文字が表示されるようになっており、アニメーションが動いていても見やすいように工夫されている。アイコンが多いためか、レスポンシブにすると検索とカートのみを固定表示で、残りはハンバーガーメニューに格納されている。
左下にはnewsが切れるように配置されていて、スクロールの誘導になっている。

 

■特徴

色鮮やかなパステルカラーとテンポの良いアニメーションが特徴的。パステル色に負けてしまわないよう、テキストは太いゴシックのフォントを使い、全体的にフォントサイズが大きめになっている。コンテンツ内のテキストカラーは白で統一されており、カラフルな中でも読みやすい。産後や育児で大変な人を元気づけるような明るい雰囲気の色使いである。

 

FV直下には、ひらがなのテキストと右半分以上は余白という大胆な構成。ひらがなだけというのもインパクトがあるし、右半分に何か出てくるんじゃないかとちょっと待ってしまう。自分では出来ない配置なので、注目度が上がるという意味で勉強になる。

せろりのセオリー/ Webサイト100選 No.86 POWER PALLET

せろりのセオリー/ Webサイト100選 No.86 POWER PALLET

 

 

・よみもの

右端中央に大きな矢印が付いており、てっきりスライダーかと思ったら詳細ページへの誘導ボタンだった。あまり大きく表示しなさそうなタグも補色と大きめのフォントを使い目立つようにしてある。

せろりのセオリー/ Webサイト100選 No.86 POWER PALLET

せろりのセオリー/ Webサイト100選 No.86 POWER PALLET

 

 

フッターではカテゴリのアイコンを大きく、ページをたっぷり使い表示。このような大胆なフッターの使い方も珍しく勉強になる。

せろりのセオリー/ Webサイト100選 No.86 POWER PALLET

せろりのセオリー/ Webサイト100選 No.86 POWER PALLET

 

 

■フォント

・ヒラギノ角ゴシック

 

 

■配色

#ECAAA5、#F1E5AB、#fff、#B7D9C5、#F3C9AA、#B0D2EA、#B2A8CD

せろりのセオリー/ Webサイト100選 No.86 POWER PALLET

せろりのセオリー/ Webサイト100選 No.86 POWER PALLET

 

 

 

Webサイト:POWER PALLET

せろりのセオリー/ Webサイト100選 No.86 POWER PALLET

せろりのセオリー/ Webサイト100選 No.86 POWER PALLET

次へ 投稿

前へ 投稿

返信する

© 2025 せろりのセオリー | Webサイト100選

テーマの著者 Anders Norén