Веб-дизайн — удалённая работа в Москве

Макет сайта. Интернет-магазин. Платформа: Figma. Количество страниц: 5. Сделать дизайн по критериям Функциональные и UX-требования Сценарности и задачи пользователя осуждение каждой страницы (подготовка к работе) Дизайн строится вокруг основных действий пользователя: цель → путь → результат. (карточка товара) Адаптивность 640 х 360 1280 × 720 1440 x 900 1920 × 1080 Обязательная поддержка мобильных, планшетных и десктопных разрешений. Компоненты должны перестраиваться, а не просто уменьшаться. UX-паттерны Использование привычных взаимодействий: модалки, слайдеры, хлебные крошки, tabs, drop-downs. Не изобретай велосипед, если не нужно — переиспользуй знакомые пользователю интерфейсные подходы. Для списков, таблиц, фильтров, ошибок — всегда должен быть empty state с пояснением и CTA. 💅 UI-требования и визуальный стиль Сетка и выравнивание Используй четкую layout-систему: 8px grid (или кратную ей). Контент выровнен, межэлементные отступы — системные. Тайпографика Максимум 2–3 шрифта: обычно один для заголовков, один — для текста. Единая система шрифтов: h1–h6, body, caption, button. Цветовая система день - ночь Primary / Secondary / Accent / Success / Warning / Error / Neutral. Светлая и тёмная темы. Компонентность Все элементы интерфейса — повторно используемые компоненты: кнопки, инпуты, карточки. Четкое состояние у компонентов: normal, hover, active, disabled, loading, error, success. Иконки и визуальные метафоры Иконки — единый стиль (outline, solid и т.п.), желательно из одной библиотеки. Не перегружай интерфейс иконками ради иконок. 🚀 Дополнительно для production-ready проекта Анимации Естественные и короткие (200–300мс). Используются для переходов, ховеров, загрузки, навигации. Скорость восприятия Чем сложнее интерфейс, тем проще визуальный стиль. Группируй информацию, разбивай на логические блоки. Дизайн-системы и UI-киты Использование/построение дизайн-системы (Figma Tokens, Storybook, Tailwind и т.п.). Состояния элементов оформлены в одном месте. Унификация Все кнопки одного типа выглядят одинаково. Формы, отступы, закругления, цвета — по единой логике. Передача в разработку Подготовленные макеты в Figma с правильно заданными автолэйаутами, constraints.