Верстка интернет-магазина

Гость4 года в сервисе

Данные заказчика будут вам доступны после подачи заявки

27.01.2021

Необходимо сделать верстку интернет магазина с главной страницей в виде лендинга. Макеты в figma, суммарно 11 страниц (некоторые почти идентичны). Макеты в двух размерах (моб и десктоп)

Общие требования

- Pixel perfect (сравниваю с мобильным и десктопным макетом через chrome ext.)

- Устойчивость к изменению масштаба страницы

- Браузеры: Edge, Safari, Firefox, Chrome

- Использование SASS, GULP. Все цвета, шрифты, прозрачности вынести в переменные

- Анимации - CSS3

- Все формы обернуть в теги

- HTML структура и CSS классы должны быть стандартизированы так, чтобы блоки могли строиться движком.

- Валидность html и CSS по W3C (валидатор: https://validator.w3.org/)

- Изображения SVG и растр положить на спрайты. Для SVG собираем в один файл с symbol id -> подключаем в html файл -> используем в html через svg use.

- Используем img srcset для ретин: x1, x1.5, x2, x3, x4. изображения сжимаем через https://tinypng.com/

- Все тексты должны быть в точности перенесены из макета

- Имейлы и телефоны через ссылки mailto:, tel:

- Итоговые страницы должны попадать в зеленую полосу google page speed

- Размер всех кликабельных элементов не должен быть меньше 45*45. Имеется в виду, что визуально элемент остается как в макете, но паддингами его границы подгоняются до нужных минимальных размеров

- Телефоны и имейлы должны легко копироваться на десктопе и телефоне (чтобы пользователь мог скопировать без проблем)

- По клику "отправить" форму, должен быть лоадер и 2 возможных сообщения: "Отправлено", "Ошибка отправки, проверьте соединение и попробуйте еще раз". Сообщение показывать рядом с кнопкой. Эту часть сделать на усмотрение верстальщика.

Верстка интернет-магазина

Заявки фрилансеров