14 сайтов в портфолио: как устроены разные сценарии пользователя
За последние проекты я собрал сайты услуг, каталоги, B2B-продукты и редакционные интерфейсы. Формат меняется, но отправная точка одна: какое решение посетитель должен принять и что ему для этого нужно увидеть.
В этом разборе — 14 работ из моего портфолио. Показываю структуру и проверяемые элементы интерфейса. Показатели продаж и конверсии не приписываю: таких данных в публичных материалах нет.
Сайты услуг: сначала ответить на вопросы
Для «Рецепта ремонта» я связал интерьерную галерею с пятью направлениями услуг, семью этапами и входом в расчёт. Посетитель может оценить качество работ, а затем разобраться с процессом. Сохранённые экраны доступны в портфолио; домен проекта сейчас показывает страницу приостановленного хостинга.
У «Мови» другой характер: атмосфера общественной бани соседствует с расписанием, программами, ценами и бронированием. В «ГавГуляй» на первый план выходят доверие и предсказуемость услуги: тарифы, форматы ухода, статусы и фотоотчёт. Для «Инсайта» вход устроен по типу объекта — квартира, бизнес или большая площадка.
Вывод: красивый первый экран помогает привлечь внимание, но обращение начинается там, где человек понял состав услуги, цену, процесс и следующий шаг.
Каталоги: разные способы сравнения
В «Цветторге» работают два пути: выбрать букет через категории и карточки или обратиться к флористу с поводом и бюджетом. Корзина, доставка и оплата выделены в явные сценарии. В KukmarAgro структура строится вокруг задач фермы, характеристик оборудования и перехода к расчёту. Один формат «каталога» требует эмоции и быстрого заказа, другой — спецификаций и объяснения применения.
«Руми» ближе к сервису: поиск апартаментов начинается с района, дат и числа гостей, затем ведёт к карточкам и карте. Проект показываю как интерфейсный прототип; реальные бронирования не заявляю.
Сложные услуги: убрать лишний жаргон
Для NPD Group девелоперская экспертиза разложена на направления и понятный путь обращения. На сайте Techhome AI Studio AI-видеопроизводство объяснено через примеры, форматы и пакеты. «Нейропорт» соединяет направления ИИ-разработки с демонстрацией и формой расчёта. Quantum Lab собирает сайты, рекламу, CRM и аналитику в последовательность этапов.
«Южные Ворота» — отдельная задача навигации: разные аудитории ищут категории товаров, дорогу, парковку, аренду и контакты. Там архитектура важнее длинного продающего текста.
Визуальные и редакционные проекты
The Boys Guide — фанатский лонгрид с оглавлением и 11 разделами. Affliction Russia — готовый B2B-портал с каталогом коллекций и партнёрским сценарием. На странице проекта показаны 21 внутренний маршрут и четыре линии каталога.
Как я начинаю работу над структурой
Прежде чем рисовать блоки, отвечаю на три вопроса:
- Кто приходит на сайт и что уже знает?
- Какое решение человек должен принять здесь?
- Каких сведений ему не хватает для этого решения?
Ответы помогают понять, нужен ли короткий лендинг, каталог с фильтрами или сервисный интерфейс. Моя роль в этих проектах — структура, UX/UI, адаптивный frontend и публикация. Все экраны и подробности работ собраны в портфолио bambo0e sites.