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

UX-UI дизайн. Дизайн сайта. Продукт: Вакансия / Описание задачи (для публикации на биржах или отправки кандидатам)Заголовок: Требуется Web-иллюстратор / UI/UX-дизайнер для создания интерактивной схемы спортклуба О проекте: Необходимо разработать схему спортивного зала (падел-теннис) для интеграции в дизайн сайта. Схема должна выглядеть как современная веб-инфографика, а не как сухой архитектурный чертеж. Главная задача — акцент на удобстве восприятия и передача ощущения пространства. Тип отображения: Основной формат: Изометрическая схема (вид сверху под углом примерно 30–45°). Дополнительный формат (при необходимости): Минималистичный плоский план сверху (в стиле Apple Maps внутри помещений). Стилистика и детализация: Плоский минимализм: без реалистичных текстур и без сложных теней. Аккуратные формы: единая толщина линий, скругленные углы, наличие «воздуха» между зонами, аккуратные пиктограммы. Отображаем только крупные объекты и ключевые элементы: стены, основные перегородки, входные группы, проходы, ресепшен, кафе, падел-зоны, зону разминки, раздевалки, детскую зону, зону настольного тенниса, переговорную комнату, лаундж-мансарду и условные обозначения оборудования. Строго НЕ рисуем: каждую отдельную дверь, окна, инженерные элементы (батареи), каждый тренажер и мебель, не влияющую на навигацию. Цветовая схема и интерактивность: Фоновый цвет схемы: #184B2B. Общая палитра должна быть в едином стиле с сайтом. Каждая зона должна легко выделяться при наведении курсора. Для этого не используем яркие сплошные заливки. Выделение реализовать через: отдельный контур, легкое свечение, полупрозрачную заливку, цветную обводку или мягкую тень. Предусмотреть возможность подписи названий внутри помещений и дизайн всплывающих карточек для зон. Технические требования: Итоговый формат файлов: строго SVG + передача исходника в Figma или Adobe Illustrator. Структура слоев: каждая функциональная зона должна быть вынесена в отдельную группу слоев и названа латиницей (например, zone_cafe, zone_padel) для удобства последующей «оживки» frontend-разработчиком.Адаптивность: схема должна одинаково хорошо смотреться на десктопе (1200–1600 px), на планшете, а также на мобильных устройствах (с возможностью масштабирования и горизонтальной прокрутки). Объём работ: 1. Количество экранов (Артбордов в Figma) Для покрытия всех сценариев адаптивности и интерактивности потребуется минимум 4–5 базовых экранов: Экран 1: Десктопная версия (Дефолтное состояние). Полная изометрическая схема (угол 30–45°) 1-го этажа на фоне #184B2B, вписанная в ширину 1200–1600 px. Все зоны находятся в спокойном состоянии. Экран 2: Десктопная версия (Второй уровень/Мансарда). Отдельный вид лаундж-зоны (мансарды), чтобы пользователи визуально считывали двухуровневость пространства. Экран 3: Состояние наведения (Hover State). Тот же десктопный экран, но с демонстрацией эффекта при наведении курсора на одну из зон (например, на падел-корт). Здесь дизайнер показывает, как работает легкое свечение/полупрозрачная заливка, и как выглядит всплывающая карточка (tooltip). Экран 4: Мобильная версия (Дефолт). Отображение схемы на узком экране смартфона с визуальными подсказками для пользователя (например, иконка, показывающая возможность горизонтальной прокрутки и масштабирования). Экран 5: Мобильная версия (Активное состояние). Как выглядит выделенная зона и всплывающая карточка на мобильном устройстве (чаще всего на телефонах карточку делают «прилипающей» к низу экрана, чтобы не перекрывать карту пальцем).(Опционально) Экран 6: Плоская 2D-версия. Вид строго сверху в стиле Apple Maps, если вы решите дать пользователю кнопку переключения между 3D и 2D режимами. 2. Необходимые элементы (UI-кит и графика)Дизайнер должен отрисовать и собрать в единую библиотеку компонентов следующие слои и детали: Архитектурная база (без лишнего мусора): Толстые светлые стены по внешнему контуру и основные внутренние перегородки. Входные группы и основные функциональные проходы для навигации. Крупные цветовые блоки (Функциональные зоны): Зона ресепшен. Падел-зоны (корты). Зона разминки. Раздевалки. Зона кафе. Детская зона. Зона настольного тенниса. Переговорная комната. Зона отдыха (лаундж-мансарда). Интерактивные слои (Стили выделения зон): Отдельный контур / цветная обводка. Слой с полупрозрачной заливкой. Эффект мягкой тени или легкого свечения. Интерфейсные элементы: Пиктограммы (Иконки): Аккуратные векторные иконки для каждой зоны (ракетка, чашка кофе, душ и т.д.), выполненные в единой толщине линий со скругленными углами. Типографика: Текстовые подписи названий прямо внутри просторных помещений. Всплывающая карточка (Tooltip/Popup): Дизайн плашки, которая появляется при взаимодействии с зоной. В ней должны быть заложены текстовые стили под заголовок (название зоны) и краткое описание. Техническое задание есть.