Доработать верстку по списку
Видно, что человек работает на результат.
Необходимо внести изменения в страницу http://user75848.7ci.ru/maket2/.
Часть доработок уже реализована на других страницах - можно скопировать их оттуда, однако брать за основу ни одну из них нельзя, так как на каждой имеются косяки.
В частности:
- доработки 1-9 уже реализованы на http://user75848.7ci.ru/maket6/;
- 10 на http://user75848.7ci.ru/maket4/
Перечень доработок:
1. Убрать обрезку названий товаров в корзине.
2. Сделать, чтобы прямоугольники со способами оплаты и доставки не меняли форму при уменьшении размера экрана, а тексты внутри блоков полностью влезали в них.
3. Выровнять левый и правый края прямоугольников со способами оплаты и доставки по остальным блокам. (частично реализовано, так как из-за этого возникают другие глюки. Например - красный круг со скидкой отображается не в правом верхнем углу при некоторых разрешениях ).
4. Увеличить область, при клике на которую выбирается способ самовывоза - весь прямоугольник, а не только текст.
5. Иначе реализовать добавление цвета к картинкам, чтобы их загрузка не происходила с задержкой.
6. Поля и заголовки к ним внизу страницы реализовать так же, как и на вкладке "Доставка курьером" (сделать одинаковый цвет и тень у контуров, стиль вводимого текста, добавить такие жезаголовки вверху). (частично реализовано, стиль отличается).
7. Добавить черное поле с пояснением при наведении на знак вопроса.
8. Добавить поле Комментарий.
9. На мобильных в корзине выровнять цену и название товара по левому краю.
10. Выровнять радио-баттон по центру адреса точки самовывоза.
11. Увеличить ширину колонки с названием товара для того, чтобы при некоторых разрешениях название товара не было скомкано (пример - Iphone 8 в горизонтальном положении).
12. Расположить блоки Ваш заказ, кнопку и текст под ним в центре страницы, а не с левого краю в тех случаях, когда этот блок не влезает справа и не расширяется до ширины экрана.
13. Корректное отображение на Ipad (в том числе корректный перенос слов внутри блока Ваш заказ, сделать, чтобы текст внутри всех способов доставки и оплаты влезал в блок).
14. Сделать расстояние между способами по высоте равным расстоянию между способами по ширине.
15. Добавить закругление правых краев всех полей.
16. Сделать, чтобы дополнительные услуги выбирались не только при клике на квадрат, но и по названию дополнительной услуги и возле него. Аналогично с описанием точек самовывоза.
17. Увеличить высоту карты на мобильных до минимально возможной, при которой влезает все всплывающее окно, а полоса прокрутки не отображается.
18. Сделать, чтобы на мобильных устройствах карта начинала двигаться после единичного клика по ней и переставала после клика по конкретной точке и появления всплывающего окна, а затем при следующем клике по ней снова начинала двигаться - для удобного использования на мобильных устройствах, чтобы не открывалась карта с прокруткой.
19. Сделать, чтобы иконки способов не становились при наведении цветными в случае, когда способ не доступен.
20. Сделать, чтобы иконки для Кредит Тинькофф и Рассрочка (кредит) Paylate были расположены как и иконки для других способов и не обрезались.
21. Сделать, что поле с подсказкой выводилось не только при нажатии на знак вопроса, но и при клике по любому месту на уже выбранном способе.
22. Убрать красную стрелку с надписью.
23. Добавить автоматическое определение местоположения на карте на основании данных браузера при клике на кнопку "Определить ваше местоположение" в верхнем левом углу карты по примеру - https://tech.yandex.ru/maps/jsbox/2.1/geolocation.
Кроме этого, необходимо причесать код (удалить неиспользуемые блоки кода, оформить код в однообразном стиле, назвать иконки по-английски и т.д.).
Бюджет: 1500 RUB Срок: 3 дня
+ Готов выполнить работу, если хотите пишите в ЛС, портфолио можете посмотреть а профиле.
Бюджет: 1000 RUB Срок: 1 день
Здравствуйте.
Цена 1000р, срок 1 день
Сделаю правки на Вашей странице. Обращайтесь.
skype: syperoper
Бюджет: 1500 RUB Срок: 2 дня
Здравствуйте я выполню вашу просьбу! Надежно и качественно! Будет адаптивный по все размеры экраны !! Отрпавляите архив!
Бюджет: 1500 RUB Срок: 2 дня
Здравствуйте, сделаю всё качественно в указанные сроки. Обращайтесь.
Бюджет: 1500 RUB Срок: 2 дня
Все выполнимо пишите сделаем, спасибо!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!
Бюджет: 1500 RUB Срок: 2 дня
Здравствуйте!
Ознакомился с Вашим заказом, пожалуйста, обращайтесь. Будет приятно сотрудничать с вами по данному проекту.
Создать и сверстать адаптивный мастер-шаблон для 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 за один день.
Необходимо внести изменения в 3(три) различных формы, калькуляторы и страницы ввода данных на сайте согласно ТЗ. Реализация калькуляторов и страниц нужна на двух языках. Возможно доработать существующие формы и калькуляторы или сделать новые, если так будет проще для выполнения. ТЗ предоставим. В процессе выполнения задания могут быть внесены небольшие дополнения или уточнения по изменениям в калькуляторах или по формам (шаблонам).