Wireva

Сайт Sponge как пример симметрии в веб-дизайне

21 августа 2014 года ресурс DesignWebKit опубликовал материал Helen Stark «Symmetry and Asymmetry in Web Design», в котором сайт студии Sponge назван одним из примеров. Автор отмечает горизонтальную симметрию пунктов меню, а элементы по обе стороны линии расставлены свободно, и, по мнению автора, именно это не даёт дизайну стать скучным.

DesignWebKit собирает подборки для веб-дизайнеров: готовые решения, разборы приёмов и примеры из практики. Статья Helen Stark посвящена балансу между симметрией и асимметрией в вёрстке. Симметричная композиция даёт экрану порядок и спокойствие, асимметричная добавляет напряжения и движения, и опытные дизайнеры обычно выбирают между ними осознанно, а не по привычке.

Сайт Sponge попал в эту подборку как пример сочетания двух подходов. Пункты меню выстроены симметрично относительно горизонтальной линии, а остальные элементы по обе стороны от неё расставлены без строгого порядка. Вот как формулирует это автор:

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

В переводе: сайт Sponge демонстрирует горизонтальную симметрию элементов меню. Для интерфейса такой приём полезен тем, что меню задаёт ровную основу, а свободная расстановка остального содержимого оживляет экран и не даёт ему выглядеть шаблонно.

Студия и её сайт

Sponge работает как digital-агентство, а основателем студии является Богдан Гнатюк. В 2014 году в команде работали исполнительный директор Кирилл Соляр и ведущий дизайнер Сергей Семернёв, который одновременно был директором и совладельцем SPONGE STORE. 19 августа, за два дня до публикации DesignWebKit, Соляр дал интервью изданию Innabits, и материал о симметрии вышел в тот момент, когда внимание к работам бюро уже росло.

Внимание это было не случайным. Ещё в декабре 2013 года прежняя версия сайта студии получила отметку Honorable Mention на Awwwards. Awwwards — международная площадка, где жюри отбирает лучшие сайты по дизайну и реализации, и попадание даже в почётный список считается заметным признаком качества в профессиональной среде.

Награды 2014 и 2015 годов

Осенью 2014 года работы студии продолжили получать отметки. 13–17 октября на конкурсе UD 2014 сайт Estetico.me получил отметку Best of B-1, а логотип «Первого городского» был отмечен как Best of C-I-5. В те же дни, 17 октября, Creativity Ukraine поставила Sponge на 12-е место в промежуточном рейтинге с 4 баллами.

В 2015 году сайт самого бюро попал в целую серию профессиональных подборок. Сайтом дня CSSDA его выбрали 24 мая, с итоговой оценкой 7.80. Затем последовали выборы сайта дня на CSS Winner 13 июня, где оценка составила 7.5, и на Awwwards 8 августа, где сайт получил оценку 7.03. Такая череда объясняется не одной удачной работой, а тем, что сайт регулярно проходил через разные международные конкурсы, каждый из которых оценивает реализацию по своим критериям.

Летом и осенью 2015 года сайт Sponge продолжил собирать отличия в профессиональных конкурсах, и эта серия завершилась на российской премии. 22 октября 2015 года на «Золотом сайте 2015» сайт Sponge занял первое место в номинации «Сайт digital-агентства».