Задание: HTML-верстальщик. Адаптивная верстка сайта по Figma (TailwindCSS) (Дистанционная работа)
Требуется выполнить адаптивную HTML-верстку сайта сети копировальных центров.
Дизайн полностью готов в Figma:
- desktop
- mobile
- UI Kit
PDF-превью макетов приложено к задаче.
Ссылка на Figma в режиме view-only будет предоставлена кандидатам после отклика.
Проект SEO-ориентированный и многостраничный.
## Что нужно сверстать
Основные типы страниц:
- Главная
- Категория услуг / подкатегория услуг
- Страница услуги (3 типа)
- Страница офиса
- Контакты
- Страница «О компании»
- Страница с результатами поиска
- 404
## Стек
- TailwindCSS
- Alpine.js
- Vite
- Yarn
Bootstrap и jQuery использовать не нужно.
## Требования
- Mobile First
- Семантический HTML
- Чистый и поддерживаемый код
- Адаптивность
- SEO-friendly верстка
- Высокая скорость загрузки
- Компонентный подход
- Готовность верстки к интеграции в Blade-шаблоны Laravel
## UI Kit
Необходимо сверстать UI Kit компонентов.
### Кнопки
- Primary
- Secondary
- Outline
- Disabled
Состояния:
- normal
- hover
- active
- disabled
### Формы
- input
- textarea
- select
- checkbox
- radio
- file upload
### Компоненты
- Header
- Footer
- Hero
- Карточки услуг
- Карточки офисов
- FAQ / accordion
- CTA-блоки
- Breadcrumbs
- Pagination
- Tabs
- Modal
- Таблицы
- Поиск
- Мобильное меню
## Основной шрифт:
Onest, Inter, system-ui, sans-serif.
## Требования к качеству
Желательные показатели Lighthouse:
- Performance 90+
- SEO 95+
- Accessibility 90+
## Что нужно передать
- исходники
- git-репозиторий
- инструкцию по запуску
## В отклике обязательно указать
- стоимость
- сроки
- примеры Tailwind-проектов
- опыт адаптивной верстки
- опыт работы с Figma
Преимуществом будет:
- опыт верстки SEO-ориентированных многостраничных проектов
- понимание компонентной архитектуры интерфейсов
- опыт подготовки верстки под Laravel / Blade
Нужен исполнитель, который умеет аккуратно работать с компонентным подходом и TailwindCSS.
Работа через безопасную сделку FL.ru.
