Вернуться в профиль
Адаптивная верстка лендинга
Ко мне в руки попал дизайн-макет сайта, который нужно было сверстать за 2 дня. Обычно такая работа стоит 4.000р, в нее входит:
1. Адаптив — верстка под ноутбуки, планшеты и мобильные устройства
2. Чистый валидный код без использования Bootstrap
3. Публикация сайта в интернете и привязка к домену
4. Ускорение загрузки сайта
Для начала я поэтапно расписал задачу в Trello и дал заказчику ссылку, чтобы он в любой момент мог посмотреть, на каком этапе находится разработка. Так как сроки были ограничены, я сразу же приступил к работе и уже через 1.5 часа загрузил на хостинг адаптированную под все разрешения шапку и первый экран. Самым сложным оказался блок "до-после" — с ним мне пришлось немного повозиться.
Посреди работы заказчик заметил, что ему не нравятся "пиксельные иконки" — так что я предложил использовать SVG формат, который никогда не теряет в качестве при любом масштабе. Я взял на себя эту задачу и нашел все необходимые изображения на сайте Flat Icon.
Чтобы ускорить загрузку сайта, я конвертировал все PNG изображения в формат JPG, оптимизировал иконки и спрятал интерактивную карту до тех пор, пока пользователь по ней не кликнет — так карта загрузится только тогда, когда это действительно необходимо.
Заказчик не требовал анимировать сайт, но я с его разрешения я добавил некоторым блоком анимацию появления.
Вернуться в профиль