Hurry Up! Vote for your favorites this month in the Awwwards Honors!
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 Czech Republic
    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
  • m-bertelli
  • david-gallardo-1
  • Vahid Yaghoubian
+1326
Hovers, Cursors and Cute Interactions
COLLECTION
UX/UI
COLLECTION
UX/UI

Menu Inspiration

followed by
  • yahya-amirudin-nasrulloh
  • thao-cao
  • alina-fedorenko
+2287
COLLECTION
Web Technology

Three.js

followed by
  • jennyhj2678
  • nhung-djo
  • idle-mod
+753
Transitions
COLLECTION
UX/UI

Transitions

followed by
  • Julio Herrera ViaDei Velutini
  • tia-tang
  • joel-antony
+1840
Typography in Web Design
COLLECTION
Inspiration

Typography in Web Design

followed by
  • thao-cao
  • Dmitry Kazakov
  • Wilfried Djossi
+1293
COLLECTION
UX/UI

404 Error Page

followed by
  • idle-mod
  • stephen-okonkwo
  • nelsonelaye
+924
E-Commerce
COLLECTION
Inspiration

E-Commerce

followed by
  • happy-milliarta
  • tran-mi
  • Julio Herrera ViaDei Velutini
+1415