New season, New skills! All Courses at $9.99
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.

WebGL Animations
COLLECTION
Web Technology

WebGL Animations

followed by
  • naved-tamboli
  • savya-sharma-1
  • vasilis-tsirimokos
+173
Loading Animations
COLLECTION
UX/UI

Loading Animations

followed by
  • joba
  • christian-schoener
  • acgjunerciyuan
+1421
UI Animation and Microinteractions
COLLECTION
Inspiration
Footer Design Best Practices
COLLECTION
UX/UI
Team & About Pages
COLLECTION
Inspiration

Team & About Pages

followed by
  • ziqing-lin
  • yany-avelar
  • Dima Soho
+945
Hovers, Cursors and Cute Interactions
COLLECTION
UX/UI
Transitions
COLLECTION
UX/UI

Transitions

followed by
  • gemma-prat
  • cluee
  • zyra-gil
+1929
Galleries and SlideShows
COLLECTION
Inspiration

Galleries and SlideShows

followed by
  • gemma-prat
  • natafa-smirnova-1
  • cluee
+1289