その他

2022.07.27

【勝手にWEBサイトレビュー#33】イラストや動きに統一感のあるウォッカの紹介サイト

こんにちは!

Webデザインアワードで入賞しているWebサイトのご紹介第33回です。

今回も引き続き「CSS Design Awards」または「Awwwards」の中から特に目に留まったWebサイトをご紹介していきます!

ご紹介Webサイト「495 Vodka

https://495.vodka/

今回ご紹介するWebサイトは、ロシアのウォッカ紹介サイトです。
こちらのWebサイトは、CSS design AwardとAwwwardsどちらも入賞しています。

▼CSS Design Awards掲載ページ
https://www.cssdesignawards.com/sites/495-vodka/39109/

▼Awwwards掲載ページ
https://www.awwwards.com/sites/495-vodka

真似したいポイント

統一感のあるイラスト

こちらのWebサイトでは、全体的にイラストが使用されています。
イラストのテイストが統一してあることはもちろん、左上のハンバーガーメニューや右上のSNSボタンもイラストのテイストに合うデザインになっており、とてもまとまりがあります!

また、写真はほぼ使用されていませんが、写真が使用されている場所では、モノクロ調にしてあったりと、こちらもWebサイト全体で統一されています。

イラストにあった動き

こちらのWebサイトは、スクロールに合わせてイラストが動く仕組みになっています。こちらの動きもイラストのテイストにあった可愛らしいものになっています。

すごい!と思ったポイント

スクロールの位置がわかる%表示

こちらのWebサイトでは、画面左下に「0%」と数値が表示されていて、スクロールすると数値が上がっていき、ページの下までたどり着くと「100%」になります。

スクロールバーでなく、このような%表示で画面のスクロール位置を示す方法は初めて見たので、斬新でした!

まとめ

白と黒を基調としたシンプルなWebサイトながら、統一感のあるイラストと動きでとても可愛らしいWebサイトでした。
画像ではなく、イラストをたくさん使うWebサイトも良いですね!

前回のレビューはこちら!

[card url=”http://note.spiqa.design/wp/review32/]

この記事をシェアする

関連記事

  • 2024.03.22

    Webデザインにおけるアニメーションについて考えてみた〜実例編〜

    その他

  • 2024.03.12

    Webデザインにおけるアニメーションについて考えてみた〜メリット・デメリット編〜

    その他

  • 2023.12.30

    案件を切り替える拡張機能「Project Manager」が便利!

    その他

おすすめ記事

  • 2021.06.18

    【サイトレビュー#42】ドット絵テイストの懐かしい世界観が魅力!採用コンサル業者のコーポレートサイト

    その他

  • 2021.02.01

    【勝手にWEBサイトレビュー #06】Google Nest Wifiの商品サイト

    その他

  • 2022.09.08

    【動画編集時短術】プレミアプロに用意されているトランジションテンプレートのおすすめ15種類を紹介!

    その他

TAG

×