Разработали на Tilda сайт на трёх языках для ЖК MONTEROSSO в Ереване
Разработали на Tilda сайт на трёх языках для ЖК MONTEROSSO в Ереване
Рассказываем, как за 35 рабочих дней создали сайт для ЖК бизнес-класса, подготовили армянскую, русскую и английскую версии, разместили 55 уникальных планировок и сократили время загрузки примерно с 7 до 2 секунд.
Застройщик проекта — российская девелоперская компания «Азбука Development». Для MONTEROSSO было важно рассказать о статусе комплекса, приватности, архитектуре, благоустроенной территории и выборе квартир.
MONTEROSSO — жилой комплекс бизнес-класса в Ереване. Он расположен на высоте 1164 метров над уровнем моря; из квартир открываются панорамы Еревана и Арарата.
международная аудитория — ожидает понятную презентацию проекта на своём языке
покупатели из России и стран СНГ — рассматривают покупку для жизни или инвестиций
покупатели из Армении — выбирают жильё в Ереване и оценивают комфорт повседневной жизни
Задача
К нам обратились за разработкой сайта с нуля: нужна была основная площадка для презентации ЖК, выбора квартиры и сбора заявок.
Клиенту важно было самостоятельно обновлять контент. Мы выбрали Tilda, чтобы команда могла быстро менять акции и условия покупки без доработки страницы.
Проект требовал подробной подачи. На сайте нужно было рассказать о комплексе, окружении и условиях покупки, а также показать более 70 карточек планировок, сохранив удобство на мобильных устройствах.
Сайт должен был работать для покупателей из разных стран. Поэтому мы предусмотрели армянскую, русскую и английскую версии и адаптировали вёрстку под длину текстов после перевода.
Ещё больше практических примеров, свежих инструментов и идей мы публикуем в трёх каналах — Telegram, MAX и email. Выбирайте, где вам удобнее читать, и подписывайтесь.
Будем на связи в вашем любимом канале.
Этот кейс — лишь часть нашей работы в digital-недвижимости.
Получайте приглашения на вебинары, актуальные статьи и новости
Процесс разработки
Спроектировали структуру одностраничного сайта вокруг сценариев выбора
В начале страницы покупатель мог познакомиться с MONTEROSSO, оценить расположение и виды на Ереван и Арарат. Для подробного изучения проекта мы предусмотрели блоки об архитектуре, благоустройстве и оснащении, а для выбора квартиры — подборки планировок с кнопками «Узнать цены».
При этом не всем посетителям нужно последовательно изучать весь комплекс. Для тех, кто хотел сразу посмотреть квартиры, в начале страницы мы разместили кнопку перехода к планировкам. Для быстрого доступа к другим разделам сделали бургер-меню: через него покупатель может перейти к интересующему разделу без прокрутки всей страницы.
Обратиться в отдел продаж тоже можно на разных этапах знакомства с проектом. Помимо кнопок у планировок, мы разместили на странице формы связи и кликабельные контакты, чтобы покупатель мог задать вопрос или оставить заявку, когда ему это удобно.
2. Подготовили сайт ЖК на армянском, русском и английском языках
Так как MONTEROSSO ориентирован на покупателей из Армении, России, других стран СНГ и Европы, сайт сразу проектировали на трёх языках. Основной версией для посетителей стала армянская, дополнительными — русская и английская.
Во всех версиях нужно было сохранить одинаковые разделы, формы и возможности для выбора квартиры. При этом тексты и дизайн должны были поддерживать цельный образ ЖК бизнес-класса независимо от языка сайта.
Клиент готовил исходные тексты на русском, а для армянской версии привлёк переводчика. Первоначальный перевод мы сделали с помощью ИИ, но клиенту требовались более естественные формулировки, поэтому он передал текст переводчику на доработку. При дальнейших изменениях информации о комплексе мы обновляли все три языковые версии, чтобы их содержание оставалось одинаковым.
После перевода мы адаптировали вёрстку под длину текстов. Некоторые подписи на армянском занимали больше места, чем на русском, поэтому мы меняли их расположение и выравнивание, чтобы текст помещался в блоках и оставался читаемым.
3. Раскрыли преимущества проекта через расположение, виды и оснащение комплекса
MONTEROSSO позиционируется как ЖК бизнес-класса. На сайте мы раскрыли преимущества комплекса через конкретные характеристики. Например, образ приватной жизни подкрепили сведениями о пятиэтажной застройке и 4−6 квартирах на этаже.
В блоках об окружении ЖК показали школы, детские сады, магазины и медицинские центры. Отдельно указали время до детского сада и школы, нового парка и центра Еревана. Это позволяет покупателю оценить локацию применительно к своим повседневным делам и маршрутам: куда водить ребёнка, где гулять и как добираться до центра.
Панорамы Еревана и Арарата — одно из главных преимуществ MONTEROSSO, поэтому на сайте им уделили отдельное внимание. Использовали рендеры и фотографии, чтобы покупатель мог представить виды из будущей квартиры.
Помимо видов из квартир, показали пространства для отдыха внутри комплекса: благоустроенный двор и лаунж на крыше. Чтобы покупатель мог оценить и оснащение комплекса, мы вынесли в самостоятельные блоки информацию о лобби, паркинге и келлерах, отделке и инженерных решениях.
Так структура сайта учитывает разные сценарии выбора и помогает пользователям быстрее находить информацию, которая влияет на решение о покупке.
Процесс разработки
Процесс разработки
Разработали дизайн-концепцию на основе брендбука клиента
Крупные изображения архитектуры и пространств комплекса сочетали с фирменной графикой. В итоге чередовали карминовые фоны и фоны с паттерном граната, сохранив выразительность и читаемость.
В бренде соединяются итальянские и армянские мотивы. Красный оттенок «Вордан Кармир» и образ граната определили палитру и декоративные элементы сайта.
В основе визуальной концепции — брендбук, мудборд и референсы клиента. Мы адаптировали фирменные цвета, графику и типографику к странице с большим количеством изображений и информации.
Дизайн MONTEROSSO
Изображения и материалы для этого блока будут добавлены отдельно.
Разместили 72 карточки планировок и сократили загрузку сайта с 7 до 2 секунд
Информацию перенесли в карточки: в каждой показали планировку, площадь, особенности, описание, кнопку заявки и переход к 3D-туру. Карточки объединили в слайдеры.
В первой реализации подробности открывались во всплывающих окнах. После наполнения страницы стало понятно, что такой объём контента замедляет мобильную версию, особенно на iOS.
Всего разместили 55 уникальных планировок в 72 карточках. Их объединили в подборки по количеству спален, террасам, видам, мастер-спальням и условиям покупки.
Самой сложной задачей стал блок планировок. У клиента не было отдельной шахматки или каталога квартир, поэтому выбор организовали прямо на странице.
Разработка заняла около 35 рабочих дней. После запуска клиент самостоятельно обновляет контент, а мы подключаемся к отдельным изменениям по запросу.
Настроили базовое SEO: подготовили метатеги title и description, проверили структуру заголовков и alt-тексты изображений. Пока уточняли данные, закрывали промежуточные версии от индексации.
Перед запуском проверили сайт на разных устройствах, при разных размерах экрана и в разных браузерах. Особое внимание уделили мобильной версии после доработки блока планировок.
Комментарий специалиста
«У MONTEROSSO уже был выразительный фирменный стиль. При разработке сайта нам было важно уделить столько же внимания текстам и выбору квартиры, сколько визуальной подаче. Покупателям из разных стран нужно было представить комплекс на понятном им языке и дать достаточно подробностей для сравнения планировок.
При таком объёме информации особенно важно, как человек получает её со смартфона. Поэтому мы сделали карточки богаче по содержанию, а взаимодействие с ними — проще.
Фирменная подача привлекает внимание к MONTEROSSO, а понятные тексты и доступные подробности помогают перейти к выбору квартиры».
Дмитрий Голомидов
руководитель отдела дизайна и разработки Artsofte Digital
Резюме
Для MONTEROSSO разработали сайт на армянском, русском и английском языках, который презентует проект бизнес-класса международной аудитории.
Сохранили фирменный стиль клиента и показали преимущества комплекса: архитектуру, виды из квартир, благоустройство и инженерные решения.
Над проектом работали
Дмитрий Голомидов
руководитель отдела дизайна и разработки
Ещё больше практических примеров, свежих инструментов и идей мы публикуем в трёх каналах — Telegram, MAX и email. Выбирайте, где вам удобнее читать, и подписывайтесь.
Будем на связи в вашем любимом канале.
Этот кейс — лишь часть нашей работы в digital-недвижимости.
Tilda позволила реализовать дизайн MONTEROSSO, подготовить три языковые версии и сохранить клиенту возможность самостоятельно обновлять контент. Это важно во время продаж, когда акции и условия покупки меняются.
Важно сохранить одинаковую информацию и возможности для выбора квартиры во всех языковых версиях, а также адаптировать вёрстку под длину текстов после перевода. Для MONTEROSSO мы подготовили отдельные страницы на армянском, русском и английском языках.
Планировки объединили в подборки по количеству спален, особенностям квартир и условиям покупки. В каждой карточке показали площадь, описание и преимущества квартиры, добавили кнопки заявки и перехода к 3D-туру.
Мы убрали отдельные всплывающие окна с подробностями квартир и перенесли информацию в карточки на странице. Также отказались от ненужных CSS-стилей и JS-анимаций. После доработок время загрузки сократилось примерно с 7 до 2 секунд.
Разработка сайта MONTEROSSO заняла 35 рабочих дней. Срок для другого сайта зависит от объёма работ, готовности материалов и согласований.
Лендинг обычно закрывает один объект. Здесь — имидж девелопера + шаблон страниц ЖК/новостроек, чтобы добавлять проекты без разработчиков и вести пользователя по сценариям разных сегментов аудитории.
Да: страница жилого комплекса сделана универсальным шаблоном на Tilda, команда клиента копирует структуру и обновляет контент без участия разработчиков.