Создаю дизайн сайтов, в котором визуальный характер бренда сочетается с понятной навигацией. Продумываю структуру страниц, адаптирую макеты под мобильные экраны и готовлю их к разработке.
Анастасия отвечает за визуальное решение и удобство сайта: от прототипа и первого экрана до повторяющихся компонентов и мобильной версии. Работает с лендингами, корпоративными сайтами и интернет-магазинами.
Анастасия получила образование в области дизайна и начала профессиональный путь с графических материалов и небольших посадочных страниц. Затем перешла к проектированию сайтов: работе со структурой, пользовательскими сценариями и адаптивными интерфейсами. Опыт в веб-дизайне составляет 3 года.
В SERP Expert создает макеты в Figma, выстраивает визуальную иерархию и подбирает типографику с учетом характера бренда. Перед оформлением изучает задачу бизнеса, аудиторию и содержание страницы. Сначала определяет порядок блоков и логику действий, затем прорабатывает композицию, цвет и декоративные элементы.
При редизайне сохраняет узнаваемые детали бренда и проверяет, какие элементы мешают пользоваться сайтом. Вместе с SEO-специалистом учитывает структуру услуг и объем контента, с копирайтером уточняет формулировки, а с разработчиком согласует поведение компонентов.
Перед передачей макетов готовит мобильные версии, состояния кнопок и форм, стили и повторяющиеся элементы. После верстки сравнивает страницы с согласованным дизайном и помогает исправить расхождения в отступах, шрифтах и поведении интерфейса.
Профессиональный путь
Web-дизайнер SERP Expert. Стаж работы — 3 года.
Зона ответственности
Прозрачное описание роли специалиста в команде.
01
Структура и прототипы
Проектирует порядок блоков, навигацию и путь к целевому действию. На этапе прототипа проверяет, хватает ли пользователю информации для выбора и обращения.
02
Визуальная концепция
Подбирает типографику, цвета, изображения и декоративные элементы. Формирует узнаваемый стиль с учетом бренда, тематики и содержания сайта.
03
Макеты страниц в Figma
Создает лендинги, страницы услуг, каталоги и внутренние страницы. Выстраивает композицию так, чтобы заголовки, ключевые аргументы и действия были заметны.
04
Адаптивный дизайн
Прорабатывает версии для компьютера, планшета и телефона. Учитывает переносы текста, порядок блоков, размеры элементов и удобство заполнения форм.
05
Компоненты и состояния
Собирает повторяющиеся элементы, стили и варианты компонентов. Показывает состояния кнопок, полей, ошибок, меню и других интерактивных элементов.
06
Передача в разработку
Подготавливает макеты и графику, поясняет поведение интерфейса. После верстки проверяет соответствие дизайну и передает замечания разработчику.
Опыт в реальных проектах
Показываем задачи, решения и личный вклад специалиста.
Кейс проекта
Лендинг студии интерьерного дизайна
Задача
Показать характер работ студии и помочь посетителю перейти от просмотра портфолио к обсуждению своего интерьера.
Личный вклад
Разработала прототип и визуальную концепцию, оформила первый экран, карточки проектов и форму обращения. Подготовила мобильную версию с удобным просмотром фотографий.
Результат
Проекты представлены в едином стиле. Страница последовательно объясняет подход студии, этапы работы и способ отправить запрос.
2023
Кейс проекта
Корпоративный сайт инженерной компании
Задача
Упорядочить технический контент и создать понятную структуру направлений для корпоративных заказчиков.
Личный вклад
Спроектировала главную страницу, страницы услуг и шаблон проекта. Выстроила иерархию заголовков, оформила технические характеристики и подготовила компоненты для новых разделов.
Результат
Услуги, опыт и техническая информация получили отдельные визуальные уровни. Компоненты позволяют оформлять новые страницы по единому принципу.
2024
Кейс проекта
Интернет-магазин текстиля для дома
Задача
Разработать интерфейс для выбора товаров по размеру, материалу и цвету, сохранив спокойный визуальный стиль бренда.
Личный вклад
Создала макеты каталога, карточки товара, корзины и оформления заказа. Проработала фильтры, варианты товара и мобильное меню, подготовила состояния элементов.
Результат
Каталог и карточка товара используют согласованные компоненты. Параметры выбора и условия покупки представлены рядом с соответствующими действиями пользователя.
2025
Кейс проекта
Редизайн сайта сервисной компании
Задача
Обновить визуальный стиль и сделать страницы услуг удобными для посетителей с телефона.
Личный вклад
Переработала первый экран, блоки преимуществ, цены, FAQ и формы. Сохранила фирменные цвета, добавила декоративные акценты и подготовила адаптивные макеты внутренних страниц.
Результат
Сайт получил единый набор компонентов и последовательную структуру страниц услуг. Мобильные макеты учитывают длинные заголовки и заполнение заявки.
2026
Образование и развитие
Профессиональная подготовка и повышение квалификации.
Основное образование
Учебное заведениеРоссийский государственный университет имени А. Н. Косыгина
Лендинги, корпоративные сайты, страницы услуг, интернет-магазины и промо-страницы. Можно обратиться за дизайном нового сайта, редизайном или макетом отдельной страницы.
Что подготовить перед началом работы?+
Описание бизнеса и аудитории, цели сайта, список нужных страниц и примеры, которые вам нравятся. Если есть логотип, фирменные цвета, тексты или действующий сайт, приложите их. Также полезно указать сроки и ограничения по платформе.
Как проходит согласование дизайна?+
Сначала обсуждаются задача и структура страниц. Затем согласуются прототип и визуальное направление. После этого прорабатываются остальные страницы, мобильные версии и состояния компонентов. Правки удобнее собирать по каждому этапу одним списком.
Входит ли мобильная версия в работу?+
Состав макетов согласуется до начала проекта. Для полноценного дизайна сайта предусматриваются мобильные версии ключевых страниц и повторяющихся элементов. Они учитывают порядок контента, навигацию, длинные тексты и заполнение форм.
Можно ли сохранить текущие цвета, шапку и футер?+
Да. Эти ограничения фиксируются в задании. Новые страницы или блоки можно спроектировать в существующей стилистике, сохранив шапку, футер, фирменную палитру и узнаваемые декоративные элементы.
Что получает разработчик после согласования?+
Макеты в Figma, стили, компоненты, состояния интерактивных элементов и подготовленную графику. Поведение сложных блоков поясняется отдельно. Набор адаптивных версий и формат передачи согласуются в начале работы.
Можно ли заказать дизайн одной страницы или нескольких блоков?+
Да. Можно подготовить первый экран, страницу услуги, карточку специалиста или отдельные блоки для действующего сайта. Перед началом важно посмотреть текущий дизайн и определить, как новые элементы будут сочетаться с остальными страницами.
Учитываются ли требования SEO при создании макетов?+
Структура и объем контента обсуждаются с SEO-специалистом. В макетах предусматриваются места для заголовков, описаний, FAQ и внутренних ссылок. Дизайн адаптируется к содержанию страницы, чтобы важный текст оставался доступным и удобным для чтения.
Связь со специалистом
Обсудите дизайн сайта с Анастасией
Расскажите, какой сайт или страницу нужно спроектировать. Приложите ссылку на текущий сайт, примеры и пожелания по стилю. В сообщении укажите, что обращаетесь к Анастасии Панфиловой. Связь через агентство: info@serpexpert.ru, +7 (995) 647-43-57. Офис: Москва, Нахимовский проспект, 24С4. Рабочее время: понедельник - пятница, с 10:00 до 20:00 по Москве.
На сайте используются региональные версии, поэтому контакты и адрес подставляются для выбранного города. По проекту можно связаться по телефону, электронной почте или через форму.
