Legenda

Legenda — платформа из трёх сайтов для крупного холдинга LEGENDA Intelligent Development, входящего в топ-20 застройщиков-лидеров Северо-Запада

Задача

Заказчик обратился к нам с интересной задачей по объединению трёх разрозненных страниц — корпоративной, жилой и коммерческой недвижимости — в один большой и удобный сайт.

Главным запросом стала реализация конструктора для самостоятельного создания будущих страниц сайта.

Создание единого сервиса

Первоначально к нам в работу поступило три разных сайта — коммерческая недвижимость, жилая недвижимость, корпоративный сайт. У заказчика был сторонний API, который давал информацию, с которой нам необходимо было работать.

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

После реализации бэкенда мы провели тестирование в два этапа, а затем перешли к самому важному в любом редизайне — фронтенду.

Создание и настройка конструктора страниц

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

В это же время шёл процесс разработки административной части сайта. Для этих целей мы выбрали библиотеку Material-UI, которая позволила в кратчайшие сроки реализовать собственную административную панель и использовать её между тремя сайтами.

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

Реализация редизайна

Визуал был создан на стороне заказчика. Он получился очень минималистичным и здорово демонстрировал современность подхода компании LEGENDA Intelligent Development — трендсеттера рынка недвижимости.

Для реализации редизайна мы разработали полноценный UI-Kit. Он включал в себя компоненты, из которых состоят все три сайта.

Оптимизация работы сайта на разных устройствах

Клиенты, которые хотят по итогу получить эффектный сайт с динамической анимацией, зачастую сталкиваются с такой проблемой: отдельные элементы дизайна на экранах 4К выглядят слишком мелко, а на экранах мобильных устройств и планшетов — чересчур громоздко. Чтобы избежать этого, мы разработали интересный инструмент, который внутри команды назвали scaling или «резиновая вёрстка».

Мы создали и настроили новостной блок с материалами о спецпредложениях, проектах и жизни компании LEGENDA Intelligent Development, а также блок с актуальными вакансиями.

Оба раздела также легко собираются в конструкторе страниц.

Новые разделы

Команда и технологии

Редизайн сайтов получился лаконичным, функциональным и современным. Все выбранные стилевые решения помогают отразить главный принцип нашего заказчика — формирование трендов, которые становятся нормой рынка недвижимости. С технической точки зрения интересна архитектура созданных виджетов и наличие отдельных пакетов, которые позволяют использовать виджеты и другие компоненты сайта бесконечно и между разными страницами сайта.

Frontend developer

Ян

Хотите такой же проект?