Очень тщательно, спасибо что все учли, включая все наши необычные запросы !
рекомендую и надеемся поработаем еще!
Такая ситуация
Нужен корпсайт-визитка.
В итоге - на Javascript, но сначала для срочности пробовали сделать и выложить чисто верстку, а уже потом привязать к фреймворку.
Выложить нужно через 2 недели максимум...
Идея была в том, что должна быть прокрутка экранов сверху вниз с по-страничной фиксацией.
Примеры в аттаче - так работают ленты Youtube shorts, Instagram reels и др.
Сделали пробник (вышло некрасиво, но это второй вопрос), а он при прокрутке - тормозит! дергается.
Пробник выложен на https://instashop.io
Вопрос 1 - как сделать его плавным, красивым и залипательным? На самом деле хотелось ввести множество мелких изысков - чтобы в каждом слайде все двигалось, чтобы нав панель плавно меняла цвет по мере прокрутки, под фон слайда (это не идеально, но сделано) и пр.
Но прокрутка тормозит, и это все портит!!!! Нужна плавная, тактильная, с интерцией - как это в youtube shorts и Instagram reels.
Доп материалы и верстку пришлем.
Оплату можем и по часам.
ДРУГИЕ ЗАДАЧИ В БУДУЩЕМ
1) Нужно и эту верстку переделать и довести (к 20 мая). Будут там и блоки о команде и др. (Но этот проект - просто добиться плавной прокрутки, поскольку иначе весь сайт надо на другую идею переделывать)
2) и потом еще 3-4 (!) сайта-верстки на этом шаблоне срочно выложить, с разным контентом (лучше в мае).
3) а потом бы все перенести в JS, но это можем обсудить потом, и другого программиста добавить. Сейчас главное - красивая верстка
Если ли грамотный специалист с хорошим вкусом, кто нам все это красиво, плавно и быстро переделает?)
По условиям работы.
1) оплата по часам вполне ок. Главное вовсе не цена, а СУПЕР качество и инициативность, чтобы исполнитель любил красоту, болел за все некрасивости, и доводил до идеала, по своей инициативе, а мы оплатим.
2) перевод на банковский счет из США в почти любую страну, либо картой США по ссылке PayPal, stripe (но не перевод Paypal как другу, у вас должен быть бизнес счет)
3) процедуры: Мы надеемся, что после этого задания, установим долгое, взаимовыгодное, интересное сотрудничество. Поэтому есть несколько просьб-условий работы, сразу как у нас сложилось:
a) работа в GIT, c коммитами с аккуратными комментариями в коммитах и в коде, каждый день (чтобы было удобно отслеживать эволюцию кода).
b) Общение в Slack (это позволит если что подключить других программистов, руководителей о нас)
c) Постановка задач от нас - в Jira
d) Подписать NDA (Соглашение о неразглашении) и договор заказа
Подробные файлы - по запросу.
Спасибо!
Уточнение
- разово можем и через сайт оплатить (но какое-то соглашение, договор, о том что автор передает права на сделанную работу, потребуется)
- в будущем, если постоянная работа пойдет, уже нужно напрямую оплачивать на банковский счет
Бюджет: 1000 UAH Срок: 1 день
Добро пожаловать! Знакомился с ТЗ, готов к работе. Для уточнения деталей пожалуйста напишите.
Бюджет: 11111 UAH Срок: 1 день
Здравствуйте. Готов реализовать. Большой опыт реализации.Пишите в личку
Бюджет: 1000 UAH Срок: 1 день
Хороший день, у меня в своем портфолио подобные работы. Готов к сотрудничеству.
https://robertlendel1996.github.io/Avantis/homeEN.html
https://robertlendel1996.github.io/StudioVIZE/
Бюджет: 1000 UAH Срок: 4 дня
Доброго дня . Ваш вопрос можно решить с помощью Swiper JS. По моему мнению, он довольно не плохо справится с плавной прокруткой, выйдет сайт похож на презентацию. Для того, чтобы все было анимировано можно использовать еще какую-нибудь дополнительную библиотеку, например AOS. Таким образом мы получим плавную прокрутку с плавным появлением всех элементов на слайдах. И можно еще немного дизайна пофиксировать.
Бюджет: 2000 UAH Срок: 1 день
Добрый день есть несколько идей как реализовать Ваш сайт сделаю хорошо и быстро. В первый же день будет понятно в правильном ли я направлении двигаюсь. Если все понравится продолжим, если нет, не проблема если вы решите выбрать другого человека чтоб не тратить не мое ни Ваше время. Есть пару примеров с подобным поведением для ПК http://projectslayout.website/ http://site9.projectslayout.website/ тоже делал на swiper как у Вас, просто нужно понять от чего тормозит и что так плохо на него влияет, возможно это внутренние слайдера с эффектом куба, нужно попробовать отрубить протестировать и двигаться шаг за шагом.
Бюджет: 750 UAH Срок: 2 дня
Добро пожаловать Ирина!
Готовы выполнить свою задачу. Все сделаю быстро и качественно.
Вот пример с нужным Вам функцией https://pashadahulych.github.io/Digital-Planner/
Будем рады сотрудничеству!
Бюджет: 1111 UAH Срок: 1 день
Здравствуйте! Могу предложить сделать такой скролл с помощью SwiperJs. Напишите в лс.
Бюджет: 500 UAH Срок: 30 дней
Здравствуйте!
Я бы хотел поделиться своим интересом по поводу вашего проекта корпсайт-визитки. Я готов предоставить свои услуги в этом вопросе.
Я хорошо понимаю, что для вас важно, чтобы работа была выполнена в сжатые сроки и с высоким качеством. Я готов заняться этим проектом и гарантирую вам результат, который будет соответствовать всем вашим ожиданиям.
Я готов работать с вами в тесном сотрудничестве и обеспечить постоянную связь с помощью Slack. Кроме того, я готов сотрудничать с вами в Jira для обеспечения более эффективной коммуникации и управления задачами.
Пожалуйста, свяжитесь со мной, чтобы обсудить детали и получить дополнительные файлы, которые вы упоминали. Я готов предоставить оплату по часам и гарантирую качество моей работы.
Я могу помочь ответить на некоторые из ваших вопросов.
1. Чтобы улучшить плавность и скорость прокрутки, можно попробовать использовать библиотеку для прокрутки, например, Smooth Scroll (https://github.com/cferdinandi/smooth-scroll). Она позволяет добавлять плавные анимации при прокрутке, а также обеспечивает более плавный и стабильный прокрутку, чем стандартные возможности браузера.
Для добавления множества мелких изысков, например, изменения цветов навигационной панели в зависимости от прокрутки, можно использовать библиотеку, такую как ScrollMagic (https://scrollmagic.io/). Она позволяет добавлять различные анимации и эффекты при прокрутке, включая изменение цветов и другие изменения элементов на странице.
Для повышения качества работы, можно использовать методику Agile и подход к разработке User Experience Design. Это позволит улучшить исходный проект и сделать его более интерактивным и функциональным.
Есть нативное css свойство scroll snap
https://codepen.io/tutsplus/pen/qpJYaK не обязательно подключать swiper
Микола доброго дня!
так так
а можете пожалуйста
- портфолио показать, примеры, вообще у нас много дел и с доводкой и этой, и многих других сайтов и модулей (Слайдеров новостей, и прочего)
- и пришлем конкретно эту верстку, посмогтреть датальнее, можете ли улучшить плавность?
Как по мне, у вас все хорошо работает, в опере работает отлично, куда ещё плавнее
Задача - верстка сайта. Есть готовый разработанный макет, сверстанный на конструкторе, который нужно переверстать в WP. Это небольшой (на 4-5 страниц) двуязычный информационный сайт с возможностью подключения WooCommerce. Сайт должен быть оптимизирован для SEO.
Создать и сверстать адаптивный мастер-шаблон для email-рассылок в Stripo (для экспорта в SendPulse).⚙️ Что нужно сделать:Разработать визуальную концепцию и дизайн блоков (хедер, баннеры, карточки товаров, футер).Сверстать адаптивный HTML-шаблон в Stripo с возможностью дальнейшего экспорта в SendPulse.Протестировать отображение в Gmail, Apple Mail, Outlook и Dark Mode. Требования:Уверенный уровень Figma и практический опыт верстки в Stripo.Понимание технических ограничений email-маркетинга.Портфолио с реализованными e-mail рассылками (e-commerce/fashion).
Описание задания Нужен опытный frontend-разработчик или верстальщик для поэтапного обновления большого действующего сайта. Сайт работает много лет, содержит значительное количество страниц, различные типы контента, формы, таблицы и интерактивные блоки. Используется собственная серверная система, имеются legacy HTML/CSS. Полная замена технологий или системы управления сайтом не планируется. На первом этапе необходимо разработать новый адаптивный общий шаблон сайта. После успешного завершения первого этапа планируется последовательное обновление внутренних страниц. Название сайта, URL, дизайн-макеты и текущие выходные файлы будут предоставлены ограниченному количеству кандидатов после предварительного отбора по портфолио и опыту.Что входит в первый этап Необходимо реализовать общую визуальную оболочку: шапку для desktop- и mobile-версий; основную и мобильную навигацию; служебные элементы шапки; общий контейнер и сетку страницы; навигационный цепочку («хлебные крошки»); базовые элементы интерфейса: кнопки, ссылки, поля ввода; общие стили типографики с возможностью их поэтапного подключения; футер; адаптивное поведение шаблона; совместимость новой оболочки со страницами, которые временно останутся в старом дизайне. Уникальные внутренние блоки отдельных страниц на первом этапе полностью переделывать не нужно.Особенности проекта Большой действующий сайт с множеством типов страниц. Имеется legacy CSS и местами устаревшая HTML-разметка. Новый дизайн будет внедряться постепенно. Одновременная полная замена всех страниц невозможна. Исполнитель не получает доступа к серверу, CMS и рабочему проекту. Заказчик самостоятельно интегрирует подготовленную верстку. Исполнителю будут предоставлены текущие CSS-файлы, макеты, графические материалы, HTML-фрагменты и примеры страниц в пределах, необходимых для выполнения работы. Предполагается несколько итераций после тестовой интеграции в реальный проект.Технический подход Предполагается подключение нового CSS поверх имеющихся стилей с дальнейшей постепенной миграцией и удалением устаревших правил. Разрешается: создавать новые CSS/SCSS-файлы; предлагать изменения HTML общих частей шаблона; исправлять имеющиеся CSS-правила, которые мешают реализации; предлагать улучшения структуры DOM; создавать новые повторно используемые компоненты. Изменения имеющегося CSS необходимо передавать отдельно в виде: patch/diff-файла; отдельного файла совместимости; или документированного перечня измененных правил и селекторов. Необходимо избегать: неконтролируемого использования !important; глубоко вложенных и хрупких CSS-селекторов; привязки стилей к тексту или порядковому номеру элемента; дублирования всей разметки отдельно для desktop- и mobile-версий; подключения тяжелых фреймворков без предварительного согласования; глобальных правил, которые могут нарушить отображение еще не обновленных страниц.Требования к качеству Проект рассчитан на дальнейший многолетний развитие. Нужно не разовое «подгонка под скриншот», а чистая, профессиональная и удобная для поддержки верстка. Ожидается: понятная компонентная структура; повторно используемые CSS-классы; CSS custom properties для цветов, размеров, отступов и других дизайн-токенов; разумная специфичность селекторов; семантическая HTML5-разметка; корректная иерархия заголовков; отсутствие лишних DOM-оберток; отсутствие дублирования контента, который индексируется; корректное использование header, nav, main, section, footer; использование кнопок и ссылок в соответствии с их назначением; доступность интерфейса с клавиатуры; состояния hover, focus, active и disabled; отсутствие горизонтального прокручивания страницы; корректная работа с динамическим контентом различной длины; понятный и профессионально организованный код.SEO и производительность Обновление шаблона не должно ухудшать технические SEO-показатели сайта. Необходимо: сохранить семантику основного контента; не создавать отдельные дубликаты DOM для мобильной и desktop-версий без обоснованной необходимости; не скрывать важный для индексации контент с помощью JavaScript; не нарушать иерархию заголовков; не удалять имеющиеся SEO-, аналитические и структурные атрибуты из предоставленных HTML-фрагментов; минимизировать дополнительный JavaScript; не использовать тяжелые библиотеки без согласования; предусмотреть размеры изображений и отсутствие заметных смещений макета во время загрузки; не допускать заметного ухудшения показателей Lighthouse и Core Web Vitals после интеграции. Исполнитель должен понимать, что качественный CSS сам по себе не исправляет структуру DOM. Если для профессионального результата необходимо изменить разметку, нужно подготовить и передать заказчику соответствующие HTML-фрагменты.Адаптивность Проверка верстки должна выполняться как минимум на таких ширинах: 1440 px; 1200 px; 1024 px; 768 px; 390 px; 360 px; 320 px. Между контрольными размерами интерфейс также должен оставаться корректным и функциональным. Горизонтальное прокручивание всей страницы не допускается. Исключения для отдельных компонентов, например больших таблиц, необходимо предварительно согласовать.Результат первого этапа Исполнитель передает: Новый CSS или SCSS вместе с готовым собранным CSS. Автономную демонстрационную HTML-страницу. HTML-фрагменты шапки, меню и футера, если разметка изменялась. Отдельный patch/diff изменений legacy CSS. Новые SVG, изображения, иконки и шрифты. Инструкцию по подключению и интеграции. Описание структуры CSS и компонентов. Перечень новых и измененных классов и селекторов. Скриншоты результата на контрольных размерах. Перечень известных ограничений и расхождений с макетами. Рекомендации по дальнейшей миграции внутренних страниц.Итерации В стоимость первого этапа должны входить: Согласование общей структуры и desktop-версии. Адаптивное доработка tablet- и mobile-версий. Исправление выявленных заказчиком проблем после первой тестовой интеграции. Дополнительные работы вне согласованного первого этапа оцениваются отдельно.Что нужно указать в заявке Просим указать: опыт работы с большими действующими сайтами и legacy CSS; примеры сложной адаптивной верстки; примеры кода или ссылки на репозитории, если они доступны; подход к организации архитектуры CSS; опыт постепенной миграции дизайна без полной остановки сайта;
Нам нужно сделать дизайн в фигме из html файлов (все размещу в доке к задаче) Чтобы мы потом могли наверстать эти все страницы в конструктор сайтов Максимальный акцент на моб дизайне и адаптиве весь трафик от туда Это будет основная страница сайта + чек аут страница + 2 страницы с допродажами (1 товар - 1 страница) Вообщем задача чтобы они были подготовлены к верстке и с адаптацией под моб устройства На диске будет главная + чек аут + 1 страница допродажи + логотип наш (ставим везде) вообщем адаптируем во всех смыслах под наш бренд Последний дизайн находится вот по этой ссылке https://3plus3.heroman.com.ua/upsells/t-shirt/ Футер внизу на всех страницах ставиться везде как на главной странице (the Rich) Логика воронки продаж Главная страница чек аут допродажа 1 допродажа 2 Страница спасибо (она есть у нас) ССЫЛКА НА АРХИВ СО СТРАНИЦАМИ https://drive.google.com/drive/folders/1IKh0sTVd6WCIUm0QSBFctRlaD6iEasez?usp=sharing
Необходимо перенести готовый дизайн сайта (лендинг под курс, инфобизнес) из Figma на Weblium за один день.