Дизайн сайта в Figma для передачи разработчику

Проектирую интерфейс сайта в Figma и готовлю макеты для команды разработки. Согласуем набор экранов, адаптив и правила передачи.
Примеры сайтов и веб-дизайна Станислава Хацкевича

Работы из портфолио

Примеры сайтов из портфолио Станислава Хацкевича.

Что получает команда

Рабочий файл с согласованными экранами, стилями и компонентами. Объём состояний и документации фиксируем по сценариям.

Адаптивные правила

Показываем поведение карточек, меню и таблиц на узком экране. Для промежуточных ширин объясняем, что растягивается, переносится или меняет порядок.

Состояния интерфейса

Для формы нужны обычное состояние, ошибка и подтверждение. Для каталога добавляем отсутствие результатов и недоступный вариант.

Компоненты

Повторяющиеся кнопки и карточки собираем как компоненты. Разработчик получает связь между вариантами и правилами использования.

Экспорт материалов

Отделяем векторные и растровые исходники, согласуем права на шрифты и изображения. Передаём файлы с понятными именами.

Границы проекта

Вёрстка, CMS и интеграции оцениваются отдельно. Ограничения целевой платформы полезно узнать до согласования дизайна.

Станислав Хацкевич — дизайн и разработка

Я Станислав Хацкевич, веб-дизайнер и разработчик. Создаю сайты для брендов и бизнеса, работаю по всей России. Официально как самозанятый: договор-счёт и чек через «Мой налог». Стоимость определяем после обсуждения задачи.
VMP — технический каталог
Panaride — ассортимент
Топ-10
UI-дизайнеров рейтинга Dprofile — вхожу в топ-10 по данным моего профиля.
13
Наград на Dprofile. Проекты и достижения можно посмотреть в моём профиле.
12
Лет опыта в дизайне. Работаю лично с задачей, визуальной концепцией и реализацией сайта.
20
Попаданий в галерею лучших проектов Made on Tilda — по моим профессиональным итогам.

Практический порядок

Инвентаризация

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

Прототип

Согласуем порядок информации и переходы до работы с цветом и типографикой.

Макеты

Проверяем длинные заголовки и крайние варианты контента на нескольких ширинах.

Передача

Проводим обзор макетов с разработчиком и фиксируем вопросы реализации.

Пример и материалы

Что получает команда

Пример передачи

Карточка продукта: десктоп и телефон, загрузка фото, вариант без наличия, ошибка добавления и успешное добавление.

Разработка сайтов на Tilda

Доработка действующего сайта

Обсудим вашу задачу

Опишите задачу и пришлите ссылку на проект в Telegram @Stanislavkha.
Panaride — продукт
© Станислав Хацкевич. Дизайн и разработка сайтов.
Работаю как самозанятый: договор-счёт и чек через «Мой налог».
Главная · Статьи о веб-дизайне · Telegram · Dprofile · Behance · Dribbble
Made on
Tilda