Верстка лендинга
8000 UAHТехническое задание на вёрстку лендинга
Общая информация
- Проект: Лендинг для Тамагочи
- Количество блоков: 5
- Файлы макета: Доступ к макетам предоставлен в Figma (ссылка на макет).
Требования к вёрстке
Технологии:
- HTML5
- CSS3 (предпочтительно использовать препроцессоры: Sass или LESS)
- JavaScript (при необходимости для анимаций)
- Адаптивная вёрстка с использованием медиа-запросов (mobile-first)
- Совместимость с современными браузерами (Google Chrome, Mozilla Firefox, Safari, Microsoft Edge)
- Кроссбраузерная и кроссплатформенная проверка
Структура проекта:
- Главная страница с 6 блоками
- Использование методологии БЭМ для наименования классов
Требования к анимациям:
- Каждую анимацию необходимо обсудить и согласовать отдельно, так как в макете Figma не все анимации отображены.
- Для обсуждения анимаций организовать обсуждение с разработчиком.
- Использование CSS-анимаций и библиотек (например, GSAP).
Описание блоков
Блок 1:
- Содержимое: Заголовок
- Анимация: плавное появление Тамагочи, шевеление листьев
- Дополнительно: адаптивное расположение текста
Блок 2:
- Содержимое: изображение текст кнопка
- Анимация: Падение купюр
- Дополнительно: адаптивное изменение размеров изображений и текста
Блок 3:
- Содержимое: Переход
- Анимация: Кручение рулетки вылетают яйца из джекпота
- Дополнительно: адаптивное расположение иконок и текста в столбец на мобильных устройствах
Блок 4:
- Содержимое: 5 - 3Д фигур
- Анимация: Фигуры 3д бьют в барабаны и играет музыка
- Дополнительно: адаптивное изменение размеров изображений и текста
Дополнительные требования
SEO оптимизация:
- Использование семантической разметки
- Оптимизация загрузки изображений (Lazy Loading)
- Установка мета-тегов
Производительность:
- Минификация CSS и JavaScript
- Оптимизация загрузки шрифтов
Репозиторий и сборка проекта:
- Репозиторий на GitHub
- Тестирование:
- Тестирование на различных устройствах и браузерах
- Проверка на ошибки валидации HTML и CSS
Этапы работы
- Обсуждение и утверждение анимаций для каждого блока
- Вёрстка всех блоков по очереди с промежуточной проверкой
- Интеграция анимаций и окончательная проверка
- Тестирование и исправление ошибок
- Передача проекта
https://www.figma.com/design/Z1VrGtoW2vx7yfY3a0HSZJ/Tamagothci?node-id=1265-543&t=YFjuBCfenz3om1Mt-0
-
7 дней8000 UAH
3277 52 0 7 дней8000 UAH
Good day. Grigory. Great experience in layout. We can start work right now. Write in private
-
5 дней8000 UAH
555 12 0 5 дней8000 UAH
Здравствуйте, у меня большой опыт в разработке подобных сайтов, пишите в личные сообщения для обсуждения деталей
-
7 дней8000 UAH
4762 50 0 1 7 дней8000 UAH
Добрый день! Готов выполнить работу качественно и в оговоренные сроки. Опыт работы более 6 лет. Пишите в л/с оговорим детали.
-
3 дня10 000 UAH
143 3 дня10 000 UAH
Комерческий опыт работы во фронтенд разработке - более 5 лет.
Стек:
Vue 3 (Composition API) + Nuxt.js - 4 года
React - 3 года
Могу оценить ваш проект и предоставить всю информацию о нем. Готов взяться сразу. Опыта много, в разработке такого рода сайтов и систем. Жду вас в личных сообщениях.
-
15 дней20 000 UAH
128 15 дней20 000 UAH
Добрый день!
Мы рады обратиться к вам с предложением от IT компании Natberh. Мы команда профессионалов, специализирующаяся на разработке веб-сайтов, мобильных приложений и других программных продуктов. С нашей стороны, мы гарантируем вам более 5 лет опыта в сфере информационных технологий, подтвержденные успешными кейсами и долгосрочными партнерствами.
С нетерпением ждем возможности обсудить ваши конкретные потребности и обеспечить вас высококачественными решениями.
P.S. Нам важно обсудить детали вашего проекта.
Сайт: https://www.natberh.tech/
… Портфолио: https://www.natberh.tech/portfolio, olimpdigital.com/ua/portfolio
Спасибо за внимание, с уважением,
Виктория,
HR Менеджер
-
7 дней8000 UAH
229 7 дней8000 UAH
Привет, буду рад выполнить ваше задание, хорошо владею версткой и сделаю вам в максимально короткий срок, приглашаю вас к сотрудничеству
Актуальные фриланс-проекты в категории HTML и CSS верстка
Доработка сайта Bropack на WordPress (правки по верстке, настройка форм и SEO)Описание задачи:Ищем опытного WordPress-разработчика/верстальщика для оперативного завершения проекта https://bropack.com.ua/ . Сайт уже сверстан и посажен на WordPress, но в связи со срывом сроков предыдущим исполнителем, необходимо закрыть техническую часть, настроить базовое… HTML и CSS верстка, PHP ∙ 8 часов 34 минуты назад ∙ 23 ставки |
Интернет-магазин одеждыНужен разработчик для интернет-магазина одежды Ищу опытного разработчика для создания полноценного интернет-магазина одежды с дроп-моделью продаж. Что нужно сделать: 6 страниц: главная, товар, корзина, оформление, аккаунт, админ панель Вход через Google аккаунт Корзина и… HTML и CSS верстка, Javascript и Typescript ∙ 1 день 4 часа назад ∙ 81 ставка |
Комплексное доработки WooCommerce-магазина (UX, адаптивность, функционал)Необходимо завершить разработку интернет-магазина на WordPress (WooCommerce). Текущий сайт: https://lerise.com.ua/ Референс по уровню функционала и удобства использования: https://katysoho.com.ua/Важно Кардинально менять дизайн сайта не нужно. Основной акцент - на… CMS, HTML и CSS верстка ∙ 2 дня 22 часа назад ∙ 38 ставок |
Сайт для свадебных фотографов под ключ: дизайн + текст + запускИщем специалиста (или студию) для создания сайта-портфолио под ключ - полный цикл от концепции до публикации. Хотим минимум участия с нашей стороны: вы берете задание и доводите до готового результата. Что входит в работу «под ключ»: • Дизайн в стиле premium / editorial /… HTML и CSS верстка, Дизайн сайтов ∙ 3 дня 4 часа назад ∙ 114 ставок |
Ищем веб-дизайнера / верстальщика на WordPress (конструктор Divi)https://annalecat.com/corporate-training/ Что нужно сделать: У нас есть одна страница на сайте, которая сейчас выглядит плохо. Нужно переделать её дизайн и сверстать так, чтобы она выглядела красиво, современно и аккуратно. Что мы уже имеем для работы: Текст: Полностью готов… HTML и CSS верстка, Дизайн сайтов ∙ 5 дней 1 час назад ∙ 37 ставок |
Киев