New season, New skills! All Courses at $9.99
Primo by Silverskin
SOTD
7.38

Site of the Day - Nov 29, 2023

Elements

See the highlights
of this website.

Typography

Font detail
Letters + Numbers
•••

Color Palette

This website uses a color
palette of 2 colors

  • HEX #000000
  • HEX #F3F3F3

Description

We designed an interactive landing page to showcase a new Silverskin product line called Primo, using a mix of 3D modeling, motion graphics and WebGL animations highlighting the products benefits and features.To create these 3D models, we started from scratch, developing the product and crafting the fabric's textures and UV maps based on real model photographs. After completing the 3D model, we focused on animations to showcase its benefits, such as elasticity, soft touch, and breathability. This work was undertaken to simplify the understanding of a technical product for the audience.

Inside look

Discover more
details of this SOTD.

SOTD / SCORE → 7.38/ 10

Design40%
Usability30%
Creativity20%
Content10%
7.42 / 10
7.2 / 10
7.48 / 10
7.53 / 10

Votes

Design
Usability
Creativity
Content
Overall
Design
Usability
Creativity
Content
Overall

DEV AWARD → 7.81/ 10

Semantics / SEO
Animations / Transitions
Accessibility
WPO
Responsive Design
Markup / Meta-data
8.00 / 10
8.40 / 10
7.60 / 10
7.80 / 10
7.60 / 10
7.40 / 10

Votes

Semantics
Animations
Accessibility
WPO
Responsive Design
Markup
Overall

Collections

Explore more
great collections.

Loading Animations
COLLECTION
UX/UI

Loading Animations

followed by
  • Romain Vincens
  • vasilis-tsirimokos
  • ziqing-lin
+1418
UI Animation and Microinteractions
COLLECTION
Inspiration
Footer Design Best Practices
COLLECTION
UX/UI
WebGL Animations
COLLECTION
Web Technology

WebGL Animations

followed by
  • Amy Han
  • matteo-portal
  • vasilis-tsirimokos
+171
Team & About Pages
COLLECTION
Inspiration

Team & About Pages

followed by
  • gaurav-gautam-1
  • mila-13
  • yuhong
+942
Hovers, Cursors and Cute Interactions
COLLECTION
UX/UI
Transitions
COLLECTION
UX/UI

Transitions

followed by
  • jane-tracy
  • flow-scrocz
  • Florian Lefauconnier
+1924
404 Error Page
COLLECTION
UX/UI

404 Error Page

followed by
  • larafrayre
  • Pekarlı_Ekrem
  • kraucifer
+984