The making of the Rybinskkabel website

Deciding to make a large catalogue of cables organized by type. Collecting first ideas.

Studying how cables are numbered and categorized.

Setting off to design a catalogue. Developing a product classification system and a scenario for ordering cable by length.

Working on the design concept. Incorporating the flag from the logo into the page layout.

Laying out the main page for unauthorized users.

Working on the main page for authorized users. Adding a panel with information about the status of previous orders and a form for new orders.

Laying out pages for each cable type and each product. Listing cable sizes.

Showing the design to the client. He likes it in general, but together we come to a decision to get rid of the tree-like structure of the catalogue. This approach is really outdated. The user knows the name of the cable he needs anyway. So we decide to center the catalogue navigation around the autofill search box.

Working on the main page.

Transforming a catalogue into a lending page.

Designing a flypage with the information about one cable type.

Figuring out how to organize the buying process. Customers either collect the cable from the warehouse indicating the reels they need, or make a manufacturing order.

Developing user scenarios for buying cable and processing orders.

If a customer buys cable from the warehouse, the order goes to the manager, who confirms it, and the system issues a bill that the customer later pays. If a customer places a manufacturing order, the manager examines it and coordinates the details with the customer. The customer pays the bill and the manager puts it into the system.

Developing a principle for calculating the approximate delivery cost.

Laying out the rest of the pages.