Разработка фронтенда и интеграция анимаций на сайте OpenCart
Описание задачи:
Мы проводим редизайн сайта на платформе OpenCart. Для проекта нам нужен опытный фронтенд-специалист, который сможет взять на себя следующие задачи:
- Верстка и стилизация: Создание качественной и адаптивной верстки для всех страниц сайта в соответствии с предоставленным дизайном. Это включает в себя правильное форматирование текста, стилизацию элементов, а также обеспечение кроссбраузерной совместимости.
- JavaScript и анимации: Разработка и интеграция всех необходимых JavaScript-функциональностей и анимаций. Это включает в себя анимации окон, форм и других интерактивных элементов, чтобы обеспечить плавное и привлекательное взаимодействие пользователя с сайтом. Обработчики форм должны уметь реагировать на ошибки, которые вернет json(Нужно написать запросы для всех форм (кроме оформления заказа) с получением данных с сервера и реакция на возможные ошибки)
В нашей команде уже есть бекенд-разработчик, который выполнит подключение всех необходимых функциональных компонентов.
Требуется:
- Реализация всех скриптов в 1 основном файле. Без js в html максимально на сколько возможно.
- Также реализация стилей в одном файле. Без тегов <style> и без атрибута style в конкретных тегах.
- Верстка без бутстрап Tailwind и т.д. Все блоки реализовать без float left. Только display flex.
- Подключить jQuery и все скрипты писать на нем.
Полное ТЗ по ссылке: https://docs.google.com/document/d/1LSzR8EK8UpiaZWk1HIxB0PMvqi3d3wPJGrNvuhlUWVE/edit?usp=sharing
CMS - Opencart
Основное направление — продажа обуви для танцев High Heels dance
Сайт имеет 3 языковых версии — английский (основная), русский, украинский (возможно добавиться ещё)
Макет в Figma — https://www.figma.com/file/9q47QQEVXTyUtodQTX8gma/HeelsHub-new-design?type=design&node-id=0%3A1&mode=design&t=sJJ5P6rM7CHOT1MW-1 (важно, анимация на кнопках просто пример смены цвета при наведении для общего понимания, при разработке можно сделать на примере сайтов в комментариях или на усмотрение верстальщика, какие туда подходят по стандарту). В макете указаны комментарии к блокам+ссылки с примерами)
Макет разработан для декстопа, мобильная версия так же будет основные страницы.
Сайт будет на разных поддоменах дизайн везде одинаковый, кроме чекаута (пока что делаем украинскую версию чекаута)
Важно! Сделать сайт адаптивный, чтобы все блоки и шрифты подстраивались под размеры экранов. От большого к маленькому.
Необходимые страницы:
Основные:
- Главная
- Категория:
- Карточка товара:
Информационные:
- Контакты
- Оплата и доставка
- Про нас
- Избранное
- FAQ (вопрос-ответ)
- Страница поиск (товар найден + товар не найден)
- Страница 404
- Страницы Личного кабинета
