01
Каталог продуктов
Структура категорий и товаров, которую можно расширять без пересборки всей логики.
О проекте
Рабочий e-commerce без тяжёлой разработки
Isralend — онлайн-маркет продуктов питания. Сайт сделан для удобного выбора товаров, оформления заказа и передачи заявки без сложной CRM: пользователь проходит от каталога до корзины, а заказ автоматически уходит в Telegram и на email.
Проект собран как практичный e-commerce-инструмент с упором на скорость запуска, понятную структуру и дальнейшее масштабирование ассортимента.
Интерфейс
Каталог, карточки и оформление заказа
Основной экран показывает продуктовую структуру сайта: категории, карточки товаров, корзину и сценарий оформления заказа в одном понятном пользовательском потоке.
Реализация
Что было реализовано
02
Карточки товаров
Понятная подача товара: название, визуал, цена и быстрый путь к добавлению в корзину.
03
Корзина
Сценарий проверки заказа перед отправкой, без лишних шагов и сложной регистрации.
04
Оформление заказа
Форма собирает данные пользователя и помогает превратить выбор товаров в готовую заявку.
05
Telegram и email
Заказ автоматически отправляется в Telegram и дублируется на email для обработки.
06
Три языка
Мультиязычная логика помогает адаптировать интерфейс под разные пользовательские сценарии.
07
Адаптивная вёрстка
Сайт работает как витрина и инструмент заказа на мобильных и desktop-экранах.
08
Расширяемость
Структура рассчитана на добавление новых товаров, категорий и рабочих сценариев.
09
Быстрый запуск
Задача проекта — получить функциональный e-commerce-инструмент без длинного цикла разработки.
Mindmap
Логика проекта
Вместо набора отдельных экранов проект держится на связке каталога, пользовательского сценария, коммуникаций и мультиязычности.
Isralend
Онлайн-маркет, где продуктовая витрина сразу связана с корзиной, заявкой и каналами обработки заказа.
Каталог
- категории
- карточки товаров
- описания
- цены
Пользовательский сценарий
- выбор товара
- добавление в корзину
- проверка заказа
- отправка заявки
Коммуникации
- Telegram
- уведомление о заказе
Мультиязычность
- 3 языка
- локализованные интерфейсы
- понятная навигация
Vibe coding
- быстрый прототип
- рабочая логика
- итерационное улучшение
Vibe coding
Быстрые итерации до рабочего сайта
Проект был собран в формате vibe coding: от идеи и структуры каталога до рабочей логики корзины, мультиязычности и отправки заказов. Такой подход позволил быстро получить не просто макет, а функциональный сайт, готовый к проверке на реальных пользователях.