Services

Search

  • Разработка интернет-магазина под ключ
  • Разработка сайтов
  • Разработка леднигов
  • Разработка на битрикс24
  • Разработка на Вордпресс

Online Coffee and Tea Shop with Delivery

About the project

«Imperial Coffee» is an online shop specializing in coffee and vending machines. Its main customers are retail stores, cafes, restaurants, and coffee shops.

Previously, the company was present on the Prom.ua marketplace, but then it was decided to develop its online shop and transfer the entire catalog of goods. This was the task for the Webnauts team.

Design and navigation

The online shop is designed in calm pastel colors and minimalist style. Soft shadows around the interface elements add length and depth to the design. Concise labels, simple typography, no clutter — the site conveys a sense of simplicity and convenience.

To further engage users, small «easter egg» elements were implemented. For example, when hovering over the categories of goods, the mouse pointer turns into a floating tip with the word «Drag».

The catalog of goods and services has the form of a standard grid with offers and a filter unit on the left side. Despite their simplicity, the product cards contain all the necessary elements:

  • the product code, which you can conveniently tell the manager during the consultation;
  • the availability status to save time and avoid visiting pages with missing goods;
  • two basic functions that provide an overview of the product/service;
  • the «Add to Cart» button, which allows you to add all the goods you need to the cart without leaving the catalog.

On the product page, all information is presented as compactly as possible. The delivery, payment, and return conditions are hidden behind the corresponding tabs, so you only need a minimum of screen space. The same principle applies to the description of the product and its features.

This approach allowed us to achieve a combination of high information density and an esthetically pleasing presentation of the product.

Responsiveness

When designing, we always pay special attention to the mobile version. When adapting to small screens, the website should retain all its functionality while completely changing the flow of information.

The website of «Imperial Coffee» is fully responsive. It displays equally well on both compact smartphones and high-resolution tablets. We have simplified some elements of the interface and hidden some information, but the overall functionality and convenience are not affected.

Nova Poshta Integration

We have connected a module for the delivery of Internet purchases from Nova Poshta to the website. Thanks to this module, customers can choose the option of delivery by Nova Poshta and specify one of the convenient options: delivery to the post office, delivery locker or courier. In this case, all data about post offices and delivery lockers are automatically entered into a selection form.

Banner

The integration significantly simplifies the ordering process for both customers and managers who process orders. The latter can place express orders for Nova Poshta directly via the website’s management interface.

Import from Prom with a few clicks

At the time of creating their online shop, our client had an extensive product catalog on the Prom.ua marketplace. Manually transferring the content would have been very time-consuming, so we set up a simple import of the goods.

Prom’s built-in feature allows you to export all items as a CSV or YML file, after which we import that data into WordPress with a few clicks. During the transfer, all the components of the product are preserved: the structure of categories and subcategories, description and features, photos, prices, and availability.

Automatic translation into Ukrainian

In response to the «Language Law», from the beginning of 2021, all commercial websites are obliged to have Ukrainian localization. This version of the website should be loaded by default, and its volume and content should not be less than that of the Russian version.

Due to a large number of products and categories, it is extremely difficult to transfer this amount of information manually. Moreover, not only the descriptions but also the headings, metatags, and features have to be translated. In this context, we enabled automatic page translation using the Google Cloud Translation API.

The only exceptions were the user interface elements and main section titles, where we had to manually intervene to fix the machine translation errors.

Summary

The website we developed is simple and convenient for visitors: the products are easy to find in the catalog, all the information is as accessible as possible, and completing the order takes a minimum amount of time.

The administrators of the online shop are not forgotten either: thanks to integration with NP, registration of deliveries has become much easier, and quick import of goods from Prom.ua helps to keep both platforms up to date.

Order the development of an internet shop for tea, coffee, and vending machines.

Describe your idea and get the estimate for setting up a marketplace within hours!

Privacy Policy

    Array
(
    [0] => WP_Post Object
        (
            [ID] => 8627
            [post_author] => 10
            [post_date] => 2021-09-24 17:09:02
            [post_date_gmt] => 2021-09-24 14:09:02
            [post_content] => 
            [post_title] => Olena Kiselyova
            [post_excerpt] => 
            [post_status] => publish
            [comment_status] => closed
            [ping_status] => closed
            [post_password] => 
            [post_name] => elena-kiseleva
            [to_ping] => 
            [pinged] => 
            [post_modified] => 2022-11-02 11:13:16
            [post_modified_gmt] => 2022-11-02 08:13:16
            [post_content_filtered] => 
            [post_parent] => 0
            [guid] => https://wnauts.com/?post_type=team&p=8627
            [menu_order] => 0
            [post_type] => team
            [post_mime_type] => 
            [comment_count] => 0
            [filter] => raw
        )

    [1] => WP_Post Object
        (
            [ID] => 8357
            [post_author] => 10
            [post_date] => 2021-09-08 14:03:21
            [post_date_gmt] => 2021-09-08 11:03:21
            [post_content] => 
            [post_title] => Dmytro Berezovskyi
            [post_excerpt] => 
            [post_status] => publish
            [comment_status] => closed
            [ping_status] => closed
            [post_password] => 
            [post_name] => dmitrij-berezovskij
            [to_ping] => 
            [pinged] => 
            [post_modified] => 2022-11-02 11:23:02
            [post_modified_gmt] => 2022-11-02 08:23:02
            [post_content_filtered] => 
            [post_parent] => 0
            [guid] => https://wnauts.com/?post_type=team&p=8357
            [menu_order] => 0
            [post_type] => team
            [post_mime_type] => 
            [comment_count] => 0
            [filter] => raw
        )

    [2] => WP_Post Object
        (
            [ID] => 13465
            [post_author] => 10
            [post_date] => 2022-05-30 12:16:07
            [post_date_gmt] => 2022-05-30 09:16:07
            [post_content] => 
            [post_title] => Alona Kushnir
            [post_excerpt] => 
            [post_status] => publish
            [comment_status] => closed
            [ping_status] => closed
            [post_password] => 
            [post_name] => alona-kushnir
            [to_ping] => 
            [pinged] => 
            [post_modified] => 2022-11-02 11:11:37
            [post_modified_gmt] => 2022-11-02 08:11:37
            [post_content_filtered] => 
            [post_parent] => 0
            [guid] => https://wnauts.com/?post_type=team&p=13465
            [menu_order] => 0
            [post_type] => team
            [post_mime_type] => 
            [comment_count] => 0
            [filter] => raw
        )

    [3] => WP_Post Object
        (
            [ID] => 8354
            [post_author] => 10
            [post_date] => 2021-09-08 13:58:54
            [post_date_gmt] => 2021-09-08 10:58:54
            [post_content] => 
            [post_title] => Viacheslav Petrov
            [post_excerpt] => 
            [post_status] => publish
            [comment_status] => closed
            [ping_status] => closed
            [post_password] => 
            [post_name] => vyacheslav-petrov
            [to_ping] => 
            [pinged] => 
            [post_modified] => 2022-10-10 07:53:49
            [post_modified_gmt] => 2022-10-10 04:53:49
            [post_content_filtered] => 
            [post_parent] => 0
            [guid] => https://wnauts.com/?post_type=team&p=8354
            [menu_order] => 0
            [post_type] => team
            [post_mime_type] => 
            [comment_count] => 0
            [filter] => raw
        )

)

Worked on the case