WEBサイト勉強 No.3

html、css、jsを書く上で構成を考えた人の考えやデザインした人の考えを汲み取れるようサイトの勉強を始めました。

以下、全て個人の意見であり、所属する会社の意見を代表するものではありません。

今日参考にしたサイトは株式会社桜パレスのウェブサイト(PCのみ)です。

ウェブサイト全体図

KV
商品を探す
描く・楽しむ
教職員の皆さま
法人のお客さま
SAKURA PRESS
フッター

各コンテンツ概要

KV
slickを使ったカルーセルを使用。
テンポよく流れることと、スクロールを促しているボタンのアニメーションが可愛い。
マウスホバーでカルーセルを一時停止できたり、クリックで一時停止が選択できる。

商品を探す
slickを使ったカルーセルを使用。
KVと同じくカルーセルの一時停止ができる
拡大させる部分をあえて左に寄せることで強調されている

感想
ポップで子供らしさのあるデザインで見ていて楽しくなるサイトでした。かつ操作性は高く非常に参考になりました。
商品を探したい人でも、カテゴリから探したり、目的から探したりできるので見つけやすいと思います。

この記事が気に入ったら、サポートをしてみませんか?
気軽にクリエイターの支援と、記事のオススメができます!
1
社会人2年目。Webプログラマー目指して勉強中。