Задание: Figma. Разработка UI/UX макета интерактивного лендинга «Близко» в Figma (Дистанционная работа)
Упаковать предоставленный концепт-коллаж и смысловой прототип в чистый, профессиональный UI-макет в Figma (Desktop + Mobile) для последующей передачи фронтенд-разработчику (Next.js + GSAP). Особенность проекта и что будет предоставлено: Визуальный концепт: Готовый JPG-коллаж с проработанной раскадровкой и механикой скролла (схождение/расхождение половинок). Все материалы и тексты от копирайтера: Вы получите готовый текстовый прототип от UX-копирайтера (все заголовки, микротексты для кнопок, варианты поисковых запросов, описания аренды кабинетов и бриф для B2B-блока). Придумывать тексты с нуля не нужно. Медиафайлы: Исходники фотографий психологов и интерьеров кабинетов. Объем работы: Макет Главной страницы объединяет 2 целевые аудитории: Клиентская часть (B2C): Поиск специалиста, очные встречи, группы поддержки, выпадающие поисковые плашки. Блок для специалистов (B2B): Почасовая аренда психологических кабинетов, мероприятия центра, вступление в сообщество. Требования к исполнителю: Стек: Уверенное владение Figma (компоненты, Auto Layouts, варианты, стили, интерактивные прототипы) + навыки обработка/коллажирования фото в Photoshop. Опыт с анимированными интерфейсами: Понимание UX/UI под сложную скролл-анимацию (Sticky-блоки, схождение элементов при прокрутке). ВАЖНО — Без Tilda/конструкторов: Проект НЕ делается на Tilda (Zero Block не подходит под нашу логику анимации). Нужна чистая верстка для верстальщика на Next.js. Портфолио: Обязательно наличие реальных ссылок на макеты в Figma (доступ к исходным файлам). Алгоритм приемки и проверки макета: Уважаемые специалисты, мы ценим время — и свое, и ваше. Чтобы исключить использование скачанных шаблонов, стоковых сборщиков и хаоса в макете, проверка будет проходить по критериям: Этап 1. Проверка структуры файла и слоев (в Figma) При приемке мы будем открывать панель слоев и проверять: Логика наименований: Имена видов Group 341, Rectangle 12, Frame 105 не принимаются. Все элементы должны быть сгруппированы и именованы логично (Hero_Section, Card_Specialist, Rent_Block и т.д.). Использование Auto Layout: Все списки, кнопки и карточки должны быть собраны на Auto Layouts. Стили и токены: Цвета и шрифты вынесены в Local Styles файла (без разрозненных случайных HEX-кодов). Компоненты: Кнопки, карточки специалистов и плашки поиска оформлены через Main Components с настроенными состояниями (Hover / Active). Этап 2. Проверка уникальности Использование чужих учебных шаблонов (SkyPro, Skillbox и т.д.) или перекрашенных стоковых UI-китов не допускается (проверяется по версиям и названиям стилей). Этап 3. Тест анимации В Figma должен быть собран кликабельный прототип (Smart Animate), демонстративно показывающий, как смыкаются половинки макета при скролле. Предлагайте стоимость. Макет во вложении ещё в разработке у копирайтера, вложение это предварительный коллаж.
