Необходимо сверстать и развернуть одностраничный лендинг компании на основе предоставленного дизайна (дизайн в формате PDF прилагается). В работе использовать Next.js и Tailwind CSS. Лэндинг должен быть полностью адаптивным, с двумя версиями: для мобильных устройств и для планшетов/компьютеров.
Требования:
# Верстка:
Адаптивная верстка с использованием Tailwind CSS.
Дизайн выполнен в художественном стиле, важно максимально точно воплотить задумку дизайнера.
Поддержка двух версий: мобильной и планшет/компьютер.
# Функционал:
Реализация якорей для плавного скролла по разделам страницы.
Модальные окна для отображения дополнительной информации.
Внедрение параллакс-эффекта и комплексных анимаций для создания более динамичного и визуально привлекательного интерфейса.
Использование статической генерации страниц (SSG) в Next.js для улучшения производительности и SEO.
# Оптимизация:
Оптимизация изображений с помощью встроенных возможностей Next.js (например, next/image).
Внедрение lazy loading для всех изображений и тяжелого контента.
Минимизация и сжатие CSS и JavaScript для достижения высокого балла в Google Lighthouse.
Реализация SEO-дружественных метатегов, заголовков и семантической разметки.
Настройка кеширования и Gzip/Brotli сжатия на стороне Nginx.
Поддержка всех современных браузеров (кроссбраузерность).
# Анимации и эффекты:
Реализация параллакс-эффекта для отдельных элементов страницы, чтобы усилить художественный стиль.
Комплексные анимации (например, анимации при скролле, появления элементов) для создания динамичного и интерактивного пользовательского опыта.
# Деплой и сервер:
Деплой сайта осуществляется силами заказчика с использованием Docker и Nginx.
# Коммуникация:
Работа в телеграм-группе с заказчиком и дизайнером для обсуждения и финальной подгонки деталей.
Регулярное предоставление промежуточных результатов для обсуждения и утверждения.
# Дополнительные материалы:
Файл с дизайном в PDF.
Любые другие специфические требования или пожелания будут обсуждаться в ходе выполнения задачи.
Ожидаемый результат:
Полностью готовый к деплою лендинг, оптимизированный для SEO и производительности, с адаптивным дизайном для мобильных устройств и планшетов/компьютеров, развернутый на VPS с использованием Docker и Nginx, с реализованными параллакс-эффектами и комплексными анимациями для усиления художественного стиля страницы.
Разделы:
Заказ
Опубликован:
22.08.2024 | 11:30 [поднят: 22.08.2024 | 11:30]
Заказ находится в архиве