React + TypeScript
Интерактивный интерфейс и типизированная логика сайта сервиса.
Кейс · корпоративный сайт и электронная коммерция
MV PNEU
Сайт сервиса и связанный интернет-магазин.
Шиномонтаж, сход-развал, продажа дисков и шин и сопутствующие услуги в Праге.
Краткий обзор
Проект вкратце
- Тип проекта
- Business Website + e-commerce
- Что я создал
- Презентация сервисакаталогкабинеткорзина
- Моя роль
- Структурадизайнреализация
- Статус
- Действующий проект
- Состав системы
- Сайт сервисасвязанный интернет-магазин
Главная идея
Сервис и покупка начинаются по-разному
Публичный интерфейс должен поддерживать и быструю запись в сервис, и вдумчивый выбор товара.
Задачи
Главные задачи
- 01
Быстрая ориентация в услугах
Понятно показать услуги, цены и проверенный путь к контакту.
- 02
Выбор товара
Сохранить понятность каталога и фильтров при широком ассортименте.
- 03
Точная атрибуция
Отделить собственный дизайн и адаптацию от функций торговой платформы.
Логика выбора
Две точки входа.Две логикирешения.
- 01
Потребность
У меня есть конкретная проблема или задача.
- 02
Ориентация
Мне нужно быстро найти подходящую услугу.
- 03
Контакт
Мне нужно сделать следующий шаг.
- 01
Выбор
Я ищу подходящий товар.
- 02
Фильтрация
Я сужаю выбор по параметрам.
- 03
Сравнение
Я сравниваю варианты.
- 04
Покупка
Я перехожу к оформлению заказа.
Один бренд. Разный процесс выбора.
Моя роль
Что я спроектировал и реализовал
Структура, дизайн и реализация сайта сервиса и связанного интернет-магазина.
Сайт сервиса
- Информационная структура и навигация
- Визуальная и адаптивная реализация
- Контакты и запись
- Языковые версии
Интернет-магазин
- Визуальная адаптация Shoptet
- Категории, поиск и фильтры
- Вход, корзина и платежи
- Операционные документы, адаптированные из шаблонов
Технический слой
Технологии
Vite
Сборки сайта для разработки и продакшена.
Tailwind CSS
Адаптивная визуальная система сервисной части.
Motion
Деликатные анимации и переходы интерфейса.
Lucide React
Единый набор иконок на сайте сервиса.
Shoptet
Платформа товарной части и процесса покупки.
Playwright
Браузерные проверки ключевых взаимодействий.
Часть функций магазина предоставляет выбранная платформа электронной коммерции; кейс не выдаёт их за индивидуальную разработку.
Итоговый результат
Две разные пользовательские потребности. Единое цифровое присутствие.
Нужно связать услуги с онлайн-продажами?
Расскажите, с чего начинается путь клиента и чем он должен завершиться: контактом, записью или покупкой.