7 лет опыта
Дизайн страниц и интерфейсов,
который доводит до целевого действия и без боли внедряется
Многостраничные сайты
Лендинги
Интернет‑магазины
Интерфейсы (веб и продукт)
Готовлю макеты так, чтобы их было легко передать в разработку или собрать на Tilda.
Написать в Telegram
Кейсы
Маркетинговый подход
По шагам
Кому
Формат
Контакты
Email:
aleksei.design@ya.ru
Сначала структура и смысл
анализ, сценарии, приоритеты контента
Прототип до дизайна
согласование быстрее, правок меньше
Готово к разработке
макеты экранов/страниц, состояния, компоненты и спеки
Адаптив
мобильные сценарии, читаемость, тач‑зоны
По данным
гипотезы, улучшения, подготовка вариантов для теста
Коммуникация без хаоса
задаю вопросы, фиксирую решения, управляю правками
Telegram:
@aleksei_design
Алексей Захаров
Дизайнер сайтов и интерфейсов
Кейсы:
от структуры до передачи в разработку
Академия В. Тарасова:
веб-платформа управленческих видео‑поединков
Сервис для проведения видео‑поединков: от входа и выбора формата до поединка и результатов
Сценарии:
вход → очередь/планирование → комната → поединок → итог
Модули:
поединки, группы, пользователи, роли и типы, ситуации, платежи, инструкции, чаты
Результат:
макеты в Figma, адаптив, компоненты и состояния, спецификация для разработки
Figma-макеты
Веб-платформа
CharityBo:
сайт‑лендинг с платформой + email
Запуск мультиязычного сервиса для B2B‑доноров: лендинг объясняет ценность и ведёт к подключению, кабинет – заказы вывоза и пожертвования с трекингом
Лендинг на Tilda(3 языка):
структура, прототип/макеты, адаптив, сборка
Кабинет:
календарь вывозов (разовый/регулярный), платежи, трекинг
Админ:
маршруты, компании, фонды
Результат:
макеты в Figma, сборка на Tilda, адаптив, email‑письма, полиграфия, передача в разработку
Figma-макеты
Tilda-сайт
Веб-платформа
Академия В. Тарасова:
веб-платформа прохождения онлайн‑тренингов
Сервис онлайн‑тренингов с прогрессом, заданиями и системой достижений
Пользователь:
выбор → оплата → прохождение → награды/дипломы
Админ:
слушатели, тренинги, лекции, потоки, статистика, контентные страницы и редактура контента
Результат:
Figma, адаптив, базовый набор компонентов и состояний, спецификация для разработки
Figma-макеты
Веб-платформа
Tincraft:
интернет‑магазин на WordPress
Спроектировать большой интернет‑магазин с «лендинговыми» категориями, удобной покупкой и единым стилем на десятках разнообразных страниц
Сценарий покупки:
категория‑лендинг → товар → корзина → оформление заказа → успешный заказ
ЛК + UI‑гайд
для консистентности и масштабирования
Результат:
макеты в Figma, адаптив, UI‑гайд, письма статусов заказа, спецификация для разработки (WordPress)
Figma-макеты
Сайт
Lindex и Техносептик:
корпоративные сайты
Один B2B, второй B2C. Задача — согласовать структуру и типовые шаблоны, чтобы сайт собирался без переделок
Процесс:
структура и прототип → макеты → адаптив → передача в разработку
Покрытие:
листинги, карточки, контентные страницы, поиск.
Результат:
макеты в Figma, библиотека типовых блоков/шаблонов, спецификация
Figma-макеты
Lindex
Техносептик
Автошкола «Проспект»:
корпоративный сайт и продающие лендинги
Два отдельных решения: общий сайт для широкой аудитории + продающие лендинги под сегменты с разным подходом
Сайт:
структура услуг/разделов для широкой ЦА → прототипы → макеты
Лендинги:
аналитика ЦА/конкуренты, структура/тексты/UX‑копирайтинг, прототипы, 8 лендингов (4 сегмента × 2 оффера) под расчет стоимости
Результат:
прототипы и макеты в Figma, адаптив, тексты (UX‑копирайтинг), передача в разработку
Figma-макеты
Сайт
Dusto и VideoCalls:
лендинг + веб-сервис
Быстрый запуск MVP: лендинг → сервис → целевое действие (заказ/звонок) + уведомления
Dusto:
5‑шаговый заказ, управление заказами
VideoCalls:
Календарь и слоты, бронирование, профиль учителя, комната звонка и чат
Результат:
макеты в Figma, сборка лендинга на Tilda, адаптив, email‑письма, спецификация для разработки
Figma-макеты
Tilda Dusto
Tilda Videocalls
Веб-платформа Dusto
Веб-платформа Videocalls
Ситуация 1
Нужно запустить быстро
но без компромиссов по качеству
Разработке не хватает ясности
хаос в файле, нет состояний, нет спецификаций
Ситуация 4
Страница теряет пользователей
на ключевых шагах
Ситуация 2
Сложный интерфейс
формы, статусы, таблицы, много состояний, исключений и «острых углов»
Ситуация 5
Ситуация 3
ТЗ плавает
нужно структурировать требования и зафиксировать сценарии
Ситуация 6
Необходим единый стиль и компоненты
чтобы масштабироваться без потери качества и скорости
Если
узнаёте свою ситуацию
– вы по адресу
Маркетинговый подход в дизайне:
проектирую страницу под сценарий конверсии
Сценарий конверсии
снимает ключевые вопросы и возражения, ведя к следующему шагу без давления
УТП и оффер
ясно, конкретно, с опорой на ценность и доказательства
Первый экран
быстро объясняет «что это», «для кого», «почему сейчас» и «что делать дальше»
Доверие по пути пользователя
кейсы, цифры, отзывы, процесс, гарантии – в нужных местах
CTA и формы
понятное действие, минимум полей, подсказки, ошибки и валидации, низкое трение
Итерации
гипотезы и варианты под разные сегменты аудитории (первый экран, CTA, ключевые блоки)
Процесс без хаоса:
вы всегда понимаете, что происходит
Бриф и цель
(аудитория, задача, ограничения, критерии «готово»)
UI‑дизайн:
макеты экранов и страниц, состояния, UX‑тексты, адаптив
Структура
(информационная архитектура) и сценарии
Запуск:
передача в разработку или сборка на Tilda
Прототип
(находим проблемы до финальных макетов и адаптива)
Доводка:
улучшения по данным и фидбеку, гипотезы и тестирование
Сетка, стили и компоненты
Чтобы интерфейсы собирались быстрее и выглядели единообразно
Правила поведения
Взаимодействия, сценарии, логика форм; для сайтов – структура блоков и призывы к действию (CTA)
Типовые риски
Edge cases (краевые сценарии), роли и права, ограничения и маски ввода, статусы и уведомления
Передача в разработку
Аккуратный файл в Figma, комментарии и спецификация – или сборка на Tilda без сюрпризов
Состояния и валидации
Пусто/загрузка/ошибка/подтверждение + тексты ошибок и системные сообщения
UI‑дизайн
, который удобно внедрять и поддерживать
Адаптив
– не «сжатая» версия, а
другая логика
01
Приоритет контента
Ключевое выше: смысл, важные блоки и действия
02
Читаемость
Типографика, отступы, длина строк – для чтения
03
CTA и зоны нажатия
Удобно нажимать, понятно, куда ведёт
04
Проверка сценариев
Просмотр, скролл, поиск, заполнение форм
Кому
я даю максимум пользы
01
Маркетинг / агентства
Лендинги, сайты, баннеры для рекламных кампаний:
оффер → структура → CTA → адаптив
Результат:
быстрый запуск – передача в разработку или сборка на Tilda
02
Студии / аутсорс
Прототипы и UI‑макеты:
быстро согласовываю логику, фиксирую правки
Результат:
передача в разработку с состояниями, правилами использования и спецификацией
03
Продукт (in‑house)
Сложные сценарии:
формы, статусы, ошибки, роли; поддерживаемый набор UI‑компонентов и правила использования
Результат:
меньше ошибок у пользователей и доработок у команды
Сложные вводные – не проблема:
превращаю их в структуру и понятные шаги
Нет чёткого ТЗ
соберу вводные и вопросы, предложу структуру и прототип.
Горит дедлайн
приоритизируем, сделаю MVP, дальше спокойно доведём до финала
Много согласующих
Покажу прототип и варианты → быстро согласуем логику
Нет дизайн‑системы
соберу базовые компоненты и правила — ускорим следующие итерации
Разработка уже идёт
учту ограничения, оформлю передачу в разработку и приведу макеты в порядок
Нужна Tilda
соберу страницу аккуратно: адаптив, отступы, проверка форм
Важна конверсия
опираюсь на структуру, UX‑тексты и данные веб‑аналитики
Если подход совпадает
– вот как можем поработать
Проект / почасово / ретейнер (абонент)
регулярный объём задач
разовая задача
Быстрый старт
короткий созвон
сбор вводных
прототип и план работ
Готов подключиться
к вашей задаче
Написать в Telegram
Напишите в Telegram или на почту — задам 5–7 вопросов и пришлю план работ по шагам с результатами на каждом этапе
Telegram:
@aleksei_design
Email:
aleksei.design@ya.ru
Алексей Захаров
Дизайнер сайтов и интерфейсов
7 лет опыта
Made on
Tilda