Pikumin1

19. 目線を誘導してる！！ ＋反復

20. だいたい同じサイズ感

21. ローディング画面のアニメーション

22. カーソル
動かす速さが速いと伸びる
乗せるものによって色が変化
→

23. スクロールを促す

24. キャラクターが飛び出るアニメーションがポップ↓
↓横にあるから左右のバランスが取れる＋おしゃれ

26. カーソルが乗ると乗せたハムハムがアニメーションする
↓

27. カーソルが乗ると画像が浮かぶ

31. ターゲット予想
・普段YouTubeやInstagramでブルーハムハムを見ている人
・日本人＋英語圏の人
・ブルーハムハムを知らない人
・比較的若者

32. 配色
サイト自体はブルーハムハム動画の背景と同じピンクと白
#FECDFC #FFFFFF #C3FFF6

33. フォント
【英語】
【日本語】

34. 動き
・スクロールでイラストが大きく移動する
・キャラが飛び出てバウンドする
・下にスクロールすると画面が迫ってくる
など

35. 良い点
・目線の動きをよく考えて作られている
・ほとんどの操作に対して動きがついていて、楽しさを演出
している
・ブルーハムハムの世界観が確立しているので、それを壊さ
ないような物語や構成になっている

36. 改善できそうな点
・グッズなどに導くときに、スクロールするとワンテンポ遅
れて奥に進むため多少イライラしやすい
・あまりネットに触れたことのなかった人だとスクロールの
操作をする部分がわかりにくいかもしれない
→scrollの表示をもう少し大きくするなどしてみる

37. 自分の作品に活かせそうなところ
・オリジナルのキャラクターにカーソルを乗せると表情が変
わる…など
・スクロールで一面にキャラを見せてインパクトを出す
・様々なところに動きをつけると触っていて楽しいサイトに
できる

38. 感想
前から好きなサイトでしたが、こんなにしっかり分析するこ
とは初めてでした。なんとなく見ていた時より様々な技術を
吸収することができ、とても勉強になりました！！