Авито все для бизнеса: сколько стоит, какой бизнес выбрать
Новости дня в России и мире — РБК
Телеканал
Pro
Инвестиции
Мероприятия
РБК+
Новая экономика
Тренды
Недвижимость
Спорт
Стиль
Национальные проекты
Город
Крипто
Дискуссионный клуб
Исследования
Кредитные рейтинги
Франшизы
Газета
Спецпроекты СПб
Конференции СПб
Спецпроекты
Проверка контрагентов
РБК Библиотека
Подкасты
ESG-индекс
Политика
Экономика
Бизнес
Технологии и медиа
Финансы
РБК КомпанииРБК Life
404
Cтраницa не найдена
Посмотрите другие материалы или воспользуйтесь поиском
Во Внуково попал в аварию вертолет спецотряда «Россия»
Bloomberg узнал об опасениях Запада «сценария в стиле Первой мировой»
Попавший под санкции Адоньев выйдет из угольного проекта ЭЛСИ
Минобороны сообщило об ударе по объектам энергетики на Украине
США обвиняют второго миллиардера мира в афере.
Роскомнадзор объяснил блокировку сайтов ЦРУ и ФБР дискредитацией армии
ЕС продлил санкции против России из-за военной операции на Украине
Российские банки завершили кризисный год с худшей за семь лет прибылью
В Нидерландах назвали сроки решения о передаче Украине скифского золота
Миллиардер из России стал главным налогоплательщиком в Британии
Финляндия приостановила рассмотрение части заявок на убежище для россиян
ЦБ рекомендовал брокерам предупреждать о риске вынужденной конвертации
Военная операция на Украине.
Онлайн
Лицензия, которая не выжила: история популярности Гарри Поттера в России
Инфляция в помощь: почему растет выручка X5 и что ждет компанию дальше
Индексировать зарплаты должны все. Как это сделать с выгодой для компании
Вернуться на главную
Как я сделал дизайн для Брендспейса Авито за две недели, а потом дважды его переделывал / Хабр
Привет, меня зовут Максим Аксёнов, я дизайнер интерфейсов в Авито.
Осенью 2020 года я начал работу над проектом Брендспейса. Это конструктор лендингов на платформе Авито, который помогает производителям продвигать товары.
Нужно было создать универсальное решение, которое подходит для продажи чего угодно: от автомобилей до кормов для животных. В конце 2020 года в Авито запустили Брендспейс в продакшен.
В этой статье расскажу, зачем нужен был проект, как продвигалась работа над ним и что получилось в итоге.
Какие задачи решает Брендспейс
Брендспейс — это лендинг с информацией о производителе или продавце. Он собирается из готовых модулей по типу конструктора. Бизнес-клиент Авито может показать на странице Брендспейса товарную линейку, запостить новости или полезную информацию, например пригласить покупателей на открытие нового шоурума.
Бизнесу Брендспейс помогает сэкономить на разработке и поддержке отдельного лендинга для рекламы товаров. Компании сами собирают страницу из готовых блоков, оформляют и наполняют контентом.
Авито даёт инструмент-конструктор для этого, консультирует по дизайну и помогает редактировать тексты.
Если бренд уже размещает продукцию на Авито, информация о ней подтягивается в конструктор автоматически. На лендинг можно добавить новые товары, рекламные видеоролики, показать там промоакции или вакансии.
Для пользователей Брендспейс — это место, где можно узнать больше о компании, которая что-то продаёт на Авито. Потенциальному покупателю не надо уходить с платформы, чтобы побольше узнать о производителе.
Конструктор работает на десктопе, мобильных устройствах и в приложении. Если пользователь смотрит товары на Авито через приложение, то страницу бренда сможет открыть там же — ему не нужно будет переходить в мобильный браузер.
Для Авито Брендспейс стал рекламной площадкой, которая привлекла новых бизнес-клиентов. С его помощью мы планируем сформировать у пользователей привычку получать всю информацию о производителях и продавцах на Авито.
Это повысит доверие к платформе: люди смогут принимать решение о покупке и при этом не станут переходить на другие сайты.
Я работал над проектом в три этапа:
Создал первую версию дизайна.
Переделал его, чтобы адаптировать под Авито Недвижимость.
Стал продакт-оунером Брендспейса и редизайнил его целиком.
Первый этап: разработка дизайна с нуля
Для меня как дизайнера Брендспейс появился внезапно. До этого проектом несколько месяцев занималась команда разработки. Ко мне обратились, когда сроки на подготовку дизайна уже горели. На то, чтобы сделать первый вариант, было всего две недели. За это время я создал десяток универсальных модулей, которые хорошо подходили под любой вид контента: фото, текст, видео.
Самым сложным было предусмотреть разные варианты наполнения для модулей. Чтобы понять, что бренды хотят показывать пользователям, я изучил лендинги конкурентов и страницы потенциальных бизнес-клиентов. Например, посмотрел рекламные страницы брендов на разных маркетплейсах, лендинги автодилеров.
К концу второй недели подготовил первый вариант дизайна. В него вошли 9 модулей:
главный баннер;
категории товаров;
блок изображений;
блок с видео;
модуль для акций с изображением и текстом;
сравнение товаров;
товарные описания;
новостной или статейный блок;
простой блок с текстом.
В части модулей оставили для клиентов возможность немного менять контент. Например, поменять местами текст и картинку, не прописывать заголовки и описания видеороликов. Это было нужно для того, чтобы представители бренда могли сами решать, как будет выглядеть их страница.
Чтобы никого не рекламировать, в примерах модулей в статье будут животные.
Модуль с категориями «товаров». Конечно, называть так животных некорректно, но котята здесь только для примераА так в первой итерации выглядел модуль «Текст с картинкой»Блок с видеоБлок для сравнения «товаров».
Пёсик здесь тоже только для примераБрендспейс получился визуально непохожим на Авито. Например, я изменил размер шрифта и принципы отступов. Экспериментировать стало возможно потому, что на тот момент дизайн Авито устарел.
Кроме дизайна для десктопа и мобильной версии сайта была готова спецификация и шаблоны компоновок лендингов. На этом этапе дизайн ушёл в разработку, а я вернулся к работе над другими проектами.
Второй этап: слияние Брендспейса и Авито Недвижимости
К началу 2021 года появилась новая задача: в проект Брендспейса нужно было добавить страницы компаний, которые публикуют объявления на Авито Недвижимости. Модули из первого варианта дизайна не подходили для страниц застройщиков и жилых комплексов, потому что в них нельзя было разместить, например, блок с расчётом ипотеки.
На работу снова было только две недели.
Сложностей на этот раз было три:
Времени хватало только на разработку пары новых модулей. Нужно было решить, какие элементы создавать заново, а какие просто переносить из старого решения.
Дизайн Авито Недвижимости команда разработчиков делала с нуля, а не на конструкторе. Некоторые их решения не получалось перенести на Брендспейс. Например, нужно было сделать так, чтобы размер модулей автоматически подстраивался под размер экрана. Готовые модули от Авито Недвижимости при этом отображались неправильно, поэтому их нужно было создать заново.
Первый вариант Брендспейса я делал только для веб- и мобильной версии сайта. Новый дизайн нужно было адаптировать для приложения Авито так, чтобы у пользователя не было ощущения, что на сайте и в приложении он видит совсем разные страницы.
Слияние с Авито Недвижимостью сделало Брендспейс визуально похожим на другие проекты Авито. Получилось улучшить решения из первого варианта дизайна.
Кроме самого дизайна, нужно было доработать спецификацию для разработчиков. В ней я описал все детали дизайна: отступы между элементами, шрифты, допустимые размеры изображений. Там же описал, как пользователь может взаимодействовать с модулем.
Например, что будет, если человек наведёт курсор на картинку или кликнет по кнопке.
Для бизнес-клиентов я подготовил правила оформления контента. В них указал, например, какой может быть максимальная длина названия для видеоролика.
Третий этап: полный редизайн
С начала 2021 года над проектом Брендспейса работали поочерёдно два разных дизайнера. В какой-то момент стало понятно, что слияние Недвижимости и конструктора лендингов прошло не так хорошо, как хотелось бы.
Например, из-за аврального режима работы над проектом появились проблемы технического характера, артефакты дизайна. Например, модули разворачивались, скроллились так быстро, что невозможно было их прочитать. В этот момент я стал продакт-оунером Брендспейса со стороны дизайна.
Следующий год я консультировал разработчиков, проводил ревью. Например, отвечал на вопросы о том, как должны располагаться модули и элементы, проверял, чтобы дизайн отображался верно. Работать нужно было одновременно с двумя командами разработки — мобильной и веб-версии Брендспейса.
Мы пытались оперативно исправить все проблемы, поэтому на развитие продукта не хватало времени.
В то же время я много общался с менеджерами, которые предлагали конструктор лендингов бизнес-клиентам. Часть брендов была недовольна страницами Брендспейса, которые у них получились. Многие из них не привлекали дизайнера со своей стороны, чтобы продумать расположение модулей на странице, подобрать подходящий контент. Или делали заголовки и описания слишком длинными. Из-за этого страницы получались некрасивыми.
Мы решили полностью редизайнить Брендспейс и визуально приблизить страницы к основному продукту Авито. За основу взяли все кейсы бизнес-клиентов, которые были на тот момент, продумали возможные проблемы с контентом и пути развития проекта.
Я взял на себя ответственность по доработке визуальной составляющей Брендспейса, потому что считал её важной и нужной для продукта. В итоге Брендспейс стал консистентным с остальным Авито. Информация на страницах брендов теперь лучше скомпонована, причёсаны кнопки относительно их первичности и вторичности, выровнены цвета и шрифтовые стили.
Модули ипотеки и слайдер сториз тоже обновил:
Появился модуль с инфографикой и CTA-кнопка. Покажу только первый, потому что картинок и так много:
К проблемам и решению о новой доработке привели несколько ошибок на первых двух этапах:
мне пришлось работать быстро, не хватало времени на то, чтобы найти лучшее решение;
не было чёткого понимания, какой результат должен получиться;
я пытался объединить два продукта с разными подходами к дизайну, которые сложно совместить.
Что я понял, пока работал над Брендспейсом
На дизайн такого крупного проекта точно нужно больше двух итераций по две недели. До старта проекта важно проанализировать решения конкурентов, продумать, какие проблемы могут появиться из-за интеграции с другими продуктами.
За время работы над проектом Брендспейса я сделал такие выводы:
Если из-за спешки пытаться адаптировать старые модули, а не делать новые, получается ерунда.
Для универсального конструктора лучше делать дизайн как можно проще. Чем минималистичнее, тем легче будет показать на странице любой бренд.
Нельзя закрывать глаза на мелкие технические огрехи или ошибки дизайна, чтобы быстрее запустить проект. Например, блоки, которые сместились относительно друг друга, сильно влияют на общее восприятие страницы.
До работы с дизайном нужно решить, будет ли проект самостоятельным или его нужно адаптировать к основному продукту.
Документация нужна и для разработчиков, и для бизнес-клиентов.
Без неё получается плохо и не так, как ожидалось.Первоначальная идея свободного конструктора не работает. Клиентам нужны консультации дизайнеров, редактура текстов, готовые шаблоны для размещения контента.
Без неё получается плохо и не так, как ожидалось.Для себя я понял, что переосмысление и постоянные переделки проекта плохо влияют на продуктивность. Из-за них кажется, что всё сделано не так, и работа воспринимается как провал.
Брендспейс интересен бизнес-клиентам, есть хорошие примеры страниц. Понимание этого помогло мне довести важные этапы до конца.
Авито
интерьер офиса
ОБЩАЯ ПЛОЩАДЬ 2 400 м2
КЛИЕНТ Авито
АДРЕС Санкт-Петербург, Малохтинский пр-т, 64
ДИЗАЙН 2019
СТРОИТЕЛЬСТВО 2020
В 2019 году Авито принял решение провести ремонт всех офисов компании в Санкт-Петербурге, адаптировав их к требованиям компании и специфике ее деятельности. Ключевыми пожеланиями команды Авито к интерьеру были эргономичность пространства, уникальный дизайн, соответствующий молодежному духу и рабочему ритму компании, яркий интерьер, в основу которого легла тема природы.
В результате на трех этажах бизнес-центра появилось современное, комфортное и стильное пространство, отражающее общую атмосферу компании – творческую и неформальную. Для своих сотрудников Avito сформулировал 7 ценностей, а архитекторы предложили уникальную иллюстрацию в выбранной природной тематике на основе элемента — листа. Каждая иллюстрация, соответствующая определенному слогану, размещается в виде настенной графики в той части офиса, где она будет максимально актуальна. Например, фраза «Будь проще» расположена на стене в открытом пространстве, «Используй данные для принятия решений», бинарным кодом — в переговорных комнатах, «Ставь потребности пользователей на первое место» — в кухонной зоне. Фраза «В команду мы верим» достаточно просто и оригинально описывает разницу между командной, доверительной и индивидуальной работой.
Рядом с рабочими местами расположено множество зон совместной работы, а также индивидуальных рабочих мест, которые располагаются как внутри опен-спейса, так и полуизолированы в эффектных нишах.
На каждом этаже также есть несколько переговорных комнат со всем необходимым оборудованием и кухонными зонами. По офису разбросаны «зеленые» островки, мягкие диванные группы и кофейные точки для неформального общения и отдыха. Тему отдыха поддерживает наличие в кабинете специальных комнат для настольных и компьютерных игр, библиотеки, стеллажа, выполненного в виде дерева, а также биомастера с просторными вольерами для животных. Также в офисе есть учебные классы, которые при необходимости объединяются с помощью трансформируемых перегородок.
Тема природы прослеживается во всех офисных помещениях. В некоторых офисных помещениях стены отделаны необычной штукатуркой, имитирующей кору дерева. Цвет и фактура ковра напоминает зеленый лесной покров с протоптанными дорожками. Деревянная отделка потолка в коридоре, искусственная трава на стенах, большое количество булыжников, разбросанных по офису, деревянные рейки, зонирующие пространство, живые растения в интерьере – все это также отсылает к загородному пейзажу и прекрасно дополняет природную тематику.
Интересным декоративным решением стало использование листвы из огнеупорной бумаги при оформлении потолка входных зон офиса.
Отдельного внимания заслуживает кухня, оформленная в виде ретро-вагона поезда железной дороги Маттерхорн-Готард, проложенной в швейцарских Альпах. Дизайн кухни полностью воссоздает атмосферу вагона-ресторана поезда начала ХХ века с деревянными пассажирскими сиденьями, напоминающими скамейки, и багажными полками в виде сетки. Большие окна у каждого столика со офсетными фотографиями альпийской природы создают иллюзию движения при прогулке по вагону. Зона кухни, где происходит процесс приготовления пищи, словно высечена в скале.
В офисе использовались светильники различных типов: квадратные светодиодные светильники в переговорных, бра в кухонной зоне, дизайнерские светильники в зонах отдыха и совместной работы. Это позволило разнообразить пространство и создать в офисе уютную атмосферу. Также в интерьере активно используются акустические стеновые и потолочные панели для создания более комфортной звуковой среды.
Prosus прекращает сотрудничество с российским бизнесом объявлений Avito
Автор статьи:
Reuters
Опубликовано 25 марта 2022 г. • 1 минута чтения
Присоединяйтесь к обсуждению , и не будет стремиться получить экономическую выгоду от своего владения бизнесом.Приносим свои извинения, но это видео не удалось загрузить.
Попробуйте обновить браузер или
нажмите здесь, чтобы посмотреть другие видео от нашей команды.
Prosus разорвет связи с российским бизнесом объявлений Avito Вернуться к видео
Avito была одной из самых ценных инвестиций Prosus до вторжения России в Украину 24 февраля, ее оценка оценивалась примерно в 6 миллиардов долларов.
Главные новости Financial Post
Подпишитесь на получение ежедневных главных новостей от Financial Post, подразделения Postmedia Network Inc.
Адрес электронной почты
Postmedia Network Inc.
Вы можете отказаться от подписки в любое время, нажав на ссылку отказа от подписки в нижней части наших электронных писем или любого информационного бюллетеня. Постмедиа Сеть Inc. | 365 Bloor Street East, Торонто, Онтарио, M4W 3L4 | 416-383-2300
Содержание статьи
Prosus заявила в своем заявлении, что «прекратит всякое участие в своей деятельности в России», а Avito продолжит работать как независимая организация, управляемая собственным советом директоров и местной командой менеджеров.
Объявление 2
История продолжается ниже
Это объявление еще не загружено, но ваша статья продолжается ниже.
Содержание статьи
«Prosus не будет участвовать в повседневных операциях компании и не будет ни вкладывать дополнительные средства, ни стремиться получить экономическую выгоду от участия в Avito в данных обстоятельствах».
Несмотря на то, что Prosus заявила, что она «потрясена» вторжением, которое Москва назвала «специальной военной операцией», изначально она решила продолжить работу с Avito, отметив, что в ней работает 4000 сотрудников.
Это решение подверглось критике после того, как выяснилось, что на Авито размещались объявления о вакансиях российских военных.
В отдельном заявлении Avito говорится, что юридическая процедура отделения от бывшей материнской компании займет несколько месяцев.
Компания заявила, что не нуждается во внешнем финансировании и будет реинвестировать собственные средства в развитие всех направлений своей деятельности. (Отчетность Тоби Стерлинга; редакция Яна Харви и Барбары Льюис)
Поделиться этой статьей в своей социальной сети
Тренды
CRA, взятый в суд после отрицания платежей по вспомогательной поддержке в качестве налогового заплаты
Управление по ипотечным платежам помещают домовладельцы в предварительные позиции
1111111111111111111111111111111111110
.
Об авторе