Задание: Разработчик сайтов. Дизайн + frontend (Figma + React/TS), типовые шаблоны (Дистанционная работа)
Сайт сдаётся уже наполненным реальным контентом и работающим, а не пустой «рыбой». Подрядчик сам берёт вакансии из групп «работа вахтой» во ВКонтакте (и/или с HeadHunter), вносит руками по шаблону — 30–50 штук, чтобы каталог выглядел живым; пишет реальные тексты, ставит тематические фото и отзывы. На приёмке — живой сайт, который уже собирает заявки.
Работа с ИИ (Claude / GPT) — норма и приветствуется. Не нужен тот, кто «месяц верстает руками» — нужен результат.
Никакого Lorem Ipsum и «мокапного» текста. Тексты максимально близкие к продакшену, чтобы не переделывать по 10 раз.
Чистый, читаемый, структурированный код — заказчик потом сам дорабатывает его руками под себя.
Что делает сайт (логика)
Как HeadHunter, но свой: каталог вакансий с поиском и фильтрами → кликнул вакансию → страница вакансии → простая форма в 2 поля (имя + телефон) → заявка уходит в CRM. Без тяжёлых анкет. «Горячие» — это пометка на вакансиях (срочный набор / выезд в ближайшее время / набор открыт), а не «скоринг лида».
Шаблоны страниц
Нужны типовые шаблоны, а не каждая страница отдельно — принцип «хаб → карточка → внутренняя страница»:
Главная / основной лендинг
Вакансии — каталог с поиском и фильтрами (как на HH)
Шаблон страницы вакансии
Профессии — посадочная категория (хаб) + шаблон страницы профессии
Регионы / направления — посадочная категория (хаб) + шаблон страницы региона
Как мы работаем / Что мы предоставляем / Гарантии (без предоплат)
О компании / Отзывы (с видеоотзывами)
Статьи / блог (хаб) + шаблон детальной статьи
FAQ
Контакты / заявки
Страница «Спасибо»
Универсальная текстовая страница / Универсальная юридическая страница / 404
Квиз-подбор — опционально, лёгкий, не обязателен
Каталог и карточка вакансии (как HeadHunter)
Поиск по ключевому слову + фильтры: профессия, регион, схема вахты, зарплата «от-до», без опыта, наличие жилья / питания / билетов.
Карточка в списке: должность, работодатель / объект, регион, схема вахты, вилка ЗП, бейджи (срочно · без опыта · жильё+питание · билеты), кнопка «Откликнуться».
Страница вакансии: обязанности, требования (опыт / разряд / удостоверения), условия (что оплачивает работодатель), схема и часы смены, + форма в 2 поля.
Поля одной вакансии (по ним наполняется каталог): должность · профессия · работодатель/объект · регион/город · схема вахты · часы смены · ЗП от-до · что предоставляется · требования/опыт · бейджи · дата.
Формы и заявки
Основная форма — короткая, 2 поля (имя + телефон): на каждой вакансии и в Hero.
Доп. поля (профессия / регион) — необязательны, подставляются из контекста вакансии.
Отправка в CRM (amoCRM / Bitrix24).Мессенджеры, обратный звонок, плавающая кнопка.
Стек
React + TypeScript, Next.js или Vite, Tailwind CSS. Код чистый и структурированный — заказчик дорабатывает его руками.
Адаптивы
Главное — везде ровно и читаемо, не пиксель-в-пиксель:
Desktop 1440px — основной полноценный макет
Mobile 360px — основной полноценный макет (мобильный трафик в приоритете)
Tablet 768px — аккуратная промежуточная адаптация (без декоративной проработки)
Обязательно
Breadcrumbs на внутренних страницах. Hero Section можно переиспользовать.
Аккуратный, «надёжный» визуал, вызывающий доверие (палитра сталь / графит + один акцент, много «воздуха», крупная типографика, крупные читаемые цифры зарплат), без wow-анимаций.
Маркеры доверия на видном месте: «прямой работодатель / проверенные вакансии», «без предоплат с кандидата».
Скорость: Core Web Vitals в зелёной зоне (LCP ≤ 2.5 c), мобильная версия в приоритете.
SEO-основа: ЧПУ-адреса, мета-теги, sitemap, микроразметка (для вакансий — JobPosting); Яндекс.Метрика с целями (отклик на вакансию, отправка формы, клик по телефону).
Согласие на обработку персональных данных (152-ФЗ) во всех формах; данные на сервере в РФ.
Без Lorem Ipsum.
Наполнение (контент делает подрядчик)
Вакансии берутся из VK-групп «работа вахтой» (и/или с HeadHunter), вносятся руками по шаблону — 30–50 штук, чтобы каталог был живым.
Фото — тематические с бесплатных стоков (Unsplash, Pexels), уже расставленные по месту.
Отзывы и все тексты — реальные / реалистичные, production-готовые.
На выходе — наполненный, работающий сайт, а не пустой шаблон.
На выходе
Живой сайт, выложенный по ссылке (Vercel / Netlify / любой хостинг) — чтобы посмотреть во всех разрешениях.
Код сайта (репозиторий или архив), чистый и структурированный.
Figma не нужна.
Прошу прислать в ответ
Готовы ли взяться за задачу.
2–3 кейса на React (ссылки на live + репозиторий, если можно).
Когда можете стартовать и общий срок на сайт.
Как используете ИИ (Claude / GPT) в работе.
На какую стоимость работы рассчитываете.
