Фото Надежды Лукановой

Луканова Надежда

Junior Frontend-разработчик (верстальщик)

Контакты

Обо мне

Frontend / Email разработчик с опытом верстки на HTML/CSS и базовым знанием JavaScript. Создаю адаптивные, семантически правильные сайты. Активно развиваюсь в направлении веб-разработки, стремлюсь к работе над интересными проектами, где смогу применять и совершенствовать свои навыки.

Опыт работы

WIM.Agency | Москва, wim.agency

08.2023 - 05.2025

Email / Frontend developer / HTML-coder

Агентство омниканального диджитал маркетинга. Работала в распределенной команде: менеджеры, дизайнеры, копирайтеры и backend-разработчики на проектах:

  • Лэтуаль
  • Азбука Вкуса
  • CSC Pharma
  • Haier
  • Rate Hawk
  • Додо Пицца
  • Перекрёсток

Обязанности:

  • Верстка email-рассылок для различных почтовых клиентов (Gmail, Yandex, Mail, MS Outlook, Apple Mail)
  • Адаптивная и кроссплатформенная верстка с использованием HTML и CSS по макетам PSD, Figma, Sketch (Zeplin)
  • Поддержка и доработка существующих шаблонов email-рассылок
  • Работа в VS Code (среда разработки)
  • Нарезка шаблонов в графических редакторах (Photoshop, Illustrator)

Результаты:

  • Средняя скорость верстки письма, в зависимости от сложности, составляет от 30 мин до 2,5 часов
  • Примеры работ могу продемонстрировать на собеседовании (под NDA)

Кловери | Москва, cloveri.com

06.2023 - 08.2023

Frontend-разработчик (стажировка)

Технологический стек: JavaScript, HTML5, CSS3, React, D3.js

Обязанности:

  • Разработка систем управления списками организаций, отраслей, контактов и других объектов в виде записной книги
  • Создание сервиса для редактирования связей между объектами с визуализацией графов (D3.js)
  • Проектирование интерфейса веб-приложения с использованием React
  • Декомпозиция сложных сценариев на простые задачи
  • Работа в команде по методологиям Agile/Scrum
  • Изучение принципов работы с высокими нагрузками

Результаты:

  • Реализация проектов, прошедших код-ревью от наставников
  • Создание записной книги в сервисе визуализации графов связей между объектами

Навыки

Основные технологии

  • HTML5
  • CSS3
  • JavaScript
  • Git

Верстка

  • Адаптивная верстка
  • Табличная верстка
  • Семантическая верстка
  • БЭМ (BEM)

Дизайн и CMS

  • Figma
  • Adobe Photoshop
  • Tilda
  • Веб-разработка

Языки

  • Русский: родной
  • Английский: A1-A2 (Elementary)

Образование

Астраханский государственный университет

2019

Мировая экономика и управление

Волго-Каспийский Морской рыбопромышленный колледж

2014

Экономика и бухгалтерский учет

Курсы и повышение квалификации

Code-basics | Основы JavaScript

2025

Хекслет | Основы JavaScript

2023

HTML Academy | HTML и CSS. Адаптивная вёрстка и автоматизация

2023

HTML Academy | HTML и CSS. Профессиональная вёрстка сайтов

2022

RS School | JS / FRONT-END

2022

Еще немного обо мне

Почему я?

Верстка

Свободно работаю с HTML/CSS (Flexbox, Grid, адаптивный дизайн). Примеры моих проектов:

  • Plants — лендинг с акцентом на семантику и адаптивность
  • Sedona — учебный проект с оптимизацией под мобильные устройства
  • Nerds — учебный проект с акцентом на кроссбраузерность и Pixel Perfect верстку

Остальные ⇓ ниже в портфолио

JavaScript

Осваиваю базовый синтаксис (ES6+) и внедряю простой функционал. Сейчас работаю над сайтом приюта для кошек, где добавляю интерактивные элементы.

Git

Умею организовывать workflow, работать с ветками и пул-реквестами.

Soft skills

  • Лидерские качества и опыт работы с клиентами (ранее — персональный тренер)
  • Аналитический склад ума (победы в математических олимпиадах)
  • Усидчивость, организованность и готовность к обучению

Моя мотивация

Я выбрала frontend, потому что люблю создавать полезные и визуально привлекательные продукты. Готова погружаться в сложные задачи, особенно если они связаны с версткой или постепенным освоением JavaScript.

Ищу команду, где ценят инициативность и поддерживают профессиональный рост. Готова к удаленной работе и открыта для стажировок или проектов с менторской поддержкой. Английский — на уровне A2 (продолжаю изучать).

Буду рада обсудить, как мои навыки могут быть полезны вашей компании. Спасибо за внимание!

P.S. Если потребуется дополнительная информация или ссылки на проекты — охотно предоставлю.

Портфолио

Sedona - туристический городок

Учебный проект с оптимизацией под мобильные устройства для туристического сайта города Седона.

  • Адаптивная верстка под 3 разрешения (320px, 768px, 1200px)
  • Оптимизация графики (ретина-дисплеи, WebP формат)
  • Доступность: правильный контраст, ARIA-атрибуты
  • БЭМ-методология
  • Pixel-perfect верстка
    • Посмотреть онлайн Исходный код
Превью лендинга туристического городка

Nerds - дизайн-студия

Учебный проект дизайн-студии с акцентом на кроссбраузерность и точность верстки.

  • Pixel-perfect верстка с точностью до 1px
  • Кроссбраузерная поддержка (включая IE11)
  • Интерактивные элементы: слайдер, модальные окна
  • Оптимизация производительности
  • Форма с валидацией
Посмотреть онлайн Исходный код
Превью лендинга дизайн-студии

Plants - интернет-магазин растений

Лендинг для магазина комнатных растений с акцентом на семантику и доступность.

  • Семантическая верстка с использованием HTML5 тегов
  • CSS: Flexbox, Grid, анимации
  • Оптимизированная загрузка изображений
  • Валидная кроссбраузерная верстка
Посмотреть онлайн Исходный код
Превью лендинга интернет-магазина растений

Тестовое задание для MST на вакансию Верстальщик / Frontend-разработчик

Верстка адаптивного лендинга

  • Полностью адаптивный дизайн от 320px
  • Семантическая верстка без использования фреймворков
  • Интерактивные элементы: анимации и hover-эффекты
  • Оптимизированная производительность с локальными ресурсами
  • Готовая к работе форма с правильно именованными полями
Посмотреть онлайн Исходный код
Превью лендинга

Тестовое задание для LIDERA Agency на вакансию HTML-верстальщик

Верстка адаптивного лендинга

  • Адаптивность под мобильные устройства (Mobile First)
  • Кросс-браузерность (Chrome, Firefox, Safari)
  • Соответствие макету (Pixel Perfect)
  • Оптимизированная загрузка (сжатые изображения)
  • Чистый валидный код (HTML5/CSS3)
Посмотреть онлайн Исходный код
Превью лендинга

Тестовое задание для WIM Agency на вакансию Стажер (Trainee) Email developer / HTML coder / Верстальщик

Верстка адаптивной email-рассылки

  • Кросс-клиентная совместимость (Outlook, Gmail, Apple Mail и др.)
  • Адаптивность под мобильные устройства
  • Поддержка старых версий Outlook (условные комментарии)
  • Валидный HTML/CSS
  • Использование табличной верстки
Посмотреть онлайн Исходный код
Превью письма