Совкомбанк Технологии

HTML-верстальщик (в офис)

Не указана
  • Санкт-Петербург
  • Полная занятость
  • Полный день
  • От 1 года до 3 лет

Стек технологий на проекте:

GitLab; Vite;

SCSS, POSCSS, HTML;

Bootstrap, Tailwind;

BEM;

YouTrack, Figma.


ТЕБЕ ОТЛИЧНО ПОДОЙДЁТ ЭТА ВАКАНСИЯ, ЕСЛИ ТЫ:

1. Креативный верстальщик с опытом от 3 лет, который держит руку на пульсе.

2. Любишь создавать отказоустойчивые web-интерфейсы разной сложности, от промо лэндингов, до крупных многостраничных проектов, уровня интернет банка.

3. Любишь, умеешь, практикуешь web-анимации.

4. Готов расти и развиваться команде профессионалов.

НАШИ ПРОЦЕССЫ:

1. Прозрачные ожидания. Чему нужно научим, покажем, расскажем.

2. TR (talent review) — ежегодный пересмотр должности, и вознаграждения. 3. Корпоративное/командное обучение. Учимся сами, обучаем других.

ЧЕМ ПРЕДСТОИТ ЗАНИМАТЬСЯ:

  • Создавать адаптивную, кроссбраузерную вёрстку по макетам с акцентом на доступность (a11y) и максимальную производительность.
  • Тесно взаимодействовать с аналитиками, дизайнерами и разработчиками: прояснять требования, вести задачи от постановки до релиза.
  • Реализовывать сложную и производительную web-анимацию на основе концепций motion-дизайнера.
  • Инициировать и внедрять улучшения: оптимизация кода, автоматизация рутинных задач, повышение эффективности командной работы.
  • Разрабатывать шаблоны для автоматизации процессов: генерации данных, отправки уведомлений, конвертации в PDF, создания email-рассылок.
  • Гарантировать качество: тщательное тестирование вёрстки на реальных устройствах и в разных сценариях.
  • Разрабатывать высоконагруженные, отказоустойчивые веб-интерфейсы, которыми будут пользоваться сотни тысяч людей.

ЧТО МЫ ЖДЁМ ОТ ТЕБЯ:

  • Продвинутое владение HTML/CSS: адаптивная, отзывчивая, кроссбраузерная вёрстка (БЭМ), семантический, валидный, доступный (a11y) код.
  • Глубокое понимание и применение CSS Flexbox и Grid Layout.
  • Опыт работы с графикой: векторная (SVG), современные форматы (WebP, AVIF).
  • Практический опыт сборки проектов с Vite (и его экосистемой).
  • Знание современных CSS: Custom Properties, реализация dark mode, создание производительной CSS-анимации.
  • Оптимизация web-vitals метрик. Аббревиатуры: CLS, FCP, LCP не являются белым шумом.
  • Опыт вёрстки email-шаблонов с поддержкой Outlook.
  • Базовые знания JS, на уровне написания презентационной логики работы UI.
  • Базовые знания React/Vue приветствуются, но не являются преимуществом.