![見出し画像](https://assets.st-note.com/production/uploads/images/57389927/rectangle_large_type_2_795d20d1c3111e5ddf6bffbd42f77421.png?width=1200)
1日1WEBサイト デザイン分析 #24 "Wheeebo"
こんばんは。WEBデザイナー目指して勉強中のかいもちです。
今日は、トップページを見た瞬間「うわ ! やってみたーい 🌊」と思った水上アクティビティ、Wheeeboのページを見ていきます !
目的・ターゲット
目的
・紹介、認知、販促(サービス)
ターゲット
・マリンスポーツに興味がある人(男女共に)
・メインターゲットは、アクティブにレジャーを楽しむ20-30代 ?
子どもがいる家庭もターゲット
配色
・爽やかな青が映える配色。
・背景は白、淡いグレー。青がキーカラー、黄色はアクセントカラー。
やわらかめの黒が文字色。
フォント
・Noto Sans JP (ほぼコレ)
→ Weightは細め〜太めまで様々使用。ポップさと読みやすさを兼ね備えている、使いやすいフォント。
・Montserrat (セクションタイトル英字, コピーライト)
→ グーグルフォントで使用可。「ギザギザな山」が語源らしい...
細〜太、イタリックまでバリエーション豊富。
横長で、上からぎゅっと押しつぶされたようなフォント。丸い部分がしっかり丸い。
ファーストビュー
・全画面で動画ドーン、様々なシチュエーションでWheeeboに乗って、ぷかぷかゆらゆらする男女、子どもが写っている。めちゃ楽しそう。
・動画の切り替わる速度が早く、スピード感も感じる。
・左にロゴ、ヘッダーはホバーでうねうねが出てきて面白い。
・下部、波の部分はアニメーションで右に動いていて、本当に波がきているよう。
コンテンツ
・各コンテンツ、コンパクトにまとまっていて、それぞれの詳細は遷移ページにある感じ。
・ヘッダーは固定。スクロールすると、白い背景色がついて、文字は黒くなる。ロゴにも色がつく(ちょっと縮小もされる)。
・写真はホバーで少し拡大される。マウスホバー以外のアニメーション無し。
感想
・トップビューの動画がこのページの全て、と言っても過言ではないくらい、インパクトがあった。
まだ日本ではあまり知られていないブランド / レジャーなので、動画で「楽しそう ! 」「やってみたい ! 」と 思ってもらうことがまず第一の目的なのかなーと思った。
・ヘッダーが、スクロールによって背景色が付いた理、色が変わったりするのがいいなと思った。ユーザー目線かつおしゃれ。
この記事が気に入ったらサポートをしてみませんか?