Дизайн сайта в Figma
Проектирую сайт в Figma — от структуры и прототипа до адаптивных экранов. Макеты забирает в работу любой разработчик — или собираю сайт сам.
Обсудить дизайнС чем можно прийти
- С одной идеей.Соберём структуру и оффер с нуля.
- Только с задачей.Начнём с вопроса, зачем бизнесу сайт.
- С готовым брендбуком.Разложу гайд в интерфейсные решения.
- Со старым сайтом.Разберу, что сохранить, а что пересобрать.
- С текстом.Построю структуру вокруг готового содержания.
- С брифом.Проверю бриф на пробелы и дополню.
Как проходит работа
Исследование
Разбираю задачу, аудиторию и сценарий: кто приходит на сайт и какое действие должен совершить.
Прототип
Собираю структуру и блоки без графики. На этом шаге дешевле всего спорить и менять.
Концепция
Показываю визуальное направление на ключевом экране: типографика, сетка, цвет, плотность.
Экраны
Раскатываю концепцию на все брейкпоинты, собираю компоненты, состояния и отдаю файл.
Что лежит в Figma-файле
Файл собран так, чтобы разработчик открыл его и начал верстать без догадок: каждый экран лежит на своём брейкпоинте, а не растянут из десктопа.
- Обложка
- Прототип
- Дизайн
- UI-kit
- Архив решений
- Desktop 1440
- Laptop 1280
- Tablet 768
- Mobile 375
- Кнопки и ссылки
- Поля и формы
- Карточки и списки
- Навигация
- Hover и focus
- Active и disabled
- Ошибка и загрузка
- Пустой экран
- Цвет
- Типографика
- Сетка и отступы
- Эффекты
- Доступ к файлу
- Экспорт иконок и изображений
- Шрифты и лицензии
- Комментарии по вёрстке
Сроки и стоимость
Зависят от количества уникальных экранов, глубины проектирования и того, нужна ли дизайн-система под дальнейшее развитие. Состав работ и срок фиксирую до старта.
Обсудить проект
Расскажите задачу — отвечу в течение 24 часов, назову срок и цену до начала работы.