Ramensky e-commerce

JSC «Ramensky bread products plant» is one of the largest grain processing enterprises of the Moscow region. The main goal of the site is to serve as an image component of the company with the function of an online store.

The website design presents the company, informs about new products, vacancies and internships. With the help of easily customizable banners, it advertises and leads to the purchase of manufactured goods. The functionality is designed for both legal entities and individuals.

Home page

It consists of components — a set of blocks that are used in the construction of pages. The page changes based on the company’s current needs. Basically, it is informing about news, products, and vacancies with a brief description of the company.

Catalog

The page includes a block with banners, a control block with sorting and navigation by category, a grid of products, pagination by pages.

First, the user adds the product to the cart, then specifies the required quantity

Product page

By clicking on a product in the catalog, the user goes to a page with detailed content

Calculator of goods

The site provides a convenient calculator for calculating compound feed. In the first step, we choose the animal that needs to be fattened

In step 4, we are offered the goods in the required quantity, broken down by month. With one click we can add it to the cart.

Shopping cart

A list of previously added products in the form of a table with columns: image, product name, characteristics, price per piece, quantity, final price

When clicking on the «Go to checkout» button, the user gets to the checkout page, where they enter the necessary data and select the delivery method.

Personal account

The page for managing personal data, delivery data, and viewing orders. A personal account is provided for both legal entities and individuals

Mobile version

Thanks to the block structure, the design quickly adapts to mobile phone screens while maintaining its functionality and aesthetics.

The component approach allows you to quickly and flexibly create and modernize pages. Ready-made UI components help the website design system to scale.

In the design of the concept, we embodied the main idea — this is the company’s image website with the function of an online store. It turned out to be easy to understand and informative. Balanced graphics and content complement each other depending on the sections of the site. The functionality is provided for both legal entities and individuals, shopping cart and personal account are made simple, but without compromising functionality.

p.motion 2022

Sergey Shilov — digital director

Denis Levchenko — creative director, designer

Lilia Idilia — web designer

Semyon Levchenko — motion designer

Alexey Glushkov — project manager