Занимаюсь продвижением сайта в сфере услуг — там представлены кейсы по ремонту квартир, косметологическим процедурам и озеленению участков. Кейсы сейчас оформлены обычными галереями, где фото «до» и «после» идут просто друг за другом, и такой формат совсем не впечатляет потенциальных клиентов: разница теряется, приходится сравнивать вручную, прокручивая ленту вверх-вниз.
Задача — заменить эти галереи интерактивным блоком сравнения: две фотографии одного объекта накладываются одна на другую, а посередине идёт вертикальный ползунок-разделитель, который посетитель тянет пальцем или курсором, открывая то одну, то другую версию снимка. Такой формат нагляднее показывает объём проделанной работы, а значит и лучше конвертирует посетителей в заявки.
Отдельное требование — мобильная версия. Основной трафик сайта идёт с телефонов, поэтому жест перетаскивания должен распознаваться уверенно, без залипаний и без случайной прокрутки страницы вместо движения ползунка. Десктопная версия с мышью тоже нужна, но она вторична. Хотелось бы разместить несколько таких блоков на одной странице без потери скорости загрузки — изображения должны подгружаться постепенно, а не все сразу.
Кандидату на выполнение нужно будет:
1) предложить техническое решение (готовое или самописное) и обосновать выбор;
2) реализовать перетаскивание разделителя под тач и мышь одинаково надёжно;
3) встроить блок в существующую вёрстку без конфликтов со стилями;
4) оставить понятную инструкцию по добавлению новых пар изображений.
Задача — заменить эти галереи интерактивным блоком сравнения: две фотографии одного объекта накладываются одна на другую, а посередине идёт вертикальный ползунок-разделитель, который посетитель тянет пальцем или курсором, открывая то одну, то другую версию снимка. Такой формат нагляднее показывает объём проделанной работы, а значит и лучше конвертирует посетителей в заявки.
Отдельное требование — мобильная версия. Основной трафик сайта идёт с телефонов, поэтому жест перетаскивания должен распознаваться уверенно, без залипаний и без случайной прокрутки страницы вместо движения ползунка. Десктопная версия с мышью тоже нужна, но она вторична. Хотелось бы разместить несколько таких блоков на одной странице без потери скорости загрузки — изображения должны подгружаться постепенно, а не все сразу.
Кандидату на выполнение нужно будет:
1) предложить техническое решение (готовое или самописное) и обосновать выбор;
2) реализовать перетаскивание разделителя под тач и мышь одинаково надёжно;
3) встроить блок в существующую вёрстку без конфликтов со стилями;
4) оставить понятную инструкцию по добавлению новых пар изображений.
