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

Дизайн сайта, Для университета. Продукт: ТЗ НА ДОРАБОТКУ ПРОЕКТА САЙТА Проект необходимо привести к полноценному UX/UI-формату согласно критериям оценки и замечаниям преподавателя. 1. СТРУКТУРА ПРОЕКТА В FIGMA Необходимо собрать весь сайт в один основной Frame (Desktop 1920px), внутри которого смысловые блоки будут организованы как отдельные вложенные Frames. Основные блоки: — Header — Hero — О проекте — Преимущества — Галерея — CTA-блок — Footer Сейчас проект выглядит как разрозненные фреймы и не воспринимается как единый лендинг. 2. ПОДГОТОВИТЕЛЬНЫЙ ЭТАП (ОБЯЗАТЕЛЬНО) Необходимо добавить отдельную страницу Research / Аналитика. Внутри: — анализ конкурентов — анализ визуального стиля — позиционирование проекта — УТП — целевая аудитория — moodboard — референсы — краткое описание концепции Минимум: — 4–6 референсов — 2–3 конкурента — пояснение выбранного визуального направления 3. WIREFRAME / ПРОТОТИП Необходимо создать отдельную страницу Wireframe. Требования: — черно-белый wireframe — без финального дизайна — только структура и логика Обязательно показать: — сетку — навигацию — расположение CTA — структуру блоков — логику взаимодействия пользователя В wireframe должны присутствовать: — Header — Hero — контентные блоки — popup/form — Footer 4. UI KIT На данный момент UI Kit отсутствует. Необходимо создать отдельную страницу UI Kit. Внутри должны быть: Цвета: — primary — secondary — accent — background Typography: — H1 — H2 — Body — Caption Компоненты: — buttons — inputs — dropdown — tabs — cards — menu — footer — forms Все элементы должны быть: — через Components — через Variants — с правильным неймингом Примеры: — Button / Primary — Button / Hover — Input / Active 5. АНИМАЦИИ И ИНТЕРАКТИВ Сейчас в проекте отсутствуют анимации. Необходимо добавить: — hover-эффекты — popup animation — menu interaction — anchor scroll — prototype transitions Минимум 5 интерактивных взаимодействий. Использовать: — Smart Animate — Interactive Components 6. АНИМАЦИОННЫЙ СЛАЙДЕР Необходимо реализовать анимационный слайдер минимум из 5 блоков. Требования: — через Components — Variants — Interactive Components — Auto Layout 7. НАВИГАЦИЯ Необходимо добавить рабочую навигацию: — якорные ссылки — scroll prototype — переходы между секциями Пункты меню: — О нас — Преимущества — Галерея — Контакты 8. DROPDOWN / MENU Необходимо реализовать: — dropdown menu или — burger menu Также в каждом блоке сайта должна присутствовать минимум одна рабочая CTA-кнопка. 9. POPUP / FORM Необходимо создать popup-форму: — заявка или — регистрация Внутри: — input fields — button — close button — active states 10. СТРУКТУРИРОВАНИЕ ПРОЕКТА Необходимо структурировать проект по отдельным страницам: 1. Research 2. Wireframe 3. UI Kit 4. Final Design 5. Prototype Также необходимо добавить комментарии и пояснения к важным частям проекта: — компоненты — сетка — интерактив — адаптив — логика сборки 11. РЕФЕРЕНСЫ Добавить отдельный блок/страницу с референсами: — UI references — motion references — stylistic references — layout references 12. ОБЩЕЕ ТРЕБОВАНИЕ К ПРОЕКТУ Проект должен выглядеть как полноценный UX/UI-продукт, подготовленный к передаче в разработку. Сейчас проект выглядит как набор отдельных экранов без системы и UX-проработки. Необходимо: — выстроить структуру — добавить подготовительный этап — создать UI Kit — внедрить компоненты — добавить интерактив — собрать всё в единый frame — показать логику работы сайта и взаимодействия пользователя КРИТИЧНО ИСПРАВИТЬ В ПЕРВУЮ ОЧЕРЕДЬ: 1. Собрать сайт в единый Frame 2. Сделать Wireframe 3. Создать UI Kit 4. Добавить базовые анимации 5. Использовать Components + Variants 6. Добавить popup и навигацию 7. Настроить prototype interactions Минимальный набор для профессионального уровня: — единая структура проекта — подготовительный этап — wireframe — UI Kit — components — variants — interactive prototype — hover states — popup — slider — anchor navigation — аккуратная dev-ready организация макета. Объём работ: ТЗ НА ДОРАБОТКУ ПРОЕКТА САЙТА Проект необходимо привести к полноценному UX/UI-формату согласно критериям оценки и замечаниям преподавателя. 1. СТРУКТУРА ПРОЕКТА В FIGMA Необходимо собрать весь сайт в один основной Frame (Desktop 1920px), внутри которого смысловые блоки будут организованы как отдельные вложенные Frames. Основные блоки: — Header — Hero — О проекте — Преимущества — Галерея — CTA-блок — Footer Сейчас проект выглядит как разрозненные фреймы и не воспринимается как единый лендинг. 2. ПОДГОТОВИТЕЛЬНЫЙ ЭТАП (ОБЯЗАТЕЛЬНО) Необходимо добавить отдельную страницу Research / Аналитика. Внутри: — анализ конкурентов — анализ визуального стиля — позиционирование проекта — УТП — целевая аудитория — moodboard — референсы — краткое описание концепции Минимум: — 4–6 референсов — 2–3 конкурента — пояснение выбранного визуального направления 3. WIREFRAME / ПРОТОТИП Необходимо создать отдельную страницу Wireframe. Требования: — черно-белый wireframe — без финального дизайна — только структура и логика Обязательно показать: — сетку — навигацию — расположение CTA — структуру блоков — логику взаимодействия пользователя В wireframe должны присутствовать: — Header — Hero — контентные блоки — popup/form — Footer 4. UI KIT На данный момент UI Kit отсутствует. Необходимо создать отдельную страницу UI Kit. Внутри должны быть: Цвета: — primary — secondary — accent — background Typography: — H1 — H2 — Body — Caption Компоненты: — buttons — inputs — dropdown — tabs — cards — menu — footer — forms Все элементы должны быть: — через Components — через Variants — с правильным неймингом Примеры: — Button / Primary — Button / Hover — Input / Active 5. АНИМАЦИИ И ИНТЕРАКТИВ Сейчас в проекте отсутствуют анимации. Необходимо добавить: — hover-эффекты — popup animation — menu interaction — anchor scroll — prototype transitions Минимум 5 интерактивных взаимодействий. Использовать: — Smart Animate — Interactive Components 6. АНИМАЦИОННЫЙ СЛАЙДЕР Необходимо реализовать анимационный слайдер минимум из 5 блоков. Требования: — через Components — Variants — Interactive Components — Auto Layout 7. НАВИГАЦИЯ Необходимо добавить рабочую навигацию: — якорные ссылки — scroll prototype — переходы между секциями Пункты меню: — О нас — Преимущества — Галерея — Контакты 8. DROPDOWN / MENU Необходимо реализовать: — dropdown menu или — burger menu Также в каждом блоке сайта должна присутствовать минимум одна рабочая CTA-кнопка. 9. POPUP / FORM Необходимо создать popup-форму: — заявка или — регистрация Внутри: — input fields — button — close button — active states 10. СТРУКТУРИРОВАНИЕ ПРОЕКТА Необходимо структурировать проект по отдельным страницам: 1. Research 2. Wireframe 3. UI Kit 4. Final Design 5. Prototype Также необходимо добавить комментарии и пояснения к важным частям проекта: — компоненты — сетка — интерактив — адаптив — логика сборки 11. РЕФЕРЕНСЫ Добавить отдельный блок/страницу с референсами: — UI references — motion references — stylistic references — layout references 12. ОБЩЕЕ ТРЕБОВАНИЕ К ПРОЕКТУ Проект должен выглядеть как полноценный UX/UI-продукт, подготовленный к передаче в разработку. Сейчас проект выглядит как набор отдельных экранов без системы и UX-проработки. Необходимо: — выстроить структуру — добавить подготовительный этап — создать UI Kit — внедрить компоненты — добавить интерактив — собрать всё в единый frame — показать логику работы сайта и взаимодействия пользователя КРИТИЧНО ИСПРАВИТЬ В ПЕРВУЮ ОЧЕРЕДЬ: 1. Собрать сайт в единый Frame 2. Сделать Wireframe 3. Создать UI Kit 4. Добавить базовые анимации 5. Использовать Components + Variants 6. Добавить popup и навигацию 7. Настроить prototype interactions Минимальный набор для профессионального уровня: — единая структура проекта — подготовительный этап — wireframe — UI Kit — components — variants — interactive prototype — hover states — popup — slider — anchor navigation — аккуратная dev-ready организация макета. Техническое задание есть.