Webデザインレビュー 【2023秋冬限定ヘアアイロン | SALONIA(サロニア)公式サイト】編

2023秋冬限定ヘアアイロン | SALONIA(サロニア)公式サイト

美しい個性が響きあうというキーフレーズや交響曲のように世界が調和していくというメッセージを五線譜と商品を音符に見立てたデザイン。
ファーストビューのインパクトもいい。

スマホファースト。必要な要素の幅は基本的にはスマホサイズのみ。
スマホファーストになると空いた両脇をなんとなくで埋めるサイトもあるけれど、五線譜や製品、動きをうまく使っていてとてもいい。空白をちゃんと考えていると感じられる。

フォントが若干ブラウンよりなのも、背景がザラザラした質感というか壁紙っぽいのもいい。

symphonyがスクロールで横移動するのがいい。

■日本語フォント
font-family: My Yu Gothic, "游ゴシック体", "游ゴシック", "Yu Gothic", "Noto Sans JP", sans-serif;

■欧文フォント
font-family: "Outfit", sans-serif;

■似た動きができそうな参考

・波線や円などをcssやjsで動かす

・これを応用すれば背景の文字をスクロールで動かせるかも


いいなと思ったら応援しよう!