Есть макет сайта.
Мобильный и десктоп.
Это новый дизайн старой версии сайта. Много JS и работы внутри окна АПИ-запросами.
Нужно сверстать по шаблону и натянуть функционал.
Бек есть. Если что возможны мелкие правки по беку во славу ускорения процесса.
Вопрос качества и сроков.
Это не просто верстка сайта-визитки
вот ссылка на дизайн:
https://www.figma.com/file/T0bRuFf9mozPjwKdmmeMaP/Water
так много разных екранов одного окна для полного покрытия функционала всех всплывающих окон и меню
по сути в десктопе одна ультра-сложная главная страница и две относительно простых с регистрацией и авторизацией
по функционалу если коротко то нужно что бы подгружались девайсы, обновлялся статус онлайна, работали динамические кнопки и выгружалась статистика по выборке как в графике так и в таблице которая так же может переключатся
со статистикой есть мелкий подводный с мультивыгрузкой, когда надо выдачу из двух девайсов свести в один
нужен человек или группа сразу на весь кусок работ
не только верстка, не только функциональная часть
к комментариях к ставке пишите как вы это видите в плане реализации
минимальные сроки в приоритете
но желательно реалистичные сроки с четкой оценкой себя, заверения в плане "два дня и все готово!" будут просто игнорироваться по причине фантастичности такого высказывания
по реализации плевать как, хоть на палках и изоленте
лишь бы работало и не выжирало ресурсы почем зря
оно должно быть под все платформы
ибо к примеру у яблок свои особые отнощения с JS насколько я знаю
про зоопарк экранов и девайсов вообще молчу
бек php но это особо ни на что не влияет так как запросы в формате REST и выдача в json
Бюджет: 15500 UAH Срок: 12 дней
Могу сделать на VueJs, всё разобью по блокам, будет летать. С окнами проблем быть не должно. Как понимаю нужно будет обновлять в режиме реального времени, предлагаю сделать на сокетах, так будет быстрее, за подробностями жду в лс.
Ps: если нужна будет оптимизация под поиск или индексацию, сделаю. Анимации бонусом)
Бюджет: 4000 UAH Срок: 10 дней
Здравствуйте, готов реализовать ваш сайт за приемлемые сроки, опыт во front-end разработке более года, вот пару моих работ edgargyumri.github.io/Infermedica edgargyumri.github.io/La-Scala . Цена и сроки подлежат обсуждению, остальное можем обсудить в лс, обращайтесь.
Бюджет: 15000 UAH Срок: 14 дней
Добрый день. Готов сделать адаптивную под все устройства верстку, учитывая все требования. Можно сделать SPA на React - сингл пейдж аппликейшн. Если бекенд не начали делать, можно на python или node.
В команде есть хороший дизайнер и возможность привлечь еще пару человек на бек и фронт, соответственно.
Хорошо владею html, css, scss, flex, bootstrap, BEM, js, react, webpack, python, git, nginx.
Последние работы:
lets.trade
go-eco.group
gruzovik.pro
(есть еще)
Пишите в лс или телеграм *
Бюджет: 20000 UAH Срок: 20 дней
Здравствуйте!
Более 4 лет опыта работы markup developer в международной компании специализирующейся на верстке.
Опыт разработки дизайна сайтов от 2 лет.
Сайт и контакты http://marykalantay.tilda.ws/
Примеры работ
https://lsdecker.com/
http://tjm-2020.governorsites.com/
https://breathemeditationandwellness.com/
Верстаю адаптивно, кроссбраузерно, пишу быстро чистый понятный код.
Здравствуйте! Использования библиотек React \ Vue допустимо?
22 августа 2020
дополнил ставку
Исходники старой версии предоставите? Функционал оставить такой же или все таки что-то доделывать?
22 августа 2020
исходники да
по функционалу у старой нет режима смешивания в выгрузке
но в остальном это все дикий самопис на голом js потому я сомневаюсь что исходники чему-то помогут
много тысяч строчек кода, коментарии буквально по функциям и перекрестная адресация между несколькими файлами глобалньыми переменными
страх и ужас воообщем
не говоря о том, что ето надо переписать нормально и потому, что хватает косяков, писалось не специалистом и скорее как демка функционала
показать что можно хватило но как высоконагруженный ресурс для сотни пользователей уже нет
- Поскольку на дизайне нету отрисовки адаптива окна к разным ширинам девайсов - сложно говорить про КРОС-платформенность, вопрос КРОС-браузерности так же не раскрыт, укажите хотя бы версии браузеров какие интересуют (последние свежие 10 например) и платформы что должны поддерживатся
- Бек есть - это круто, но если он не документирован, какой смысл работать? Или давать сроки? Все равно что работать "с 9 утра и до конца улицы". Дайте apidoc, должна быть обязательно документация в интерфейсу сервера, иначе "сроки" вам никто не назовет "реалистично"
Создать и сверстать адаптивный мастер-шаблон для 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(три) различных формы, калькуляторы и страницы ввода данных на сайте согласно ТЗ. Реализация калькуляторов и страниц нужна на двух языках. Возможно доработать существующие формы и калькуляторы или сделать новые, если так будет проще для выполнения. ТЗ предоставим. В процессе выполнения задания могут быть внесены небольшие дополнения или уточнения по изменениям в калькуляторах или по формам (шаблонам).