Векторизация и создание иконок для Ekofriend

При обновлении сайта устаревшие иконки требуется приводить к современным стандартам. Векторные иконки отлично смотрятся на всех современных устройствах, от смартфонов до 4K мониторов.

Стало:

Новые векторные иконки

Было:

Старые растровые иконки

Векторные иконки для ретины

Скоро буду делать адаптивную вёрстку сайта на моей основной работе. Один из этапов подготовки: перевод иконок в векторный формат SVG. Иконки сделаны по моде: плоские с лёгким намёком на объём.

Флэт иконки с бликами в формате SVG

За основу взяты старые иконки:

Иконки в формате PNG

PNG vs SVG

Предыдущие иконки рисовал тоже я, но многие идеи брал из гугла или ещё откуда-нибудь.

Подготовка к адаптивной вёрстке

Кроме иконок, нужно было постепенно упростить вёрстку сайта. Мы отказались от бокового фона и от колонок, вместо них более логично разбили сайт на горизонтальные этажи сверху вниз. Всё это делали не сразу, а путём АБ-тестов.