Кейс: Продажа недвижимости

Работали в данном проекте не напрямую с клиентом, а через маркетолога
Задача была разработать элегантный одностраничный сайт на 17 экранов под запуск рекламы в короткие сроки.

Маркетологу делали уже сайт на другой платформе (но он был незакончен). И перед ним стоит задача - продолжать искать нового подрядчика на этой платформе или отдать реализацию нам на Tilda.

Маркетолог уже нашёл человека на подряд, с кем будет делать сайт. Но так как появились ещё и мы, решил задействовать и нас тоже. У кого лучше получится - тот и будет делать весь проект.

Решаем реализовывать пробник следующим образом: на основе ТЗ формируем прототип 3-4 блоков сайта. А после приступаем к дизайну. С дэдлайном 1-2 дня.

Скинули 2 варианта прототипа с разной шапкой, где пункты меню и меню в виде бургера.
Всё приняли - без правок!

Перебирали варианты размещения видео на главном экране.

Маркетологу понравился дизайн, но хотелось бы проверить, насколько этот дизайн будет выглядеть 1 в 1 при вёрстке. Поэтому перед нами встаёт новая задача (в рамках конкурса) сверстать 3-4 блока.

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

Выполнили вёрстку в рамках конкурса. Маркетолога всё устроило. Для интереса попросили посмотреть, что сделали наши оппоненты.

Вёрстка на другом конструкторе дала понять, что продолжать работу будут с нами. Маркетолог утвердил концепт с клиентом, и мы начали работу по полному проекту!

Пересобираем пока прототип по 1 экрану и делаем все остальные экраны.

Параллельно маркетолог пишет нам, что есть ещё 2 проекта на очереди. Понравилась работа с нами - будем продолжать взаимодействовать вместе дальше!

Завершили делать полностью дизайн-макет. Отправляем маркетологу на утверждение.

Полный макет будет продемонстрирован ниже уже с вёрсткой и в видео-формате.

Переходим на вёрстку на Tilda. Тут были свою нюансы, но мы быстро находили решения.

Настроили и сделали отдельный дизайн для форм. Также при нажатии на кнопку “Скачать” - материал будет автоматически загружаться на устройство пользователя.

Нам, с коллегой, очень нравится результат, который выходит.

После завершения вёрстки ПК версии, переходим к адаптации планшетных и мобильных.

Вот так выглядит ПК-версия при вёрстки со всеми интерактивами и анимациями:

Мобильная версия:

Показатели в статистике Tilda после запуска рекламы: