Авито-Музей

< о проекте >

Avito и Архитектурные Излишества объединились для создания цифрового музея, рассказывающего об истории национального архитектурного наследия России.

</ о проекте >
< о проекте >

Avito и Архитектурные Излишества объединились для создания цифрового музея, рассказывающего об истории национального архитектурного наследия России.

</ о проекте >

Авито-Музей

Авито-Музей
< задача и решение >

Нашей задачей было создать интерактивный hub от Авито, где будут размещены документальные ролики с канала Архитектурные излишества. Мы предложили клиенту разработать первый цифровой музей отечественной архитектуры.

Залы музея Авито хранят в себе знания как исторических зданий, так и знакомые многим «вымершие» предметы отечественной архитектуры.

</ задача и решение >

<section-01>

Все начинается с выбора города

Чтобы начать свой цифровой тур по отечественной архитектуре, вам нужно выбрать город — Москва, Санкт-Петербург или Нижний Новгород.

</section-01>

<gallery>

</gallery>

<section-01>

Далее выбираем экскурсию

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

</section-01>

<gallery>

</gallery>

<section-01>

Начало экскурсии

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

</section-01>

<section-01>

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

</section-01>

<section-01>

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

</section-01>

<section-01>

Конец экскурсии

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

</section-01>

<section-01>

Цветовая система

Мы создали несколько систем, которые делят сайт на две основные части - предэкскурсионную и экскурсионную. Каждая система основана на правиле, которое преобразует четыре цвета логотипа Avito в несколько цветовых схем, которые помогают отделить и организовать направления или контент друг от друга. Например, предэкскурсионная часть отделяет города друг от друга, а экскурсионная – архитектурные объекты.

</section-01>

<section-01>

1. Предэкскурсионный отдел

</section-01>

<section-01>

2. Экскурсионный раздел

</section-01>

<section-01>

Типографика

</section-01>

AWARDS
Awwwards
CSS Design Awards
Honorable Mention, 2022
Best UI ’22
Best UX ’22
Innovation ’22
KUDOS ’22
PROJECT TEAM
Head of design
Sergey Bortsov
UX/UI Lead designer
Maria Kaneva
Web-designer
Tania Khadasevich
Web-designer
Maria Alferova
Digital Producer
Anastasia Kuleshina
Digital Producer
Dmitriy Monin
Copywriter
Angelina Green
Button Text