Work in progress

Пора поработать вместе. Или просто познакомиться.

Заполните форму и я свяжусь с вами в рабочее время. Все ваши данные строго конфиденциальны.

[{"lid":"1711654313973","ls":"10","loff":"","li_type":"nm","li_name":"name","li_ph":"\u0418\u043c\u044f \u0438 \u0424\u0430\u043c\u0438\u043b\u0438\u044f","li_req":"y","li_nm":"name"},{"lid":"1711654313972","ls":"20","loff":"","li_type":"sb","li_name":"type","li_req":"y","li_variants":"\u041e\u0434\u043d\u043e\u0441\u0442\u0440\u0430\u043d\u0438\u0447\u043d\u044b\u0439 \u0441\u0430\u0439\u0442\n\u041c\u043d\u043e\u0433\u043e\u0441\u0442\u0440\u0430\u043d\u0438\u0447\u043d\u044b\u0439 \u0441\u0430\u0439\u0442\n\u042d\u043a\u0441\u043f\u0440\u0435\u0441\u0441-\u0441\u0430\u0439\u0442 \u0437\u0430 150\n\u041f\u0440\u0435\u0437\u0435\u043d\u0442\u0430\u0446\u0438\u044f\n\u0413\u0430\u0439\u0434\n\u041f\u043e\u0447\u0430\u0441\u043e\u0432\u044b\u0435 \u0440\u0430\u0431\u043e\u0442\u044b\n\u041a\u043e\u043d\u0441\u0443\u043b\u044c\u0442\u0430\u0446\u0438\u044f \u0434\u043b\u044f \u0434\u0438\u0437\u0430\u0439\u043d\u0435\u0440\u0430\n\u0414\u0440\u0443\u0433\u043e\u0435","li_selfirstvar":"\u0427\u0442\u043e \u0432\u0430\u0441 \u0438\u043d\u0442\u0435\u0440\u0435\u0441\u0443\u0435\u0442?","li_nm":"type"},{"lid":"1711654711241","ls":"30","loff":"","li_type":"in","li_name":"budget","li_ph":"\u041f\u0440\u0438\u043c\u0435\u0440\u043d\u044b\u0439 \u0431\u044e\u0434\u0436\u0435\u0442 \u043d\u0430 \u0440\u0430\u0437\u0440\u0430\u0431\u043e\u0442\u043a\u0443","li_nm":"budget"},{"lid":"1711655174424","ls":"40","loff":"","li_type":"ph","li_req":"y","li_masktype":"a","li_maskcountry":"RU","li_nm":"Phone"},{"lid":"1711655190210","ls":"50","loff":"","li_type":"sb","li_name":"type_contact","li_req":"y","li_variants":"Telegram\nWhatsApp\nViber\n\u041f\u043e\u0437\u0432\u043e\u043d\u0438\u0442\u0435 \u043c\u043d\u0435","li_selfirstvar":"\u041a\u0430\u043a \u0441 \u0432\u0430\u043c\u0438 \u0441\u0432\u044f\u0437\u0430\u0442\u044c\u0441\u044f?","li_nm":"type_contact"},{"lid":"1711655552418","ls":"60","loff":"","li_type":"cb","li_req":"y","li_label":"\u042f \u0434\u0430\u044e \u0441\u043e\u0433\u043b\u0430\u0441\u0438\u0435 \u043d\u0430 \u043e\u0431\u0440\u0430\u0431\u043e\u0442\u043a\u0443 \u043f\u0435\u0440\u0441\u043e\u043d\u0430\u043b\u044c\u043d\u044b\u0445 \u0434\u0430\u043d\u043d\u044b\u0445 \u0432 \u0441\u043e\u043e\u0442\u0432\u0435\u0442\u0441\u0442\u0432\u0438\u0438 \u0441 <a href=\"\/privacy\" target=\"_blank\" rel=\"noreferrer noopener\" style=\"color: rgb(62, 62, 62);\">\u041f\u043e\u043b\u0438\u0442\u0438\u043a\u043e\u0439 \u043a\u043e\u043d\u0444\u0438\u0434\u0435\u043d\u0446\u0438\u0430\u043b\u044c\u043d\u043e\u0441\u0442\u0438<\/a>","li_nm":"Checkbox"}]

Закрыть окно

Дизайнер интерьеров Богаткина Ольга

Мы занимались разработкой сайта совместно с креативной группой Art&Air. В Art&Air обратилась Богаткина Ольга, дизайнер интерьеров с уникальным видением. Знакомые зовут её «Блондинка с дрелью», и это неспроста: внешне хрупкая и аккуратная девушка может дать фору на стройке любому мужчине. Наша задача — отразить её подход к работе на сайте, раскрыть процесс работы и показать кейсы.

Команда проекта: Art&Air, Alex Mylove и anastasia ginsberg. Права на все фотоматериалы, использованные при создании кейса, принадлежат Art&Air

О проекте

Ольга Богаткина, «блондинка с дрелью»

Редактура текстов
Дизайн 6 страниц
Вёрстка на платформе Tilda
Подключение потоков
Создание 40+ страниц кейсов
Подключение форм приёма данных
Базовая SEO-оптимизация
Тестирование сайта
Создание ТЗ для фотосессии

Объём работ

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

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

Задача

Из исходных материалов у нас были только черновые тексты для сайта и примерный прототип.

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

Помимо переписывания текстов, мы создали ТЗ для фотосессии Ольги, чтобы фотографии идеально вписывались в сайт по смыслу и по визуалу.

