Top-3 Digital ®
TOP3 Digital®
Диджитал агентство
+7 915 197 44 99
ceo@topthree.ru
12Кейсы
Услуги
О нас
Контакты
TOP3 Digital®
Диджитал агентство
+7 915 197 44 99
ceo@topthree.ru
Кейсы12
Услуги
О нас
Контакты
Меню
Главная
Компания
Портфолио
Контакты
Сайты
Приложения
Контекст
Брендинг
Seo
Smm
Serm
Услуги
Портфолио
Контакты
Меню

100Skills

UI/UX дизайн
SEO оптимизация
Иллюстрации
Мобильная разработка
Анимации
Разработка
100Skills

100Skills: каталог офлайн-курсов и репетиторов

TOP3.DIGITAL спроектировал сайт 100Skills как инструмент подбора офлайн-обучения, а не как лендинг «вдохновения». Клиенту был нужен каталог курсов и репетиторов с быстрым поиском, понятными фильтрами и картой. Маршрут короткий: нашел — выбрал — связался.

 

Мы усилили UX там, где обычно теряется конверсия. Поиск по каталогу идет через ajax, без перезагрузки. Фильтры и карта работают вместе. Авторизация совмещена с регистрацией в одном окне. Акции собраны в карусель, а не размазаны по страницам.

 

Визуальная система держит экспертный тон: неоморфизм, уникальная графика, массив иконок. Мобильный сценарий не урезает фильтры и карту. Итог — строгий цифровой каталог, в котором дизайн, верстка и логика продаж собраны вокруг одного действия: выбрать занятие.

Каталог, в котором не теряется заявка


100Skills нужен был не «сайт про образование», а рабочий отбор офлайн-курсов и репетиторов. Мы убрали лишние шаги и закрепили коммерческие блоки.

  • Вход без развилки. Одна форма на попапе закрывает и логин, и регистрацию — меньше отказов на старте.
  • Акции как отдельный контур. Карусель спецпредложений держит внимание и ведет в карточку, а не в баннерный шум.
  • Карта плюс фильтры. Пользователь сужает выдачу и сразу видит, где проходит занятие.
  • Единый визуальный код. Неоморфизм и 200+ иконок снимают ощущение сборного агрегатора.

Мобильный подбор курса без урезания смысла


Мы проектировали смартфон как основной канал первого касания. Каталог, карта, акции и совмещенная форма входа собраны в короткие экраны. Иконки держат разделы, интерфейс не упрощает карточку ради «мобильности». Результат: с телефона 100Skills работает как инструмент выбора офлайн-занятия, а не как урезанный список ссылок.

Один экран закрывает оба сценария — «уже есть аккаунт» и «нужно создать». Меньше шагов до заявки.
Слайдер предложений держит коммерческий акцент. Пользователь видит выгодные занятия, не листая весь каталог.
Умный отбор плюс карта убирают пустое листание. Пользователь выбирает офлайн-занятие рядом, а не в абстрактном списке.

Еще работы из портфолио

Коллекционер
SEO оптимизация
UI/UX дизайн
Иллюстрации
Мобильная разработка
Анимации
Разработка
Античный Дом
Античный Дом
UI/UX дизайн
SEO оптимизация
Иллюстрации
Мобильная разработка
Анимации
Разработка
ХронометрЪ
ХронометрЪ
Мобильная разработка
UI/UX дизайн
Анимации
SEO оптимизация
Иллюстрации
Разработка
Услуги ТОП3
Сайты
Приложения
Брендинг
Контекст
SEO продвижение
Smm
Serm
Маркетинг и аудит
Разработка Сервисов и Маркетплейсов
TOP3 DigitalTOP3 Digital
Диджитал агентство
Главная
Компания
Портфолио
Контакты
Сайты
Приложения
Контекст
Брендинг
Seo
Smm
Serm
Есть идеи?
Давайте обсудим!
2026
Политика данных пользователей
Top-3Digital
Smart digital production
Спасибо за заявку
С вами свяжется наш
менеджер в течении 5 минут