Все проекты
UI/UX Design · 2025

RTXPrice

Сервис подбора и сравнения цен на видеокарты по магазинам: заказная работа над дизайном и логотипом, вёрстку делает другая команда.

UI/UX DesignBrandingClient Work
Перейти на сайт
RTXPrice
01

Проблема

Заказчику нужен был сервис, где можно быстро найти видеокарту и сравнить её цену в разных магазинах — без необходимости открывать десяток вкладок и вручную сверять характеристики. Ниша прайс-агрегаторов для видеокарт уже занята, но существующие решения было неудобно использовать даже тем, кто хорошо разбирается в железе.

02

Ресёрч

Разобрал несколько крупных агрегаторов (r-catalog, DNS и похожие каталоги электроники) — у всех похожая проблема: перегруженные карточки товара с десятками второстепенных блоков (графики цен, рейтинги, похожие товары, отзывы вперемешку с характеристиками), из-за чего глазу не за что зацепиться в первую секунду. Сложная визуальная иерархия заставляет читать страницу целиком вместо того, чтобы сразу увидеть главное — сколько это стоит и где купить дешевле.

03

Гипотеза

Если поставить в фокус две вещи — чёткую таблицу сравнения цен по магазинам и понятные фильтры по техническим характеристикам — пользователь решает свою задачу за один экран, без прокрутки в поисках нужного блока. Всё второстепенное (отзывы, похожие товары, подробные характеристики) может быть, но не должно спорить за внимание с главным вопросом «где дешевле».

04

Дизайн

Логотип обыгрывает фирменный стиль NVIDIA GeForce RTX — тот же скошенный двухцветный блок (зелёный + чёрный), но переработанный под собственное название «RTXPrice»: лаконичное решение, которое сразу считывается как «про видеокарты» и опирается на уже узнаваемый визуальный код, не копируя его один в один. В интерфейсе таблица сравнения цен вынесена на первый план и в каталоге, и на карточке товара — с сортировкой по цене, наличию и магазину. Фильтры в каталоге сгруппированы по техническим параметрам (производитель, память, шина, разъёмы) со сворачиваемыми блоками, чтобы длинный список не подавлял. На карточке товара сделал два варианта компоновки — с таблицей цен сразу под галереей или после описания — чтобы протестировать, какой вариант конвертирует лучше.

Мобильная версия

Та же логика на маленьком экране

RTXPrice — экран 1RTXPrice — экран 2RTXPrice — экран 3
Ресёрч конкурентов

Что мешало пользоваться прайс-агрегаторами

RTXPrice — этап 1
Что внутри

Ключевые механики

Логотип на языке NVIDIA RTX

Скошенный двухцветный блок в духе фирменного стиля GeForce RTX, адаптированный под название RTXPrice — узнаваемо для аудитории геймеров и энтузиастов железа.

Таблица сравнения цен в фокусе

Цена, наличие и магазин — главный элемент и в каталоге, и на карточке товара, с сортировкой и явным CTA «Купить» на каждой строке.

Сворачиваемые фильтры по характеристикам

Производитель, бренд, интерфейс, тип и объём памяти, шина — сгруппированы по категориям вместо длинного плоского списка чекбоксов.

Мобильная версия с той же логикой

Каталог, фильтры и карточка товара адаптированы под мобильный экран без потери главного — сравнения цен по магазинам.

Интерфейс

Скриншоты

RTXPrice — скриншот 1
RTXPrice — скриншот 2
Следующий проект

Mostik