Сверстать и восстановить работу сайта
Нужно сделать верстку и восстановить сайт по готовым макетам и с готовым бэк-эндом.
Проект уже начат на 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.укр/
Актуальні фриланс-проєкти в категорії Веб-програмування
Видалити віруси з сайту і оновити плагіни (Wordpress)Потрібен WordPress-спеціаліст для технічного доопрацювання сайту Завдання: Очистити сайтhttps://www.mast-agency.com/ від вірусів/шкідливого коду, файлів; (на сайті вірус який робить сторінки і редіректи на чужий магазин) Оновити плагіни, щоб сайт працював і виглядав після… CMS, Веб-програмування ∙ 1 година 31 хвилина тому ∙ 40 ставок |
Зробити щоб листи про замовлення з магазину не потрапляли в спамЗараз є магазин на опенкарті, листи про замовлення потрапляють до спаму, треба зробити так щоб потрапляли в Вхідні (ukr.net gmail) перевірити. хостинг написав: Погана доставка електронної пошти може бути пов'язана з низькою репутацією відправника - IP або домену. У такому… PHP, Веб-програмування ∙ 2 години 36 хвилин тому ∙ 35 ставок |
Шукаю досвідченого Full Stack розробника для створення SaaS-сервісу для інтернет-магазинів.Ідея сервісу: Клієнт завантажує посилання на свій товарний фід (XML або CSV). Сервіс автоматично отримує товари, бере їхні фотографії та створює нові рекламні зображення за готовими шаблонами: ціна, знижка, логотип, акційні плашки тощо. Також у сервісі має бути простий редактор… Javascript та Typescript, Веб-програмування ∙ 2 години 47 хвилин тому ∙ 43 ставки |
Розробка WebGL/Three.js сцени з генерацією та експортом 3D (снапшот) з анімованого шейдераОпис об'єкта:Проект являє собою дизайнерський стіл, виконаний у формі реалістичного, глибокого водовороту (центральна воронка, яка плавно переходить з широкої горизонтальної стільниці в тонку витончену ніжку). Суть задачі:Потрібен WebGL / Creative Coding розробник для створення… Javascript та Typescript, Веб-програмування ∙ 23 години 21 хвилина тому ∙ 26 ставок |
Shopify-розробник для сайту доставки суші (Польща)Шукаємо досвідченого Shopify-розробника для реалізації сайту доставки їжі (суші) для клієнта з м. Катовіце, Польща. Що потрібно зробити: Налаштувати сайт на готовому шаблоні Shopify (шаблон узгоджується) Меню з фотографіями страв і описами Онлайн-оформлення замовлень Підключення… Веб-програмування ∙ 1 день тому ∙ 46 ставок |