Требуется фронтенд- и бэкенд-разработка сайта студии красоты на Wordpress + адаптивная вёрстка для мобильных приложений, смартфонов, ноутбуков, планшетов.
Описание особенности некоторых блоков:
1. В админке некоторые блоки должны быть редактируемыми, чтобы в дальнейшем можно было самостоятельно менять инфу в каталоге, фотки в галерее и тд.
2. Необходимо будет подключить систему бронирования (перенести с существующего сайта), Yclients.
3. На главной требуется несложная анимация логотипа, вроде:
4. Делаем полосу загрузки сверху. Чтобы страницы плавно грузились.
5. Также хотелось бы сделать лёгкую анимацию появления блоков при прокрутке сайта.
Примеры:
6. Дескриптор – “Профессиональная сеть студий красоты” – это непрерывная, плавная бегущая строка. Пример:
7. Круговая надпись “Скидка – Скидка – Скидка…” – непрерывно и плавно крутится по кругу, при этом 20% в центре статичны.
– тут есть подобный круг, но он реагирует на прокрутку. Можно сделать также.
8. Кнопка “Записаться” и все последующие типовые кнопки:
– При наведении мышкой – круг и обводка плавно соединяются и кнопка становится просто овальной.
– При клике – заливка в более тёмный цвет.
9. Стрелка “Листайте вниз” – стрелка плавно движется вниз-вверх по небольшой траектории.
10. Слайдер должен быть редактируем через админку, нужно оставить возможность заливки фотографий, о чём как раз сказано в п.1.
11. Круговые, декоративные формы с обводкой (на фоне) – плавная анимация.
Примеры:
12. Блок – “О нас”
- При клике на фотографию открывается галерея. Она отрисована в Фигме.
13. Блок – “Учебный центр” – при клике на кнопку Play – видео начинает проигрываться внутри страницы, но также нужно оставить возможность развернуть видео на весь экран. Если в вордпресс это проблематично, выгрузим куда требуется.
- Декоративные формы с обводка – плавная анимация, пример выслал выше в п.11
14. Блок – “Наши услуги и цены”
- При клике на любую из карточек осуществляется переход к разделу – “Услуги и цены” в котором осуществляется перемотка к выбранному разделу.
- При клике на кнопку “все услуги” – переходим в раздел “Услуги и цены”
Данный блок также надо сделать редактируемым через админку.
15. Скидочный блок – вращается круговая надпись “Скидка-Скидка-Скидка…”, при этом 20% в центре статичны.
16. “Работы наших мастеров” – просто галерея с работами. Оставить этот блок редактируемым, чтобы самостоятельно могли через админку загружать/удалять фотки.
17. Блок – “Контакты” – расставляем все точки на одной карте. Вероятно, надо использовать Гугл Мэпс, так как одна из локаций в Таиланде. Или разделить гугл в одном блоке, Яндекс карты – в другом, но лучше этого избежать.