Суть проекта:
Нужно обновить дизайн нескольких ключевых элементов на действующем сайте (Тематика: некоммерческое сообщество взаимопомощи). Мы НЕ перерисовываем сайт целиком. Задача спроектировать несколько критически важных блоков, сделав жесткий упор на удобство со смартфонов (это 70% нашего трафика).
Что конкретно нужно отрисовать (Объем работы в Figma):
Первый экран Главной страницы + Шапка сайта (Десктоп 1920px + Мобильный 360px):
Компьютер: Меню в одну строчку (редкие разделы прячем в выпадающий список). По центру экрана крупный заголовок, под ним большая кнопка «Я здесь впервые / Новичку», чуть ниже в ряд две кнопки поменьше («Онлайн-группы» и «Живые встречи»).
Мобильный: Всё меню скрывается в аккуратный «гамбургер» справа сверху (клик-зона 48x48px), при тапе открывается шторка на весь экран. На первом экране текст с выравниванием по левому краю и вертикальный стек из трех крупных кнопок на всю ширину экрана (верхняя кнопка «Я впервые», выделена цветом).
Карточки и фильтр Расписания очных групп (Десктоп + Мобильный):
Сверху страницы аккуратное поле поиска города, выпадающий список и строчка с алфавитом (А | Б | В...) для быстрого перехода.
Вместо старых таблиц нужно нарисовать независимую карточку группы (блок на мягкой подложке). Внутри карточки: Время начала (крупно и жирно, например: 19:00 МСК), дни недели (в виде маленьких тегов), адрес группы (как подчеркнутая ссылка) и кнопка с иконкой телефона (крупная, под палец).
Онлайн-расписание и защита анонимности (Десктоп + Мобильный):
Иконки платформ: Для карточек онлайн-групп нужны аккуратные монохромные или приглушенные значки Zoom, Telegram, Skype, Viber (размер 24x24px), без кричащих фирменных цветов.
Мобильный: Карточка онлайн-группы при нажатии плавно раскрывается вниз (аккордеон). Внутри 3 строчки текста-напоминания и крупная кнопка входа.
Компьютер: При клике на кнопку входа открывается аккуратное всплывающее (модальное) окно по центру экрана с текстом правил и финальной кнопкой перехода.
Жесткие требования к дизайну (UX-этика):
Полный отказ от маркетингового прессинга: никаких поп-апов, таймеров обратного отсчета, агрессивных кнопок «Запишись прямо сейчас!». Стиль должен быть «тихим», чистым и безопасным.
Строго запрещено использовать картинки весов, сантиметровых лент, силуэтов тел, еды или больнично-медицинской атрибутики (кресты, таблетки, врачи).
Эргономика под смартфоны: минимальный размер любой зоны нажатия пальцем 44x44px (для главных кнопок 48x48px). Расстояние между интерактивными элементами не менее 16px.
Что отдаем на старте: Ссылку на текущий сайт и тексты.
Формат сдачи: Аккуратный макет в Figma, оформленный по сетке. Наличие UI Kit (цвета, шрифты, состояния кнопок: обычная/наведение/клик).
Указывайте, пожалуйста, ваши реальные сроки и стоимость за этот объем работ. Шаблонные отклики без указания цены за весь проект не рассматриваются.
Опубликован 14.07.2026 в 07:58 Последнее изменение: 14.07.2026 в 07:58
Заказ находится в архиве