01
Product catalog
A structure of categories and products that can be expanded without rebuilding all the logic.
About the project
Working e-commerce without heavy development
Isralend is an online grocery store. The site is made for convenient selection of products, placing an order and placing an order without a complex CRM: the user goes from the catalog to the cart, and the order is automatically sent to Telegram and email.
The project was assembled as a practical e-commerce tool with an emphasis on launch speed, clear structure and further scaling of the assortment.
Interface
Catalog, cards and ordering
The main screen shows the product structure of the site: categories, product cards, cart and ordering script in one clear user flow.
Implementation
What was implemented
02
Product cards
A clear presentation of the product: name, visual, price and a quick way to add to cart.
03
Basket
A script for checking an order before shipping, without unnecessary steps and complicated registration.
04
Placing an order
The form collects user data and helps turn product selection into a completed order.
05
Telegram and email
The order is automatically sent to Telegram and also sent by email for processing.
06
Three languages
Multilingual logic helps adapt the interface to different user needs.
07
Responsive layout
The site works as a showcase and ordering tool on mobile and desktop screens.
08
Extensibility
The structure is designed for adding new products, categories and work scenarios.
09
Quick start
The goal of the project is to obtain a functional e-commerce tool without a long development cycle.
Mindmap
Project logic
Instead of a set of separate screens, the project is based on a combination of a catalog, a user flow, communications and multilingualism.
Isralend
An online store where the product display is immediately linked to the cart, checkout and order-processing channels.
Catalog
- categories
- product cards
- descriptions
- prices
Customer journey
- product selection
- add to cart
- review order
- submit order
Communications
- Telegram
- order notification
Multilingual
- 3 languages
- localized interfaces
- clear navigation
Vibe coding
- rapid prototype
- functional logic
- iterative improvement
Vibe coding
Fast iterations to a working site
The project was assembled in vibe coding format: from the idea and structure of the catalog to the functional logic of the shopping cart, multilingualism and sending orders. This approach made it possible to quickly get not merely a mockup, but a functional website, ready to be tested with real users.