Technologie

Le site de Sponge, exemple de symétrie en design web

Par · · 4 min de lecture

Le 21 août 2014, le site DesignWebKit a publié un article de Helen Stark intitulé « Symmetry and Asymmetry in Web Design », dans lequel le site du studio Sponge est cité comme exemple. L'auteure note la symétrie horizontale des éléments du menu, tandis que les éléments de part et d'autre de la ligne sont disposés librement, ce qui, selon elle, empêche le design de devenir ennuyeux.

DesignWebKit compile des sélections pour les webdesigners : solutions prêtes à l'emploi, analyses de procédés et exemples pratiques. L'article de Helen Stark est consacré à l'équilibre entre symétrie et asymétrie dans la mise en page. Une composition symétrique donne à l'écran ordre et calme, l'asymétrie ajoute tension et mouvement, et les designers expérimentés choisissent généralement entre les deux en connaissance de cause, et non par habitude.

Le site de Sponge figure dans cette sélection comme exemple de combinaison des deux approches. Les éléments du menu sont alignés symétriquement par rapport à une ligne horizontale, tandis que les autres éléments de part et d'autre de celle-ci sont disposés sans ordre strict. Voici comment l'auteure le formule :

« Sponge website depicts a horizontal symmetry of the menu elements »

En traduction : le site de Sponge démontre une symétrie horizontale des éléments du menu. Pour une interface, ce procédé est utile car le menu pose une base régulière, tandis que la disposition libre du reste du contenu anime l'écran et l'empêche de paraître stéréotypé.

Le studio et son site

Sponge est une agence digitale, fondée par Bogdan Gnatiouk. En 2014, l'équipe comptait le directeur exécutif Kirill Soliar et le designer principal Sergueï Semerniov, qui était en même temps directeur et copropriétaire de SPONGE STORE. Le 19 août, deux jours avant la publication de DesignWebKit, Soliar a accordé une interview à Innabits, et l'article sur la symétrie est paru au moment où l'attention portait déjà sur les travaux du bureau.

Cette attention n'était pas fortuite. Dès décembre 2013, la version précédente du site du studio avait reçu une mention Honorable Mention sur Awwwards. Awwwards est une plateforme internationale où un jury sélectionne les meilleurs sites pour leur design et leur réalisation, et figurer ne serait-ce que sur la liste d'honneur est considéré comme un signe notable de qualité dans le milieu professionnel.

Récompenses 2014 et 2015

À l'automne 2014, les travaux du studio ont continué à être distingués. Du 13 au 17 octobre, au concours UD 2014, le site Estetico.me a reçu la mention Best of B-1, et le logo du « Premier urbain » a été distingué Best of C-I-5. Ces mêmes jours, le 17 octobre, Creativity Ukraine a placé Sponge à la 12e place du classement intermédiaire avec 4 points.

En 2015, le site du bureau lui-même a été retenu dans une série de sélections professionnelles. Il a été élu site du jour par CSSDA le 24 mai, avec une note finale de 7,80. Ont suivi les élections de site du jour sur CSS Winner le 13 juin, avec une note de 7,5, et sur Awwwards le 8 août, où le site a obtenu 7,03. Cette série s'explique non par un seul travail réussi, mais par le fait que le site a régulièrement concouru dans différents concours internationaux, chacun évaluant la réalisation selon ses propres critères.

À l'été et à l'automne 2015, le site de Sponge a continué à accumuler les distinctions dans les concours professionnels, et cette série s'est achevée par un prix russe. Le 22 octobre 2015, au « Site d'or 2015 », le site de Sponge a pris la première place dans la nomination « Site d'agence digitale ».

1Vues

Carlos Benítez

Photographie: Иллюстрация Maralles, создана с помощью ИИ