• Websites
  • The making of the Rybinskkabel website

    Overview   Process  

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

    rkz process 01

    Studying how cables are numbered and categorized.

    rkz process 02

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

    rkz process 03

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

    rkz process 04

    Laying out the main page for unauthorized users.

    rkz process 05

    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.

    rkz process 06

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

    rkz process 07

    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.

    rkz process 08

    Working on the main page.

    Transforming a catalogue into a lending page.

    rkz process 10

    Designing a flypage with the information about one cable type.

    rkz process 11

    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.

    rkz process 12

    Developing user scenarios for buying cable and processing orders.

    rkz process 13

    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.

    rkz process 14

    Laying out the rest of the pages.

    rkz process 15

    Order a design...