The Creative Pass Watch all courses for just $12/month
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

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

Votes

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

Collections

Explore more
great collections.

CSS Animations
COLLECTION
Web Technology

CSS Animations

followed by
  • lucky-forever
  • anjana-padickal
  • michael-pe
+366
WebGL Animations
COLLECTION
Web Technology

WebGL Animations

followed by
  • PenuelDev
  • anjana-padickal
  • yash-16
+192
Loading Animations
COLLECTION
UX/UI

Loading Animations

followed by
  • Godswill Ezihe
  • egor-korzhov
  • diulia-haerter
+1486
WebGL
COLLECTION
Web Technology

WebGL

followed by
  • waqas-khanlla
  • pritimohan-1
  • marissa.liu
+934
Transitions
COLLECTION
UX/UI

Transitions

followed by
  • CiiiiiD
  • luadias
  • Yasser
+1984
Footer Design Best Practices
COLLECTION
UX/UI
AI Powered Web Projects
COLLECTION
Web Technology

AI Powered Web Projects

followed by
  • Joe Simo
  • gauthamui-1
  • Pallavi Daga
+477
Search Filters
COLLECTION
UX/UI

Search Filters

followed by
  • panupat-tansui
  • deimante-maskoliunaite
  • terralucis
+765