Сайт Жилого комплекса Апрель

АККУРАТНО, УДОБНО, КРУТО.

Обычный адаптивный сайт характеризуется тем, что он подстраивается по размерам любого устройства, на котором он будет просматриваться. В процессе разработки дизайна создается 2-3 формата отображения сайта, каждый из которых просто растягивается по доступной ширине экрана, при этом высота страницы не ограничивается, возможно только изменение некоторых элементов пропорционально ширине экрана. При таких условиях на ПК страница по высоте обычно занимает несколько экранов, а на мобильном при сохранении такого же объема информации она уже будет в разы больше.

Основной упор при разработке дизайна ЖК «Апрель» делался на то, что каждая страница должна умещаться на экран устройства полностью, без прокрутки. В чем заключаются сложности. В этом случае отображение сайта зависит как от ширины, так и от высоты экрана.

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

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

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

Изначально переключение разделов на мобильном устройстве так же планировалось в формате слайдера. При этом в процессе реализации адаптивности выяснилось, что имеющийся контент на некоторых страницах не может уместится на распространенной части смартфонов, и на них должна была остаться вертикальная прокрутка в рамках одного раздела. Чтобы добиться стабильной работы на разных платформах (ios и Android), было решено обойтись обычной сквозной прокруткой.

В сумме эти две особенности оказались весьма сложными в реализации.

Такого рода проекты крайне редки, поэтому результаты для нас оказались весьма ценным опытом.