The Creative Pass Watch all courses for just $12/month

Collapse by

Site of the Day - Mar 8, 2016

Collapse

Color Palette

This website uses a color
palette of 2 colors

HEX #000

Aa
HEX #ffffff

Aa

Technologies & Tools

Description

Based on the storyline of Tom Clancy’s The Division, Collapse is an end of society simulator that uses real data to create a personalised experience. How long will it take for your city and the world to collapse ?

SOTD / SCORE → 7.88^{/ 10}

Evaluation System

Design40%

Usability30%

Creativity20%

Content10%

7.48 / 10

7.77 / 10

8.7 / 10

8.14 / 10

Votes

Design

Usability

Creativity

Content

Overall

Xuan Pham from Australia

Art Director at R/GA

8

8

9

8

8.20
Marek Suchanek from Czech Republic

Art Director + Co-founder of Creative Nights

8

7

9

8

7.90
Richard Boiteux from France

Co-founder

7

7

9

8

7.50
Andreas Panagiotopoulos from Sweden

Founder / Brand Experience Director

8

8

9

9

8.30
Xavier Cussó from Spain

Independent Designer & Art Director

6

8

8

8

7.20

•••
Michele Gallina from Italy

Project Leader and UX Director

8

8

9

8

8.20
Louis Paquet from Canada

Creative Director

7

8

8

8

7.60
Awwwards Users - Pro and Chief

awwwards.com

7.9

8.1

8.6

8.1

8.11

Design

Usability

Creativity

Content

Overall

DEV AWARD → 8^{/ 10}

Evaluation System

Clean Code (organization, cohesion)

Semantics (Markup)

Web Technologies

Accessibility

SEO

Performance

Animations

Responsive Design

7.67 / 10

7.00 / 10

8.67 / 10

7.00 / 10

7.00 / 10

8.00 / 10

8.00 / 10

7.67 / 10

Votes

Clean Code (organization, cohesion)

Semantics (Markup)

Web Technologies

Accessibility

SEO

Performance

Animations

Responsive Design

Overall

7

6

8

5

6

7

7

6

7.00
Guilherme Pangnotta from Brazil

Developer

7

7

8

7

7

8

8

8

8.00
9

8

10

9

8

9

9

9

9.00

Collections

Explore more
great collections.

WebGL

WebGL

followed by

+927

Loading Animations

Loading Animations

followed by

+1474

Transitions

Transitions

followed by

+1969

Footer Design Best Practices

Footer Design Best Practices

followed by

+1339

CSS Animations

CSS Animations

followed by

+350

Menu Inspiration

Menu Inspiration

followed by

+2443

Hovers, Cursors and Cute Interactions

Hovers, Cursors and Cute In...

followed by

+1463

Galleries and SlideShows

Galleries and SlideShows

followed by

+1322