Как Airbnb стал лидером отрасли и чему мы можем у него поучиться

Airbnb прошел долгий путь — от небольшой импровизированной «гостиницы» в формате bed & breakfast в арендованной квартире основателей Брайна Чески и Джо Геббиа до многомиллиардной международной компании. Одной из важнейших составляющих такого ошеломляющего успеха стал дизайн.

И хотя первое мобильное приложение Airbnb появилось лишь через 3 года после запуска, ориентированный на пользователя подход помог им быстро привлечь первых клиентов. Вместо того чтобы гнаться за прибылью, команда сфокусировалась на проблемах и болевых точках аудитории, исследованиях рынка и наблюдениях, с первого дня выбрав самую правильную тактику.

Хороший дизайн Airbnb — заслуга не только основателей с дизайнерским бэкграундом (и Чески, и Геббиа имеют профильное образование). Компания наняла для разработки фирменного стиля популярную лондонскую DesignStudio и даже запустила собственную внутреннюю студию инноваций и дизайна под названием Samara.

В Samara работали многие бывшие дизайнеры Apple, из-за чего ДНК технологического гиганта начала просачиваться в дизайн Airbnb, и это был по-настоящему грамотный ход.

Давайте же углубимся в историю Airbnb и узнаем, как компания стала лидером отрасли.

Начало — первый сайт

Редизайн, проведенный в 2009 году, продемонстрировал четкую смену направления. Первая версия сайта была не слишком удобной и информативной, но уникальная графика придавала ей особое очарование. Новая же версия оказалась определенно более коммерческой и соответствовала отраслевым стандартам.

Трансформация логотипа

Самый первый логотип был разработан Брайаном Чески, одним из основателей компании. Позднее словесный знак упростили, сократив его до привычного нам названия. Теперь пользователи могли сосредоточиться на поиске жилья, а не отвлекаться на крупный яркий лого.

Управление вниманием посетителей

Важно знать и понимать паттерны проектирования, особенно когда речь идет о дизайне, ориентированном на пользователя. Эта тепловая карта показывает, что заголовок является главной фокусной точкой, люди читают его и лишь затем переходят к строке поиска и CTA-кнопке.

Еще одно очевидное отличие от первой версии сайта — логотипы партнеров в нижней части страницы. Они вызывают доверие к бренду.

Аккуратный лейаут помогает выстроить четкую визуальную иерархию и сделать сайт отзывчивым. Типографика стала лаконичнее — мы видим всего пару шрифтов без засечек. Теперь перед нами настоящий сайт компании, а не студенческий проект!

Рост популярности мобильных устройств — появляется мобильное приложение

Когда американцы стали активно пользоваться смартфонами, команда разработчиков под руководством Эндрю Вилчака создала мобильное приложение (изначально только для Android), которое оказалось на удивление многофункциональным. Пользователи могли быстро найти и забронировать жилье, пообщаться с хозяевами и т.д. Параллельно с этим компания представила обновленную мобильную версию сайта.

Я нашел интервью Эндрю для TechCrunch, в котором он рассказывает о первом приложении Airbnb.

Из видео становится понятно, что команда четко определила направление развития компании и ее цифровых платформ. Эндрю делает акцент на эффективном дизайне, потребностях клиентов и сбалансированном взаимодействии между хозяевами и гостями.

Скевоморфизм

Приложение было не только функциональным, но и отличалось хорошим (для того времени) дизайном. Когда я смотрю на эти скриншоты, мне сразу бросаются в глаза элементы скевоморфизма — стиля, который тогда пользовался популярностью, например, реалистичный ценник и объемные кнопки.

Приложение отлично структурировано. Пользователи сразу видят цену каждого объекта, навигация получилась простой и понятной, а CTA-кнопки — заметными и конкретными. Дизайн соответствует большинству принципов UX.

Да, здесь не так много релевантной информации, а лейаут не отличается оригинальностью, но это отличная попытка для 2012 года. Создатели явно уделили достаточно времени иерархии и расстановке акцентов и провели немало итераций, чтобы добиться такого впечатляющего результата.

Первый большой скачок — Belo

