Top Rank Boxing
Запрос
После успеха с приложением Boxing Showtimes, топовое промоушн-агентство Top Rank через ребят из itprobe (Сиэттл, США) обратилось ко мне с просьбой сделать полный редизайн текущего сайта и интернет-магазина бокс-мерча.
Что я сделал
- Разработал дизайн-систему и UI-kit
- Подготовил в Figma мокапы с дизайн-токенами, готовыми к связке с React-приложением
- Подготовил переиспользуемые компоненты в Figma
- Сверстал все страницы и экраны, включая мобильную и планшетную адаптивные версии
- Задизайнил тему для интернет-магазина мерча Shopify
- Реализовал поддержку светлой и тёмной темы
- Спроектировал пользовательские сценарии для событий, бойцов и новостей
Главная страница
Главная страница представляет ключевую информацию о предстоящих боях, топовых бойцах и последних новостях. Реализована поддержка светлой и тёмной темы.
События
Раздел Events включает несколько представлений: список событий, календарь и детальную страницу отдельного события с информацией о бойцах и расписанием поединков.
Бойцы
Раздел Fighters содержит каталог бойцов с фильтрацией по весовым категориям и детальные профили с статистикой, историей боёв и биографией.
Новости
Раздел News представляет последние новости из мира бокса с удобной навигацией и фильтрацией по категориям.
О компании
Раздел About включает информацию о компании, её истории, руководстве и основателе — легендарном Бобе Аруме.
Результаты
- Полностью переработанный сайт с современным дизайном
- Готовая дизайн-система с токенами, синхронизированными между Figma и кодом
- Переиспользуемые компоненты на базе React
- Поддержка светлой и тёмной темы
- Адаптивная вёрстка для десктопа, планшетов и мобильных устройств
- Кастомная тема для интернет-магазина на Shopify
