Oat the Goat
SOTD
7.88

Site of the Day - Jun 13, 2018

Elements

See the highlights
of this website.

Color Palette

This website uses a color
palette of 3 colors

  • HEX #2779a7
  • HEX #49c5b6
  • HEX #ECD06F

Description

'Oat the Goat' is an interactive, WebGL, animated storybook launched as a bullying prevention initiative by New Zealand's Ministry of Education.

SOTD / SCORE → 7.88/ 10

Design40%
Usability30%
Creativity20%
Content10%
7.77 / 10
7.66 / 10
8.2 / 10
8.33 / 10

Votes

Design
Usability
Creativity
Content
Overall
  • Richard Boiteux
    Richard Boiteux from France
    8
    8
    8
    9
    8.10
  • Nick Tarasov
    Nick Tarasov from Russia
    8
    8
    9
    8
    8.20
  • Pedro Burneiko
    Pedro Burneiko from Brazil
    8
    7
    8
    7
    7.60
  • Ruben Sanchez
    Ruben Sanchez from Spain
    8
    8
    9
    9
    8.30
  • Dmitry Zyuzin
    Dmitry Zyuzin from Russia
    7
    8
    8
    8
    7.60
    •••
Design
Usability
Creativity
Content
Overall

DEV AWARD → 7.8/ 10

WPO
Responsive Design
Semantics / SEO
Markup / Meta-data
Animations / Transitions
Accessibility
8.33 / 10
6.67 / 10
7.67 / 10
7.67 / 10
9.00 / 10
7.67 / 10

Votes

WPO
Responsive Design
Semantics
Markup
Animations
Accessibility
Overall
  • Daniel Givens
    Daniel Givens from United States
    9
    6
    9
    9
    10
    8
    8.45
  • Gopal Raju
    Gopal Raju from India
    8
    7
    7
    7
    7
    7
    7.20
  • Simon Lindsay
    Simon Lindsay from United States
    8
    7
    7
    7
    10
    8
    7.75

Collections

Explore more
great collections.

Loading Animations
COLLECTION
UX/UI

Loading Animations

followed by
  • andrea-loz
  • Javier Sánchez García
  • cshao
+1262
Hovers, Cursors and Cute Interactions
COLLECTION
UX/UI
COLLECTION
UX/UI

Menu Inspiration

followed by
  • Luca Lionetti
  • Redi_Uwaki
  • kostya-sevkin
+2147
UI Animation and Microinteractions
COLLECTION
Inspiration
COLLECTION
Web Technology

WebGL

followed by
  • yerffejytnac
  • DevRahimi
  • Colla Studio
+844
COLLECTION
Web Technology

Three.js

followed by
  • baltz
  • q-a-webinar
  • raghav-varma
+725
The Best of Navigation
COLLECTION
UX/UI

The Best of Navigation

followed by
  • mida-srl
  • tatyana-bilalova
  • ritchie-altamirano
+1885
Transitions
COLLECTION
UX/UI

Transitions

followed by
  • raghav-varma
  • andrea-loz
  • tatyana-bilalova
+1715