Бюджет: 25000 UAH Срок: 1 день
Алекс, добрый день!
Можно ли уточнить касательно желаемой даты старта и сроков? И это почасовая оплата или фикс прайс?
Ищем верстальщика на react + typescript, который выполнит верстку ui компонентов по готовому дизайну из figma для десктоп приложения.
Объём работы
Требования
Стек
Что нужно предоставить при отклике:
Условия:
Дополнительно
Бюджет: 25000 UAH Срок: 1 день
Алекс, добрый день!
Можно ли уточнить касательно желаемой даты старта и сроков? И это почасовая оплата или фикс прайс?
Бюджет: 25170 UAH Срок: 20 дней
Привет! Хорошо вижу задачу: здесь важно не просто «прикрутить» Figma, а собрать чистые, переиспользуемые React-компоненты, которые аккуратно держатся на разных ширинах и не ломаются при растягивании окна. Я работаю с React + TypeScript, Tailwind и Framer Motion, так что могу сразу заложить структуру, адаптивность и плавные анимации без лишнего кода. Имею опыт верстки UI из Figma для сложных интерфейсов и люблю pixel-perfect. Готов показать примеры и пройти тестовое.
Бюджет: 27000 UAH Срок: 12 дней
Добрый вечер.
Готов взяться за ваш проект, целиком и полностью.
Вопросов по задаче нет, есть только уточнение: в Figma все структурировано, есть все состояния, размеры, отступы, ассеты и анимации описаны нормально? Был опыт крупной компании, что был бардак, много скрытых состояний, модалок, таблиц, hover/focus/empty/loading-сценариев и “это очевидно” без описания.
Бюджет: 25000 UAH Срок: 14 дней
Сверстаю 31 экран чистых React-компонентов по Figma с резиновой адаптацией под ПК и MacBook 13". Подход: atomic-компоненты на Tailwind с CSS Grid для динамического перераспределения карточек, типизация через TypeScript-интерфейсы пропсов, анимации через Framer Motion variants для переиспользования без дублирования кода. Вопрос: есть ли в дизайне единая Design System с токенами цветов и типографики, или каждый экран сверстан независимо?
Бюджет: 27000 UAH Срок: 30 дней
Здравствуйте.Работаю с React/Node.js более 9+ лет.Готов к сотрудничеству.
Бюджет: 25170 UAH Срок: 15 дней
Здравствуйте.
Я NodeJS разработчик. Есть опыт с реактом. Готов взяться. Пишите, обсудим.
Бюджет: 25170 UAH Срок: 7 дней
Привет, я работал над проектом с "Folder" с "tag:7748" - разработкой React компонентов с TypeScript для десктоп приложения с 40+ экранами, где создал более 150 переиспользуемых UI компонентов из Figma дизайна с pixel-perfect версткой и адаптивностью.
Планируется ли использование готовой дизайн-системы в проекте, или компоненты будут создаваться с нуля на основе макетов?
Предлагаю связаться, я бесплатно проконсультирую вас с технической стороны и составим план разработки + расскажу о моей команде! ⚡
Бюджет: 27000 UAH Срок: 1 день
Объем выглядит значительно больше бюджета. Ориентировочно это 120+ часов работы. Могу предложить поэтапную оплату или пересмотреть бюджет после первого этапа.
Бюджет: 27000 UAH Срок: 15 дней
Здравствуйте. Сделаю скидку на работу с react. В основном работаю на angular. Но сейчас изучаю react. Все вышеперечисленное знакомо работаю с этим каждый день кроме react. Сверстаю все компоненты. Цену обсудим в лс.
https://mallorcab.com/en/home/
Бюджет: 27000 UAH Срок: 23 дня
Доверьтесь профессионалу со стажем более 10 лет! Ставка и сроки актуальны!
Буду рад сотрудничеству!
Опыт коммерческой разработки интернет-магазинов на CMS, бизнес-порталов и корпоративных сайтов-11 лет!
+CMS: WordPress(+Woocommerce)PrestaShop/Opencart/Joomla/Bitrix/MODX/DLE/Shopify
php/html/css/js/Mysql, PhotoShop/Figma
Примеры работ ( с нуля под ключ):
https://amari.net.ua/
https://heypretty.gr/
https://thaibalispa.pl/
https://wildandorganic.com/
https://cryptosignals.org/
https://ecnbot.com
https://locs-ua.com/
https://www.grower.com.ua/
https://www.alternativemedicine.com.ua/
https://silkkiss.ua/
https://v12coffee.com.ua/
https://smrtalgo.com/
https://sengero.no/
https://beautybysim.no/
https://sonatagalleri.com/
https://www.solmy-realestate.com/
https://www.emmanuel.com.ua/
https://www.onsitecomputersinc.com/
https://express-tehbud.com/
https://korostenporcelain.com.ua/
https://sladok.com.ua/
https://pricemds.com/
https://picupmedia.com/
https://www.serasar.com/
Бюджет: 25000 UAH Срок: 1 день
Я вижу задачу как качественную UI-верстку без лишней логики: здесь критически важны pixel-perfect, аккуратная адаптивность и чистые переиспользуемые компоненты. Я работаю с React + TypeScript, Tailwind и Framer Motion, поэтому смогу собрать экраны так, чтобы они корректно перераспределялись на разных ширинах без сбоев и артефактов.
В NovaCore Solutions веду полный цикл SaaS/UI-продуктов и отдельно верстаю сложные CRM и десктопные интерфейсы. Могу быстро включиться в тестовое и дать прогноз по всему объему после просмотра Figma.
Бюджет: 25000 UAH Срок: 7 дней
Здравствуйте! Я разработчик с опытом работы в React и TypeScript, готовый взяться за верстку UI-компонентов для вашего десктоп-приложения. Уверен, что смогу создать резиновый и пиксель-пёрфектный дизайн согласно Figma макетам. Готов выполнить тестовое задание и предоставить примеры моей работы с React-компонентами. Обсудим детали!
Бюджет: 25175 UAH Срок: 45 дней
Здравствуйте!
Имею 5+ лет опыта во фронтенд-разработке, работаю с React + TypeScript, Tailwind и компонентной архитектурой. Есть опыт верстки интерфейсов на десятки экранов с упором на pixel-perfect, адаптивность и переиспользуемость компонентов.
Понимаю задачу: чистые UI-компоненты без логики, с корректным “резиновым” поведением интерфейса под разные размеры экранов.
💼 Примеры проектов отправлю в личные сообщения.
📊 Опыт:
Работал с проектами 20–50+ экранов, собирал дизайн-системы и UI-библиотеки под дальнейшую интеграцию.
💰 Оценка:
Ориентировочно 500–700 USD за весь объём (уточню после просмотра макетов)
Готов работать поэтапно.
Бюджет: 25200 UAH Срок: 1 день
Добрый день!
Есть 3+ года опыта во frontend-разработке на React + TypeScript, верстке UI-компонентов по Figma, работе с Tailwind CSS, Sass, Framer Motion, Vite и Git.
Могу выполнить верстку чистых презентационных компонентов по готовому дизайну: адаптив под desktop и маленькие ноутбуки, резиновое поведение интерфейса, переиспользуемые компоненты, аккуратная структура кода и pixel-perfect по макетам.
Предлагаю обсудить детали, а также стоимость и сроки в личных сообщениях.
Бюджет: 25111 UAH Срок: 123 дня
Добрый день, опыт есть. Вот последний сайт, так же в партфолио + github
Anular/React/Next
Backend: Asp.net, axum, nest
https://avero-doors.com.ua/
Бюджет: 26990 UAH Срок: 29 дней
Добрый день!
Меня зовут Валентин, и я представляю Arctic Web Agency. Мы - команда, которая специализируется на создании современных и эффективных решений для бизнеса. В личные сообщения смогу предоставить примеры наших похожих работ. Готовы взять ваш проект в работу!
С уважением
Arctic Web Team Freelancehunt
Бюджет: 25170 UAH Срок: 14 дней
Здравствуйте!
Заинтересовало ваше предложение — как раз специализируюсь на верстке UI-компонентов на React + TypeScript с акцентом на чистую архитектуру и переиспользуемость.
Коротко обо мне:
— Более 1,5 лет коммерческого опыта во frontend-разработке
— Уверенно работаю с React (hooks), TypeScript
— Имею практический опыт работы с Tailwind CSS и анимациями через Framer Motion
— Отлично владею HTML/CSS, соблюдаю pixel-perfect и внимательно отношусь к деталям
— Регулярно работаю с Figma (в том числе сложные дизайн-системы)
— Использую Git в ежедневной работе
Также работаю с более широким стеком:
Next.js, React, Node.js, Express, PostgreSQL, MongoDB — это помогает лучше понимать архитектуру и писать более универсальные и масштабируемые компоненты.
По похожим задачам:
— Делал верстку UI-компонентов и страниц (20–40+ экранов в рамках проектов)
— Работал с адаптивной и “резиновой” версткой под различные разрешения
— Строил компонентные системы с учетом масштабирования
Портфолио:
https://www.7flows.studio/uk#portfolio
Готов:
— Оценить проект после получения деталей
— Выполнить тестовое задание
— Работать поэтапно в рамках вашего процесса
Буду рад обсудить детали и оценку проекта после ознакомления с ТЗ.
Спасибо!
Бюджет: 25000 UAH Срок: 5 дней
Добрый день! Готов взяться за верстку UI-компонентов для вашего приложения.
Кратко о опыте:
Стек: React/Next/TS/Tailwind/Framer Motion/Vite.
Работал над проектами на 30-50 экранов с полной адаптивностью под десктоп.
Примеры адаптивности - https://rentlem.com/
Стоимость: от 25000$ за весь проект.
Тестовое: готов выполнить.
NDA: без проблем.
Напишите, пожалуйста, в личные сообщения для ознакомления с описанием проекта.
Бюджет: 24999 UAH Срок: 7 дней
Доброго дня! Проект понятен. 31 экран из Figma, чистая презентационная верстка компонентов на React + TypeScript + Tailwind, Framer Motion для анимаций, pixel-perfect, резиновая адаптивность без поломок при изменении размера. Логику и состояние не трогаем, только UI-компоненты. Предлагаю такой формат. Основной исполнитель с нашей стороны — верстальщик, с которым я работаю давно, специализируется именно на React-верстке из Figma. Tailwind и Framer Motion — его ежедневный стек, делал сложные анимации с оркестровкой, variants, layout-анимациями, gesture-взаимодействиями. Pixel-perfect по умолчанию, без напоминаний. Я в команде как координатор и страховщик. Сам фулстек на React + TypeScript, поэтому если у верстальщика возникнут вопросы по структуре компонентов с точки зрения будущей интеграции (пропсы, composition pattern, forwardRef, как лучше разбить на atomic/molecule, где держать стили чтобы не мешали вашему фронтендеру подключать логику) — решаем на месте, не дергая вас. Это частая проблема в таких проектах: верстальщик делает красиво, но фронтенд-разработчик потом переписывает половину, потому что структура компонентов неудобна для состояния. У нас этого не будет. По вашим пунктам: Резиновая адаптивность с перераспределением карточек — это через CSS Grid с auto-fit/minmax плюс container queries где нужно, а не через медиа-брейкпоинты. Так сетка реально адаптируется под любую ширину без артефактов, даже за пределами дизайн-макетов. Классическая ошибка — делать все на flex с фиксированными брейкпоинтами, а потом на 1600+px появляются дыры. Framer Motion — используем LazyMotion чтобы не тянуть весь бандл, AnimatePresence для переходов, layout-анимации где это уместно по дизайну. Все анимации пишем так, чтобы их можно было отключить через prefers-reduced-motion — это мелочь, но показывает уровень. Чистота компонентов — каждый компонент самодостаточен, стили через Tailwind + cva (class-variance-authority) для вариантов, типы пропсов вынесены, ничего лишнего в DOM. Фронтендер, который подхватит, сможет накинуть логику без переписывания разметки. По тестовому. Готовы выполнить. Если есть возможность — давайте 1-2 экрана средней сложности с анимациями, чтобы вы увидели и верстку, и моушен сразу. Это показывает уровень лучше, чем простая карточка. По срокам и стоимости — после NDA и просмотра макетов дам точную оценку. Ориентировочно 31 экран с анимациями и резиновой адаптивностью — это до 7 дней работы (для ускорения работы могу привлечь команду). Разбиение на этапы — ок, работаем так часто, удобно всем.
Бюджет: 27000 UAH Срок: 14 дней
Добрый вечер
Меня зовут Дмитрий, представляю компанию King Kong Lab
Готов подключиться к проекту как верстальщик React + TypeScript и закрыть задачу по UI-компонентам без вмешательства в бизнес-логику
Опыт
делал верстку интерфейсов на React (20–50+ экранов)
работаю с компонентным подходом (переиспользуемые UI)
pixel-perfect по Figma
адаптивные “резиновые” интерфейсы под разные размеры экранов
Стек
React (hooks) + TypeScript
Tailwind / SCSS
Framer Motion (анимации)
Vite
Git
Как работаю
делаю чистые, изолированные компоненты
соблюдаю структуру проекта, чтобы удобно было интегрировать дальше
учитываю поведение интерфейса при изменении ширины (не просто адаптив, а responsive layout)
минимум правок после сдачи
По объёму
31 экран — понимаю масштаб, делаю через компонентную систему, чтобы ускорить разработку
По срокам
2–4 недели
Готов выполнить тестовое задание
Примеры работ скину в личные (React UI + верстка по Figma)
Буду рад сотрудничеству
Бюджет: 25170 UAH Срок: 1 день
Здравствуйте, у меня есть соответствующий опыт разработки. Готов подписать NDA. Пишите в личные сообщения. Буду рад Вам помочь!
Бюджет: 25170 UAH Срок: 10 дней
Приветствую! Мы небольшой командой более 4 лет занимаемся веб-разработкой и созданием масштабируемых UI-систем, и мы готовы выполнить верстку 31 экрана для вашего проекта «под ключ». Мы реализуем качественную структуру компонентов на Vite, обеспечим строгую типизацию в TypeScript и настроим гибкую сетку на Tailwind CSS, которая будет корректно перераспределять контент. Наш опыт более 4 лет позволяет нам гарантировать высокую техническую культуру кода, чистоту SASS-стилей и плавность анимаций, обязательных для премиального десктопного софта, ознакомьтесь с примерами наших работ: freshagro.com.ua, farfieworldwide.com, rivnekolo.com.
Опыт: 4 года в создании дизайн-систем и библиотек компонентов.
Стоимость: ~$1500 (фикс), готов обсудить детали в ЛС.
Тестовое: Без проблем, готов приступать.
Бюджет: 25170 UAH Срок: 14 дней
Добрый день! Мы с коллегой более 4 лет профессионально занимаемся техническим проектированием и фронтенд-разработкой на стеке React/TS/Tailwind, поэтому мы поможем вам подготовить качественную UI-базу для вашего приложения. Мы реализуем фронтенд-аудит ваших макетов в Figma, создадим систему переиспользуемых компонентов с поддержкой различных разрешений (от 13" MacBook до широких мониторов) и внедрим интерактивные элементы через Framer Motion. Мы обеспечим техническую безупречность выполнения верстки без визуальных артефактов при изменении размеров окна, наш опыт подтвержден успешными кейсами: drkukharevich.rivne.ua, crave-agency.com.ua, jk-solution.com.ua.
Бюджет: 24000 UAH Срок: 12 дней
Приветствую! Мы с напарником (дизайнер + full-stack) более 4 лет специализируемся на высококлассной верстке интерфейсов на React и TypeScript, поэтому мы профессионально реализуем UI-кит для вашего десктоп-приложения. Мы разработаем архитектуру компонентов в Figma перед кодингом, чтобы обеспечить идеальную «резиновую» адаптивность и pixel-perfect соответствие макетам, используя Tailwind CSS для стилизации и Framer Motion для плавных анимаций. Наш опыт более 4 лет позволяет нам создавать чистые, типизированные компоненты, которые легко интегрируются в основной проект; посмотрите на наши работы с точки зрения технической точности и эстетики: hyperfi.tech, espressolab.com.ua, hudi.com.ua.
Опыт: 4+ года, реализовывал проекты на 50+ уникальных экранов с глубокой типизацией компонентов.
Стоимость: Ориентировочно $1200–1800 за весь объем (уточню после ознакомления с описанием).
Тестовое: Готов выполнить в кратчайшие сроки.
Бюджет: 25500 UAH Срок: 14 дней
Здравствуйте, выполню работу качественно, владею указанным стеком, пример смотрите в портфолио. Отправляйте ссылку на фигму, оценю обьем и скажу по цене\срокам
Бюджет: 25170 UAH Срок: 15 дней
Легко все сделаю, у меня есть опыт с React, Tailwind CSS, Figma, а также с различными библиотеками.
Бюджет: 25000 UAH Срок: 7 дней
Добрый день!
Меня заинтересовал ваш проект — верстка UI-компонентов по Figma для десктоп-приложения.
Кратко о себе:
— 10 лет опыта в frontend-разработке
— Уверенно работаю с React + TypeScript, Tailwind CSS, Framer Motion, Vite, Git
— Делал верстку переиспользуемых компонентов по Figma, включая pixel-perfect, адаптивность и анимации
— Понимаю разницу между версткой UI-компонентов и полной разработкой — готов работать в паре с разработчиком через Git
По объёму: делал проекты от 30+ экранов, создавал 100+ компонентов за проект.
По стоимости: готов обсудить после ознакомления с описанием приложения.
Готов выполнить тестовое задание. Напишите в личные сообщения — обсудим детали.
Бюджет: 27000 UAH Срок: 14 дней
Привет, выполню всё быстро и качественно, обращайтесь, буду рад помочь.
Бюджет: 26000 UAH Срок: 5 дней
Приветствую, имею очень большой опыт в реакте и уверен, что выполнь вашу задачу на высшем уровне , пример из последних работ https://zem.center/
Бюджет: 25170 UAH Срок: 7 дней
Привет! Готов взять в работу. Портфолио тут - https://mcarrow.online.
С уважением, Сергей
Бюджет: 25000 UAH Срок: 10 дней
Привет 😊
Сразу прикрепляю пример кода
https://github.com/Orangeeeeeeeee/template.toka.energy
Предлагаю перейти в личные сообщения 📩 и обсудить детали 💬
Сделаю все быстро ⚡️ и качественно ✅
Также прикреплю несколько своих работ 💼:
🌐 https://www.slaters.co.uk/
🌊 https://www.salt-watersandals.eu/
Бюджет: 25000 UAH Срок: 7 дней
Добрый день
Заинтересовал проект
Готов максимально быстро и качественно сделать верстку
Я являюсь Front-end разработчиком с 6 лет опыта и с реактом и версткой на ты
Готов сделать тестовое
Обращайтесь и давайте обсудим проект
Бюджет: 25170 UAH Срок: 10 дней
Здравствуйте, заинтересовал проект, хотел бы пообщаться более детально по цене, срокам и работе. Легко могу работать в паре с другим разработчиком через git. У меня сильные практические знания по вашему стеку, который нужен для работы. Буду ждать ответа и скиньте также макет, интересно увидеть и проанализировать объем, спасибо!
Бюджет: 27000 UAH Срок: 5 дней
Изучив ваш проект, понимаю, что требуется верстка UI-компонентов по готовым макетам из Figma для desktop-приложения. Тут основная задача - создать адаптивные и переиспользуемые компоненты, которые корректно перераспределяются при изменении ширины окна. Это может потребовать внимания к деталям, особенно при работе с различными размерами экранов. Что касается технической реализации, я предлагаю использовать функциональные компоненты React с хуками и внедрение анимаций через Framer Motion, чтобы обеспечить плавность интерфейса. Учитывая объем в 31 экран, подъемный риск заключается в необходимости тщательно следить за адаптивностью и кроссбраузерностью, чтобы избежать визуальных артефактов. Хотел бы уточнить, есть ли специфические требования к анимациям или переходам между экранами? И также, есть ли возможность получить доступ к макетам для более точной оценки сложности? По моим оценкам, стоимость проекта составит 30000 гривен, с сроком выполнения 5 дней. Эта сумма учитывает сложность работы, возможность интеграции и адаптации. Реальная стоимость будет выше 27000 гривен, поскольку это технический лимит платформы. Готов приступить к выполнению тестового задания, чтобы продемонстрировать качество работы.
Предоставьте дизайн (можно часть) для ознакомления.
Бюджет окончательный за 31 екран???
тогда это пальцем в небо... работы может оказаться больше в 5 раз, нежели бюджет
ТЕХНИЧЕСКОЕ ЗАДАНИЕ НА РАЗРАБОТКУ ЛЕНДИНГА НА БАЗЕ WORDPRESSО проекте: Требуется создать продающий лендинг для авторского онлайн-интенсива на действующем корпоративном сайте юридической фирмы. Платформа сайта: WordPress. Ожидаемый URL страницы: salyk.net/online_intensiveОплата:Проект оплачивается с резервированием денег на депозите сайта. Без никаких «сперва сделаю работу, потом утверждаю проект и вы проводите оплату».1. Дизайн и структура:Есть готовый прототип в виде чистого HTML/CSS кода (включает тексты, структуру, цветовую гамму, адаптивность и вертикальные видеоотзывы 9:16). Код прилагается к этом ТЗ в файле «код». Можете его вставить здесь https://htmledit.squarefree.com/ и посмотреть предварительный дизайн.Задача по дизайну: Взять этот код за основу, но не просто скопировать. Приветствуется доработка UX/UI, добавление аккуратных микроанимаций, теней, современных эффектов (фич), которые сделают страницу более привлекательной и продающей, сохраняя строгий корпоративный стиль.Фотографии: пока прилагаются только 3 шт., сгенерированные ИИ. После утверждения проекта отправлю свои личные фотографии для интеграции на лендинге.2. Интеграция с CMS (Редактируемость):Критически важно: Лендинг не должен висеть на сайте как «голый» HTML-код. Страницу необходимо собрать с помощью визуального конструктора (Elementor) или реализовать через гибкие поля (ACF).У заказчика должна быть возможность легко менять любые тексты, ссылки, тарифы, фотографии и видео-отзывы прямо из админ-панели WordPress без вмешательства в код.3. Технические требования и адаптивность:Полная адаптивность кроссбраузерной верстки: Desktop, Tablet, Mobile. Страница должна корректно отображаться на всех типах устройств (в том числе пропорции 3 вертикальных видеоотзывов).Высокая производительность: Обязательна базовая оптимизация скорости загрузки (Google PageSpeed). Изображения должны быть сжаты и конвертированы в формат WebP, скрипты и стили минифицированы.4. Форма обратной связи (Лидогенерация):На лендинге есть форма заявки (Имя, Телефон). Ее нужно сделать полностью рабочей.Все заявки должны моментально отправляться на корпоративный email: info@сайт.net.Необходимо настроить отправку через SMTP-сервер или использовать надежный плагин (WPForms / Contact Form 7), чтобы заявки гарантированно не попадали в папку «Спам».5. Мультиязычность:Текущий сайт подразумевает наличие трех языков (РУС, КАЗ, АНГЛ).В рамках проекта исполнитель должен настроить мультиязычность для нового лендинга (с помощью плагинов Polylang, WPML или аналогов).В процессе выполнения задачи заказчик предоставит готовые переводы текста на казахский и английский языки. Исполнитель должен создать и оформить эти дополнительные языковые версии страницы.6. Интеграция с главным сайтом:Настроить переход на лендинг с основного сайта.В главном меню (в хедере) действующего сайта salyk.net необходимо добавить новую кнопку или пункт меню (например, «Онлайн-интенсив»), которая будет вести на адрес /online_intensive.Дополнительно: сделать функцию на всем сайте переключения между языками rus/eng/kaz в стиле сайта.
Есть действующий production-сайт с каталогом товаров, карточками моделей и информационными страницами. Стек frontend: — Next.js; — React; — TypeScript; — существующая компонентная система; — staging и production environments. Есть согласованное визуальное направление и дизайн новой главной страницы. Необходимо внедрить его в существующий проект, адаптировать под desktop/tablet/mobile и привести все основные типы страниц сайта к единой обновлённой стилистике. Полный редизайн продукта и изменение бизнес-логики не требуются. ОБЯЗАТЕЛЬНЫЙ SCOPE 1. Новая главная страница — реализовать главную страницу по предоставленному дизайну; — сохранить существующую функциональность, ссылки и маршрутизацию; — корректно подключить согласованные секции и CTA; — использовать существующие данные и API; — предусмотреть корректное отображение динамического контента. Основные типы секций: — header/navigation; — hero; — информационные блоки; — карточки моделей/предложений; — аналитические или market insight блоки; — CTA-секции; — footer. Точный состав секций будет предоставлен выбранному исполнителю вместе с макетом. 2. Responsive Необходимо реализовать: — desktop; — tablet; — mobile; — промежуточные разрешения; — корректное поведение сеток, карточек, меню, кнопок и типографики; — отсутствие горизонтального скролла и визуальных конфликтов. 3. Типографика и общие стили — внедрить новые согласованные шрифты; — привести размеры, веса, line-height и интервалы к единой системе; — обновить стили кнопок, карточек, полей, бейджей и заголовков; — по возможности использовать общие design tokens или CSS variables; — не дублировать стили отдельно для каждой страницы без необходимости. 4. Унификация существующих страниц Проверить и привести к новой стилистике основные типы страниц: — каталог; — карточка модели / PDP; — информационные страницы; — header; — footer; — формы; — модальные окна; — существующие CTA; — loading / empty / error states, если они уже присутствуют в проекте. Речь идёт о визуальной унификации существующих компонентов, а не о полном индивидуальном редизайне каждой страницы. 5. Каталог Проверить: — сетку карточек; — изображения; — название, reference и цену; — фильтры и сортировки; — кнопки и ссылки; — desktop/mobile отображение; — loading и empty states; — отсутствие визуальных сдвигов при загрузке. 6. PDP Проверить: — галерею; — основной информационный блок; — цену и CTA; — аналитические секции; — таблицы и метрики; — About Watch; — desktop/mobile компоновку; — длинные названия, references и отсутствующие данные. Необходимо сохранить текущую функциональность и существующие контракты API. 7. Header и Footer — единая стилистика на всех страницах; — responsive navigation; — mobile menu; — корректные active/hover/focus states; — отсутствие расхождений между главной, каталогом и PDP. 8. Состояния интерфейса Для динамических блоков проверить: — loading; — empty data; — API error; — insufficient data; — отсутствующее изображение; — отсутствующая цена; — длинный текст; — мобильное отображение. Не требуется разрабатывать новую сложную бизнес-логику. Необходимо корректно визуализировать уже существующие состояния. 9. Качество и производительность — не ухудшить SEO и текущую индексацию; — сохранить корректные metadata и semantic HTML; — не создавать критических layout shifts; — оптимизировать изображения и шрифты; — учитывать reduced motion для анимаций; — проверить базовую доступность: focus states, contrast, keyboard navigation; — не подключать тяжёлые библиотеки без обоснованной необходимости. 10. Staging и QA — развернуть изменения на staging; — проверить основные типы страниц; — проверить desktop, tablet и mobile; — устранить визуальные и responsive-баги; — после приёмки выполнить production deployment; — обеспечить исправление багов по реализованному scope не менее 7 календарных дней после выкладки. РЕЗУЛЬТАТ РАБОТЫ — Pull Request с frontend-кодом; — реализованная новая главная; — responsive desktop/tablet/mobile; — единые шрифты, карточки и базовые UI-компоненты; — визуально согласованные каталог, PDP и информационные страницы; — staging deployment; — исправление найденных визуальных ошибок; — production deployment; — краткое описание изменённых компонентов; — 7-дневный bug-fix period после приёмки. ACCEPTANCE CRITERIA 1. Главная соответствует предоставленному дизайну. 2. Все секции корректно работают на desktop, tablet и mobile. 3. Header и footer единообразны на всех страницах. 4. Каталог и PDP визуально соответствуют новой системе. 5. Текущая функциональность сайта не нарушена. 6. API-контракты и backend-логика не изменены без согласования. 7. Нет горизонтального скролла и критических layout shifts. 8. Шрифты и изображения загружаются корректно. 9. Loading, empty и error states отображаются без поломки layout. 10. Изменения проверены на staging и развернуты в production. 11. Исправлены визуальные ошибки, обнаруженные при приёмке в рамках согласованного scope. ЧТО НЕ ТРЕБУЕТСЯ — разработка backend; — изменение бизнес-логики; — создание нового каталога или CMS; — разработка нового API; — полный редизайн каждой информационной страницы; — новые пользовательские функции, отсутствующие в макетах; — разработка сложной дизайн-системы с нуля; — создание нового проекта вместо доработки существующего; — изменение SEO-структуры без отдельного согласования. ТРЕБОВАНИЯ К ИСПОЛНИТЕЛЮ — уверенный Next.js / React / TypeScript; — опыт работы с существующими production-проектами; — качественная responsive-вёрстка; — опыт внедрения дизайна из Figma; — компонентный подход; — уверенная работа с CSS / CSS Modules / Tailwind или существующей системой проекта; — понимание Core Web Vitals; — Git / Pull Request workflow; — умение работать через staging. В ОТКЛИКЕ ОБЯЗАТЕЛЬНО УКАЗАТЬ 1. Fixed price за полный обязательный scope. 2. Срок выполнения в рабочих днях. 3. Оценку в часах. 4. Когда готовы начать. 5. Ссылки на 2–3 релевантных проекта на Next.js/React. 6. Есть ли опыт работы с каталогами, карточками товаров или аналитическими интерфейсами. 7. Что потребуется для точной оценки до начала работы. 8. Входят ли в цену: — staging; — responsive QA; — production deployment; — исправление багов; — 7-дневный bug-fix period. Шаблонные отклики без просмотра требований и без конкретной оценки рассматриваться не будут. Доступ к production на первом этапе не предоставляется. Работа начинается после ограниченного code review и разворачивается через staging.
ТЕХНИЧЕ ЗАДАНИЕ Обновление интернет-магазина bp.ua О проекте Действующий интернет-магазин парфюмерии на OpenCart 2.x. Нужно перенести на OpenCart 4.x, обновить дизайн и функционал, сохранить все данные, интеграции и SEO. Сайт двуязычный (украинский + русский). Ищем исполнителя (или команду) для backend и frontend. Можно откликаться на одну часть или на обе.Часть 1. Backend (OpenCart 4)Миграция Развертывание чистого OpenCart 4.x (последняя стабильная ветка), PHP 8.1+. Перенос данных: товары, категории, атрибуты, опции, бренды, клиенты, заказы, отзывы, контент-страницы. Сохранение SEO-URL (ЧПУ) один-в-один; карта 301-редиректов со старых адресов. Прямого апгрейда 2.x → 4.x нет: только чистое развертывание + контролируемый перенос.API-интеграция с поставщиком (приоритет) Портирование существующей кастомной доработки обмена с сервером поставщика (цены + остатки). Автоматическая синхронизация по расписанию (cron), лог ошибок, ручной запуск. Скрытие/статус для позиций, которых нет в наличии. Поддержка каталога 2 000+ позиций.Модули Новая Почта: выбор отделений/поштоматов, автоформирование ТТН из админки. Оплата: подключение платежной системы (LiqPay / Fondy / WayForPay — согласовать), наложенный платеж. Чекаут: серверная логика, гостевой заказ, статусы, уведомления клиенту. Массовый импорт/обновление товаров из прайса (xlsx/csv), привязка фото по артикулу/штрихкоду.Двуязычность (uk / ru) Два языка магазина: uk-UA (основной) и ru-RU. Двуязычные поля товаров, категорий, контент-страниц, мета-тегов. Отдельные SEO-URL для каждого языка, теги hreflang, канонические URL. 301-редиректы со старых URL обоих языков (проверить текущую схему: /ru/, поддомен или параметр). Письма покупателю — на языке сессии клиента.Блог Сохранить существующий раздел статей https://blog.bp.ua/. Перенести существующие статьи (uk/ru) с сохранением URL и 301-редиректами где нужно. Двуязычность, корректная SEO-разметка статей. Раздел блога должен оставаться редактируемым из админки.SEO (серверное) Замена стороннего SEO-модуля на нативный механизм OC4. Генерация sitemap.xml (отдельные языковые ветки), корректный robots.txt. Микроразметка Schema.org (Product, Offer, BreadcrumbList, Article для блога).Производительность и безопасность Кеш (OPcache + встроенный OC4), оптимизация запросов, gzip/brotli, HTTP/2. Изображения: WebP, resize с кешированием. HTTPS, 2FA в админке, актуальные патчи, ежедневные бэкапы. Core Web Vitals в «зеленой» зоне на мобильном.Порядок работ Все работы ведутся на staging. Старый сайт работает до полного тестирования нового. Переключение на прод — с возможностью отката 30 дней. Часть 2. Frontend (дизайн + верстка)Дизайн Стиль: минималистичный, премиальный, много «воздуха», акцент на фото товара. Мобильный-первый подход (большинство трафика — мобильный). Дизайн-система в Figma: палитра, типографика, компоненты, состояния. Макеты ключевых экранов (десктоп + мобильный): главная, каталог, карточка товара, бренд-страница, корзина, чекаут, поиск, блог и страница статьи.Верстка Семантический HTML5, чистый CSS, адаптив (mobile-first). Интеграция в twig-шаблоны OpenCart 4 (не статика), работа с живыми данными. Изображения: WebP, lazy-load, srcset. Шрифт с полной кириллицей (uk/ru). Кроссбраузерность: Chrome, Safari, Firefox, Edge + iOS/Android. Core Web Vitals: LCP < 2.5 c, CLS < 0.1, INP < 200 мс (мобильный).Функционал интерфейса Фасетные фильтры каталога: бренд, тип, объем, нота, пол, цена. Карточка товара: фото, описание, ноты, формат/объем, отзывы, «с этим покупают». Quick view, список желаний, сравнение, бейджи (новинка, хит, лимитированное количество). Адаптивный чекаут с минимумом шагов, автозаполнение Новой Почты. Раздел блога: список статей и страница статьи в стиле сайта.Двуязычность (uk / ru) Переключатель языков в шапке, корректный на мобильном. Верстка учитывает разную длину строк в двух языках. Весь текст темы — через языковые переменные OC4 (без «зашитого» текста). Приемка и сотрудничествоЧто передать на завершение Backend: доступы (сервер, БД, админка, репозиторий), краткая документация по доработкам и cron, инструкция по развертыванию/откату, список сторонних модулей. Frontend: Figma-файл с дизайн-системой и экранами, код темы (twig + CSS/JS), инструкция по изменению баннеров/контента.Критерии приемки (коротко)
Вирус в настоящее время проник на сайт. Сайт не функционирует должным образом. В частности, главная страница работает некорректно. Нам нужен разработчик, который сможет исправить эту ошибку как можно скорее.
Есть воронка продаж для интернет магазина который мы хотим повторить у себя Выглядит она вот так Основной лендинг (товар который основной в продаже например рубашка ) Потом страница чек аут (где человек вводит свои данные и выбирает сколько например рубашек он хочет купить) Потом он идет дальше по воронке и ему предлагают допродажу 1 (носки) + потом допродажу 2 (трусы) и финал страница спасибо Как это должно работать в плане перехода по страницам и логике вы можете посмотреть здесь (нужно дойти до конца до страницы спасибо)https://3plus3.heroman.com.ua/standard/ У нас есть примеры страниц которые мы хотим сделать у себя То есть для нас по сути мы скопируем дизайн - верстаем - заполняем под наш товар Страницы с допродажами будут такие же по дизайну и структуре как в сайте что кинул выше (трусы) Вам заполнять не надо будет страницы инфой только собрать скелет - чтобы заявка правильно приходила Также придумывать структуру тоже не нужно страницы От вас по сути Скопировать и сверстать Настроить чтобы технически правильно работало Показать как с этим работать чтобы могли сами это делать Есть 2 конструктора сайтов на примете, с 1 плотно работаем сейчас и нужно понять можно ли на нем такое развернуть (но я читал в гпт можно)