CREATIVE

Новостроев

Разместили 140 рекламных мест на главной странице. Доработали вручную систему администрирования на базе 1С-Битрикс и продумали каждую деталь: анимацию, интуитивно-понятный интерфейс, интерактивный каталог с умным поиском контента.
Новостроев
Разместили 140 рекламных мест на главной странице. Доработали вручную систему администрирования на базе 1С-Битрикс и продумали каждую деталь: анимацию, интуитивно-понятный интерфейс, интерактивный каталог с умным поиском контента.
Цель

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

Тип: Development
Год: 2016
Сайт:
novostroev.ru
Наша работа
Мы ориентировались на лидеров рынка, но понимали, что нужно сделать еще больше. Разработали современный портал недвижимости с анимацией, интуитивно-понятным интерфейсом, с продуманным каталогом и умным поиском контента.
Проектирование
На основе полученных данных мы описали пользовательские сценарии и выстроили удобную навигацию для десктопной и мобильной версий. Сложность состояла в большом количестве необходимых рекламных мест, а их около 140 только на главной странице.
Факап #1
Неверно оценили изначальный объем работ — в итоге сроки затянулись и пришлось подключать внепланово дополнительных разработчиков.

Адаптивный дизайн

Сайт адаптирован под планшетные и мобильные устройства. Сложности возникли при адаптиве фильтра и всего первого экрана. Подстава пришла откуда не ждали — список статей с тремя разными шаблонами.

Технические аспекты
Сайт на 1С-Битрикс, представляющий собой каталог новостроек и коттеджных поселков Москвы, Московской области, Новой Москвы и Санкт-Петербурга с поиском и фильтром.

Сайт отображается как в десктопных браузерах Internet Explorer, Mozilla Firefox, Google Chrome, Safari, так и в мобильных браузерах Android Browser, Safari и Internet Explorer.

В HTML-коде, для корректного индексирования поисковыми системами присутствуют ссылки для навигации по всем разделам сайта. Клиентский JavaScript использует одну из последней стабильной версии библиотеки jQuery.

Сайт корректно отображается на устройствах: Мобильные устройства с разрешением от 320px до 420px. Десктопные компьютеры, ноутбуки и планшеты с шириной экрана 1024px.

Операционная система — Linux (семейство Unix). Сервер базы данных — MySQL. Язык программирования: PHP. Система администрирования сайта — 1С Bitrix лиценция "Старт".
Факап #2

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

Сделали абстракцию над классами инфоблоков, которая получилась тяжеловесной, но удобной и надежной при правильном применении. Однако же, неопытные разработчики, не понимая как эта абстракция работает, стали использовать везде без разбору. Это привело к тому, что сайт потребляет чрезмерное количество оперативно памяти.

На Новостроеве возникали явные проблемы с производительностью сайта, конкретно — с отдачей информации из базы данных. Bitrix не мог штатными средствами отдавать за приемлемое время большие массивы связанной информации по застройщикам, продаваемым новостройкам, корпусам и квартирам. В итоге частично переписали функционал системы в части более быстрой отдачи информации, кеширование заранее полученных(посчитанных), часто требуемых данных. Мы написали библиотеку bxar для преобразования отдаваемых сущностей из массивов в связанные объекты.

Помимо этого, на сайте используется огромное количество фото и видео, загрузка которых в браузер клиента занимала долгое время из-за большого объема и мы произвели оптимизацию и сжатие картинок на сервере с импользованием nodeJs. В момент разработки "Игры Новостроева" необходимо было организовать авторизацию и работу пользователей с несколькими соцсетями одновременно, мониторингом их активности в соцсетях и начислением баллов. В тот момент на сайте была бешеная активность пользователей (несколько сотен новых регистраций в сутки), они выполняли задания, искали пасхалки на сайте и т.д. — это надо было корректно обрабатывать, никому не забыв начислять баллы, при этом вычисляя "мошенников" и накрутки.

Факап #3

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

Результат

Один из лучших проектов компании, созданный с применением самых современных технологий frontend-разработки и две награды в конкурсе "Золотой сайт'16" в номинациях "Сайт стартапа" и "Сервис, портал в области строительства и недвижимости".
Один из лучших проектов компании, созданный с применением самых современных технологий frontend-разработки.
Чему мы научились
1
Не просто делать чтобы функционал работал, а думать как он работает — сколько потребляет ресурсов и времени.
2
Сразу писать документированный, поддерживаемый и масштабируемый код, либо сразу после продакшна фичи делать рефакторинг. Поэтому в команде ввели кодстайл.
3
Делать "инвестиции" в производительность сайта и поддержку кода, потратив время на написание минорного функционала, который используется в плагинах на Новостроеве.
4
Подключать больше разработчиков, если уже на начальном этапе не хватает времени, или пытаться выиграть время.
5
Писать расширяемый код и думать о тех, кто будет работать после тебя.
6
Придерживаться компонентного подхода и делить код на логические модули.
7
Командной работе с кодом: оформлять ветки таким образом, чтобы при мерже не доставлять проблем другим участникам команды. Продумывать функционал на старте, чтобы позже не пришлось переделывать работу.
8
Понимать, что хочет клиент. Если клиент хочет внедрить функционал и предложение реализации этого функционала сложное, либо невыполнимое в принципе, то наша задача — доступно объяснить, почему такое решение плохое и предложить другое — лучше, но тем не менее удовлетворяющее всем "хотелкам" клиента.
9
Работать с DI интегрированным в Bitrix. Никогда ещё не было так приятно работать с Bitrix.
10
Выполнять миграции БД внутри Bitrix — с помощью решения, написанного нашим тимлидом.

Результат

Один из лучших проектов компании, созданный с применением самых современных технологий frontend-разработки и две награды в конкурсе "Золотой сайт'16" в номинациях "Сайт стартапа" и "Сервис, портал в области строительства и недвижимости".
Golden site award 2016
Новостроев. Snapshot
Ну что, поработаем?
Свяжитесь с нами и мы обсудим ваш проект.
© 2005 – Creative ∞
Тюмень, ул. Малыгина, 84к1