В истории каждой компании рано или поздно наступает поворотный момент. Для Airbnb таким моментом оказался масштабный редизайн, который вызвал эффект домино.

Airbnb стал лидером в своем сегменте, а символ Belo — неотъемлемой частью массовой культуры. Разработанный в 2014 году, этот новый логотип помог компании изменить свое позиционирование и захватить новые сегменты рынка. Он полностью заменил оригинальный словесный знак.

Ребрендинг повлек за собой и масштабные изменения в цифровом дизайне. Сайт и приложение Airbnb стали более минималистичными и лаконичными, но при этом информативными.

Что изменилось в результате масштабного редизайна:

• Появился лейаут с выравниванием по центру.
• Обилие «воздуха», больше негативного пространства вокруг каждого элемента.
• Основные CTA-кнопки окрашены в фирменный лососевый цвет.
• Продвижение отдельных предложений, приглашение стать хостами.
• Отсутствие контента на целевой странице несколько разочаровывает.
• Новый логотип используется повсеместно, что, безусловно, делает его более запоминающимся.

Презентация проекта Samara

Один из самых дальновидных шагов, которые может сделать компания, сфокусированная на дизайне, — открытие собственной дизайн-студии. Samara стала центром инноваций. Она наняла нескольких известных дизайнеров, которые приступили к разработке цифровых продуктов, учитывающих потребности и интересы пользователей. Руководителем студии стал один из основателей Airbnb Джо Геббиа.

Студию Samara с самого начала отличал «лабораторный» подход — команда постоянно экспериментировала. Яркий пример — Yoshino Cedar House, «Йосинский дом из кедра», который был представлен публике на архитектурной выставке House Vision 2016 в Токио.

Сотрудничество с Джони Айвом

На этом инвестиции Airbnb в дизайн не закончились. В 2020 году они наняли Lovefrom, дизайн-студию, основанную легендарным дизайнером Apple Джони Айвом.

Именно Джони Айв вместе со Стивом Джобсом разработал дизайн iPhone, iPod, iPad, iMac и некоторых других культовых устройств.

Джони взял на себя развитие и расширение команды дизайнеров Airbnb. Любые серьезные перемены, которые происходили с этого момента, — результат усилий Джони Айва и его команды. Сначала Apple, теперь Airbnb!

Airbnb внедряет 3D

В конце 2023 года Брайан Чески опубликовал в Twitter (X) короткое видео, демонстрирующее несколько новых функций, которые должны были в скором времени появиться в приложении. Дизайнеры и пользователи сразу обратили внимание на привлекательные 3D-иллюстрации и анимации.

Использует ли Airbnb искусственный интеллект?

Короткий ответ: да.

Функция сортировки фото на основе AI

Одна из первых представленных функций на основе AI — сортировка фото в объявлениях. Хосты загружают снимки, а Airbnb автоматически упорядочивает их по категориям и создает виртуальный тур по объекту.

Обратите внимание на трехмерные конфетти, которые разлетаются по экрану, когда виртуальный тур готов.

Свобода творчества

Дизайнеры должны давать волю своему творческому потенциалу. Если ограничить себя исключительно рабочими задачами, они могут быстро стать скучной рутиной. Чтобы избежать этого, Airbnb мотивирует своих дизайнеров заниматься дополнительными проектами, которые выходят за рамки их профессиональных обязанностей.

Одна из таких инициатив — Airbnb.design, блог, в котором публикуются некоторые из этих креативных проектов, а также освещаются закулисные процессы команды, например, UX-исследования, и анонсируются различные нововведения.

Так чему же мы можем научиться у Airbnb?

• Руководители, имеющие профильное образование или опыт работы в сфере дизайна, способны создавать по-настоящему успешные продукты.
• Если у вас есть четкое представление о том, куда вы двигаетесь, то, потратив миллионы, вы заработаете миллиарды.
• Когда дизайнеры имеют возможность экспериментировать и творчески выражать себя, это положительно сказывается на результатах.
• Постоянное взаимодействие с пользователями помогает расти и учиться на ходу.
• Инновации проявляются в самых разных формах, и дизайн может быть одной из них.

Спасибо за внимание!