Сверстать и восстановить работу сайта
Нужно сделать верстку и восстановить сайт по готовым макетам и с готовым бэк-эндом.
Проект уже начат на Laravel, фронт на Vue.
Часть вёрстки уже есть, посмотреть можно тут – http://demo.maincore.ru/ – пока только десктопная вёрстка и то не вся, ядро как компонент, прописаны вариации с отображением фото, видео, карты, но не сделано пролистывание (друг за другом могут идти разные элементы, например 5 фоток и 2 видео), не сделано увеличение по клику и полноэкранный просмотр, список проектов в меню был сделан, но потом начали переделывать структуру и пока он не отображается.
Чуть подробное описание макетов
Лэйаут:
Сайт занимает 100% экрана.
Основную часть меню составляют направления деятельности компании.
Под каждым направлением открывается подменю со списком брендов, в бренде может дополнительно быть деление на проекты, может и не быть.
При нажатии на бренд открывается страница первого или единственного проекта этого бренда.
В "Ядре" появляются материалы проекта, они могут быть следующих типов:
Фото
Видео
Эти круглые превью внутри ядра листаются, если их несколько. Ниже подписано общее количество материалов.
По клику на материал открывается полноэкранный просмотр фото или видео (ютуб).
Под материлами в полноэкранном режиме может выводиться сопроводительный текст.
Под описанием проекта выводятся ссылки на другие проекты того же бренда.
Скролл и анимации:
Сайт можно было проскроллить с начала и до конца, то есть изначально пользователь попадает на главную страницу Group, дальше может выбрать в меню пункт, например Production, а может просто проскроллить и попасть на него через анимацию, как будто страницы направлений расположены друг под другом, как на макетах Figma. Весь сайт грузить разом – плохая идея, поэтому думаю тут должен предзагружаться следующий слайд и всегда быть в кэше.
Контент внутри ядра (круглого элемента, в котором отображаем весь медиаконтент) должен пролистываться с анимацией
На фоне плавают анимированные логотипы, но это сделать просто через https://vincentgarreau.com/particles.js/#bubble или подобный скрипт
Стандартно какие-то анимации на появление / закрытие всплывающих окон
Данные по проектам сделаны через подгрузку ajax, бэкенд практически готов, нужно решить по формату вывода материала и я оперативно добавлю вывод в API.
-
129 Доброго дня Сергій!
Перечитав опис проекту. Зявились кілька уточнюючих питань.
Чи є можливість глянути макети і сам код?
Яка база даних використовується?
Давайте проговоримо умови, співпраці!
-
121 Здравствуйте, не первый раз сталкиваюсь с версткой сайтов. Примеры можете посмотреть в моем портфолио. С Vue.js так же имел дело. Сделаю всё в лучшем адаптивном виде за несколько дней.
-
399 3 0 Добрый вечер. Заинтересовался Вашим предложением. Имею опыт в созданиях сайтов, примеры моих работ:
https://rolan.com.ua/index.html
https://rolan.com.ua/sp.html
https://сум1.укр/
Актуальные фриланс-проекты в категории Веб-программирование
ИИ-агент технолога спортивного питанияАгент помогает разрабатывать рецептуры новых продуктов спортивного питания — протеиновых батончиков, протеинов, предтреников, изотоников, батончиков и т.д. Главная особенность: агент знает законодательство разных стран и автоматически учитывает его при создании рецептуры. То… AI и машинное обучение, Веб-программирование ∙ 45 секунд назад |
Разработка корпоративной финансовой системы — React, TypeScript, Node.jsИщем опытного full-stack разработчика или небольшую команду для разработки корпоративной финансовой системы с нуля. Необходимо реализовать полный цикл разработки: проектирование архитектуры, backend, frontend, базу данных, тестирование и запуск системы. Технологии: Frontend:… Javascript и Typescript, Веб-программирование ∙ 31 минута назад ∙ 25 ставок |
Syrve/iiko + LiqPay: QR-меню, заказы со стола, чаевые, подтверждение официантомНужен разработчик / интегратор для ресторана, который имеет опыт с Syrve/iiko или подобными POS-системами. Задача: реализовать или спроектировать интеграцию QR-меню и QR-оплаты для ресторана через Syrve/iiko и PrivatBank/LiqPay. Нужна схема работы: На каждом столе есть QR-код.… Веб-программирование ∙ 2 часа 33 минуты назад ∙ 16 ставок |
Устранение проблем с нагрузкой на хостинге WordPress/WooCommerce сайтаИщем специалиста для диагностики и устранения проблем с нагрузкой на хостинге WordPress/WooCommerce сайта Есть действующий e-commerce сайт на WordPress + WooCommerce. Сайт периодически падает или работает нестабильно во время большого количества запросов — как с разных… DevOps, Веб-программирование ∙ 3 часа 30 минут назад ∙ 35 ставок |
Трансформация сайта-каталога WordPress в магазин (WooCommerce, Mono/LiqPay, Нова Пошта)
6000 UAH
Приветствие! Есть работающий сайт-каталог автоэлектроники — autoden.com.ua. Платформа: WordPress 5.4.19. Сейчас на сайте есть товары и цены, но нет возможности онлайн-покупки. Что нужно сделать: Настроить и интегрировать плагин WooCommerce под текущий дизайн. Перевести… CMS, Веб-программирование ∙ 4 часа 16 минут назад ∙ 49 ставок |