Авито-Музей

< о проекте >

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

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

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

</ о проекте >

Авито-Музей

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

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

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

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

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

<picture-container>

<picture-container>

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

<picture-container>

<picture-container>

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

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

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

<container-01>
<heading>Конец экскурсии<heading>
<paragraph>Экскурсия завершается виртуальной открыткой, которую вы можете репостить в социальных сетях, чтобы поделиться своими впечатлениями. Также есть возможность перейти к следующему туру, чтобы продолжить путешествие по истории архитектурного наследия, минуя возврат к выбору города или дому.<paragraph>
<container-01>

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

<container-01>
<heading>1. Предэкскурсионный отдел<heading>
<container-01>

<container-01>
<heading>2. Экскурсионный раздел<heading>
<container-01>

<container-01>
<heading>Типографика<heading>
<container-01>

AWARDS
Awwwards
CSS Design Awards
Honorable Mention, 2022
Best UI ’22
Best UX ’22
Innovation ’22
KUDOS ’22
PROJECT TEAM
Art director
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