Разработка сайта для жилого комплекса «Апрель»
Компания ООО «ДСК» — один из ведущих застройщиков объектов жилой недвижимости в городе Волгоград. В 2021 году собственный пул строительных объектов жилой недвижимости превысил 20 000 квадратных метров, а постоянно увеличивающийся инвестиционный портфель приближается к отметке 100 000 квадратных метров. Компания начала свою деятельность в Волгограде в 2012 году.
Цель проекта
Разработка сайта для компании ООО «ДСК», посвящённого строящемуся жилому комплексу ЖК «Апрель», для публикации новостных материалов и информации о продаже квартир в данном жилом комплексе.
Описание проекта
Адаптивный сайт подстраивается под размеры экрана любого устройства, на котором он просматривается. В процессе разработки дизайна создаются несколько форматов отображения сайта, каждый из которых растягивается по доступной ширине экрана, при этом высота страницы не ограничивается, возможно лишь изменение некоторых элементов пропорционально ширине экрана. При таком подходе на ПК страница обычно занимает несколько экранов по высоте, а на мобильном устройстве — в разы больше, сохраняя тот же объём информации.
Основной акцент при разработке дизайна сайта ЖК «Апрель» был сделан на то, чтобы каждая страница полностью помещалась на экране устройства без необходимости прокрутки. Это добавляло сложности в процесс, поскольку отображение сайта зависит как от ширины, так и от высоты экрана.
Здесь не обойтись несколькими версиями сайта, необходимо было учитывать, как он будет выглядеть на маленьком и большом смартфоне, на планшете, что будет происходить при повороте устройства, а также как он будет выглядеть на ноутбуке и ПК. В дизайне должна была быть учтена строгая закономерность изменения размеров элементов не только по горизонтальной сетке, но и должны были быть сформированы правила для контроля вертикальных размеров элементов.
Также при таком подходе важно учитывать наличие всех возможных элементов интерфейса, таких как рабочий стол, панели уведомлений и прочее, поскольку они занимают значительную часть экрана устройства.
Дополнительной особенностью было то, что разделы сайта, который не является лендингом, должны переключаться в формате слайдера на ПК или прокруткой на смартфоне. При этом нужно было обеспечить, чтобы каждая страница сайта была проиндексирована поисковыми системами отдельно. Сайт выглядит как лендинг, но по своей структуре является обычным сайтом. Изначально пользователь попадает на любую страницу сайта, после чего загружается остальная структура, и при взаимодействии с меню или прокрутке на мобильном устройстве, без подгрузки, можно попасть на любой раздел.
Изначально переключение разделов на мобильном устройстве также планировалось в формате слайдера. Однако в процессе реализации адаптивности выяснилось, что контент на некоторых страницах не умещается на распространённой части экранов смартфонов, и на них должна была остаться вертикальная прокрутка внутри одного раздела. Чтобы добиться стабильной работы на разных платформах (iOS и Android), было решено использовать обычную сквозную прокрутку.
В результате, эти две особенности оказались достаточно сложными в реализации, но позволили создать оптимизированный продукт.
Такие проекты крайне редки, поэтому для нашей команды результаты работы над этим проектом стали ценным опытом.