Упаковать предоставленный концепт-коллаж и смысловой прототип в чистый, профессиональный 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), демонстративно показывающий, как смыкаются половинки макета при скролле.
Предлагайте стоимость.
Макет во вложении ещё в разработке у копирайтера, вложение это предварительный коллаж.
Опубликован 01.10.2026 в 13:23