Благотворительный фонд «ЯРада»

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

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

При проверке отображения сайта на различных устройствах оказалось, что на планшетах с iOS верстка «едет». Опытным путем я выяснила, что  причина была применении автолейаутов. Проблему удалось решить в короткие сроки и сделать правильное отображение сайта на всех устройствах.

Поскольку в макете не были проработаны ФОС, ховеры кнопок, но сайт должен бы быть рабочим, я решила создать эти элементы самостоятельно:

• в подвал было добавлена форма;
• подготовлены ссылки на Политику конфиденциальности, Пользовательское соглашение;
• для всех кнопок добавлено изменение цвета по ховеру (наведению);
• подключена Яндекс. Метрика, Вебмастер;
• настроено базовое SEO страницы и сайта;
• так же была добавлена анимация для пунктов меню в шапке и подвале сайта.

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

Для настройки слайдеров была использована модификация Annex, настраивающая скролл элементов в Zero-блоках, а так же модификация плавного скролла страницы.