Процесс работы

Мы совместили элемент из айдентики — букву B и её форму — с элементами, которые мы можем увидеть на строительных чертежах. Приправили это фирменными цветами, нестандартной сеткой и несколькими смелыми решениями дизайна.

Нам нужно было показать, что Ольга не «одна из», а «в отличие от», поэтому мы добавили интерактивные элементы, аккуратные и передающие главный посыл:

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

Дизайн-решения

Нажми и поводи здесь мышью или пальцем

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

Выдача гайда. Да, мы могли бы просто попросить заполнить форму и выдать за это гайд, но это не интересно. Пусть пользователь развлечётся и сам «найдёт» гайд.

Разделы сайта оформили в виде разреза дома, где каждая комната — своё направление. Залипательно, необычно, а главное не портит пользовательский опыт, несмотря на очень непривычный визуал для такого блока.

Элементы вовлечения

Alex Mylove — дизайн, вёрстка
anastasia ginsberg — дизайн, вёрстка
Art&Air — брендинг, коммуникации с клиентом

Команда проекта

Следующий кейс

Предыдущий кейс

Спасибо за внимание Мы ценим его

Вам нужен сайт? Вы по адресу.

Заполните форму и я свяжусь с вами в рабочее время. Все ваши данные строго конфиденциальны.

[{"lid":"1711893745178","ls":"10","loff":"","li_type":"nm","li_name":"name","li_ph":"\u0418\u043c\u044f \u0438 \u0424\u0430\u043c\u0438\u043b\u0438\u044f","li_req":"y","li_nm":"name"},{"lid":"1711893745179","ls":"20","loff":"","li_type":"sb","li_name":"type","li_req":"y","li_variants":"\u041e\u0434\u043d\u043e\u0441\u0442\u0440\u0430\u043d\u0438\u0447\u043d\u044b\u0439 \u0441\u0430\u0439\u0442\n\u041c\u043d\u043e\u0433\u043e\u0441\u0442\u0440\u0430\u043d\u0438\u0447\u043d\u044b\u0439 \u0441\u0430\u0439\u0442\n\u042d\u043a\u0441\u043f\u0440\u0435\u0441\u0441-\u0441\u0430\u0439\u0442 \u0437\u0430 150\n\u041f\u0440\u0435\u0437\u0435\u043d\u0442\u0430\u0446\u0438\u044f\n\u0413\u0430\u0439\u0434\n\u041f\u043e\u0447\u0430\u0441\u043e\u0432\u044b\u0435 \u0440\u0430\u0431\u043e\u0442\u044b\n\u041a\u043e\u043d\u0441\u0443\u043b\u044c\u0442\u0430\u0446\u0438\u044f \u0434\u043b\u044f \u0434\u0438\u0437\u0430\u0439\u043d\u0435\u0440\u0430\n\u0414\u0440\u0443\u0433\u043e\u0435","li_selfirstvar":"\u0427\u0442\u043e \u0432\u0430\u0441 \u0438\u043d\u0442\u0435\u0440\u0435\u0441\u0443\u0435\u0442?","li_nm":"type"},{"lid":"1711893745180","ls":"30","loff":"","li_type":"in","li_name":"budget","li_ph":"\u041f\u0440\u0438\u043c\u0435\u0440\u043d\u044b\u0439 \u0431\u044e\u0434\u0436\u0435\u0442 \u043d\u0430 \u0440\u0430\u0437\u0440\u0430\u0431\u043e\u0442\u043a\u0443","li_nm":"budget"},{"lid":"1711893745181","ls":"40","loff":"","li_type":"ph","li_req":"y","li_masktype":"a","li_maskcountry":"RU","li_nm":"Phone"},{"lid":"1711893745182","ls":"50","loff":"","li_type":"sb","li_name":"type_contact","li_req":"y","li_variants":"Telegram\nWhatsApp\nViber\n\u041f\u043e\u0437\u0432\u043e\u043d\u0438\u0442\u0435 \u043c\u043d\u0435","li_selfirstvar":"\u041a\u0430\u043a \u0441 \u0432\u0430\u043c\u0438 \u0441\u0432\u044f\u0437\u0430\u0442\u044c\u0441\u044f?","li_nm":"type_contact"},{"lid":"1711893745183","ls":"60","loff":"","li_type":"cb","li_req":"y","li_label":"\u042f \u0434\u0430\u044e \u0441\u043e\u0433\u043b\u0430\u0441\u0438\u0435 \u043d\u0430 \u043e\u0431\u0440\u0430\u0431\u043e\u0442\u043a\u0443 \u043f\u0435\u0440\u0441\u043e\u043d\u0430\u043b\u044c\u043d\u044b\u0445 \u0434\u0430\u043d\u043d\u044b\u0445 \u0432 \u0441\u043e\u043e\u0442\u0432\u0435\u0442\u0441\u0442\u0432\u0438\u0438 \u0441 <a href=\"\/privacy\" target=\"_blank\" rel=\"noreferrer noopener\" style=\"color: rgb(62, 62, 62);\">\u041f\u043e\u043b\u0438\u0442\u0438\u043a\u043e\u0439 \u043a\u043e\u043d\u0444\u0438\u0434\u0435\u043d\u0446\u0438\u0430\u043b\u044c\u043d\u043e\u0441\u0442\u0438<\/a>","li_nm":"Checkbox"}]