Multi-Page Portfolio

Валерий Сабрам

Technical Product Manager / Digital Lead

Я отвечаю за цифровые продукты от идеи до серверов. 12 лет работал в коммерческой фотографии и управлял B2B-продажами в «Нестле» и ЭТМ — поэтому умею делать красиво и понимаю, как это приносит деньги. Сейчас проектирую интерфейсы, настраиваю отказоустойчивую архитектуру и пишу код с помощью нейросетей, чтобы запускать проекты быстрее целой команды.

Портрет Валерия Сабрама
Преимущества

Дизайн, исследования и техническая реализация в одной системе.

01

Бизнес-подход

Руководил B2B-продажами в «Нестле» и ЭТМ. Понимаю, что продукт должен приносить прибыль и работать без сбоев, а не просто красиво выглядеть в Фигме.

02

Визуальная база

12 лет снимал коммерческую фотографию. Знаю, как управлять вниманием пользователя с помощью света, композиции и типографики.

03

Нейросети в продакшене

Не пишу рутинный код руками. Делегирую сборку компонентов и настройку CI/CD ИИ-агентам, чтобы сфокусироваться на архитектуре и логике.

04

Отказоустойчивость

Проектирую архитектуру так, чтобы сайт работал даже при падении серверов. Настраиваю балансировщики, резервные узлы и мониторинг логов.

05

Опора на исследования

До дизайна иду к пользователям. Провожу глубинные интервью, тестирую гипотезы и собираю продукт под реальные задачи аудитории.

06

Независимость технологий

Выбираю инструменты, которые можно развернуть на своих серверах (например, Strapi). Бизнес не должен зависеть от сторонних платных сервисов.

Кейсы

Избранные кейсы и архитектурные разборы

Первый экран кейса MalovMeta.art: перенос и оптимизация

Онлайн-музей. Инфраструктура, деплой и развитие

MalovMeta.art: перенос и оптимизация

Перенес проект от подрядчика в in-house, развернул собственную инфраструктуру, переоптимизировал и полностью пересобрал проект.

High Availability
Unreal Engine
DevOps
Первый экран кейса Beatrix: запуск e-commerce

E-commerce / Рисерч, дизайн, верстка и деплой

Beatrix: запуск e-commerce

Собрал интернет-магазин с нуля. Изучил рынок, потребителя и конкурентов, подобрал ассортимент, сделал дизайн и воплотил его на Next.js/Strapi.

Next.js
Strapi
CustDev
Первый экран кейса Лендинг психолога

Лендинг / Рисерч, дизайн, верстка и деплой

Лендинг психолога

Спроектировал страницу на основе кастдева. Провел интервью с аудиторией, вытащил реальные боли, сделал дизайн и сверстал на Next.js.

CustDev
Landing
Infostyle
Первый экран кейса Bis-Audit.ru: верстка, поддержка и развитие

Корпоративный сайт / Верстка, деплой и поддержка

Bis-Audit.ru: верстка, поддержка и развитие

Перенес дизайн на WordPress через Oxygen Builder, задеплоил на хостинг, настроил SSL, занимаюсь тех.поддержкой и дописываю страницы.

WordPress
Security
AI-Copywriting
Кейс
Кейс: Архитектура этого портфолио

Этот сайт — пример моего подхода. Я спроектировал интерфейс и собрал PWA-приложение на Next.js 15 с помощью ИИ-агентов. Скорость загрузки по Google PageSpeed — 98%.

Технический разбор системы
Next.js 15
React 19
Turbopack
Tailwind
shadcn/ui
Headless Strapi
AI

Контакты

Готов подключиться к продукту, где нужны исследования, интерфейс и техническая система.

hello@sabram.ru