Cases / Розробка сайтів

Case study of chai-puer.com site development

Food and beverages

  • Project typeWebsite development
Case study of chai-puer.com site development
Website development

About the project

Information about the customer: chai-puer.com
Location: Brovary, Ukraine
Direction: Online store of elite tea and teaware with B2B functionality

Puer is a shop for tea connoisseurs, offering pu-erh, Chinese and other premium teas, teaware, gift sets and related products. The company works with retail buyers, wholesale customers, dropshipping partners and HoReCa establishments.

For Puer, we developed an online store on OpenCart, which combines retail sales and work with business clients. The key part of the project is B2B functionality with different prices for different buyers, personal accounts, partner prices and administrator access. We also implemented the connection of the site with the accounting system 1C.

01

Task

Create a single platform for online sales and work with partners, taking into account different conditions of cooperation and a wide range of products.

The main goals of the project:

  • Develop a modern online store with convenient navigation and a clear catalog structure.

  • Convey the atmosphere of tea culture and emphasize the expertise of the brand.

  • Implement the full path of online shopping — from product selection and packaging to ordering and payment.

  • Set up different prices for different buyers.

  • Create personal accounts of partners with access to relevant prices.

  • Provide provision of B2B access by the administrator.

  • Implement integration with 1C.

  • Create pages to attract wholesale customers, dropshipping partners and HoReCa establishments.

  • Prepare a framework for content development, SEO and product expansion.

02

Store platform and management

Online store implemented on OpenCart. Based on the platform, we have combined a product catalog, online ordering, personal accounts and B2B functionality.

The administrative part allows you to manage products, categories, characteristics, prices, orders and promotions. Management of partners' access is provided separately: the administrator provides the buyer with access to B2B opportunities and corresponding price conditions.

This structure allows the company to serve retail and business customers within the same store.

03

B2B functionality: offices, prices and access

Working with partners has become one of the key areas of development. Business clients have their own offices and access to prices in accordance with the specified terms of cooperation.

Different prices for different buyers

The store has different prices for different customers. An authorized partner sees the prices available to him, which allows him to take into account the terms of cooperation with a specific buyer.

Personal accounts of partners

Each partner gets his own account with access to his prices. This creates a separate workspace for interacting with the store and viewing available quotes.

Granting access by the administrator

Access to partner functionality is granted by an administrator. The company monitors the connection of B2B customers and determines what prices and prices are available to them.

As a result, the site supports various collaboration formats and allows you to manage them through a common administrative system.

04

Integration with 1C

Implemented within the project connection of OpenCart with the 1C accounting system.

The integration connected the online store with the company's internal accounting system. This is an important component of the project, which simultaneously covers retail sales, partner offices and different price conditions for buyers.

05

Design and UX/UI

The visual concept is built around the atmosphere of tea culture: natural shades, large thematic images and expressive presentation of products convey the character of the brand.

Particular attention is paid to the directory. Products are distributed according to the main directions: puerh, tea, tableware, novelties, tea gifts and tea wellness. Within the categories, there is detail, from pu-erh and oolong varieties to brewing, storage and tea ceremony ware.

Separate direction "Tea wellness" helps to navigate the assortment by thematic selections: for invigoration, relaxation, evening tea or without caffeine.

The main page presents store benefits, popular categories, best sellers, answers to frequently asked questions, and links to collaboration areas.

06

Online store functionality

For the daily operation of the store and convenient selection of products, the following has been implemented:

  • Directory with multi-level category structure.

  • Search for products on the site.

  • Product cards with photos, features, descriptions and prices.

  • Choice of packaging and product quantity.

  • Shopping cart and online checkout.

  • Featured product lists and comparisons.

  • Authorization and personal accounts of buyers.

  • Reviews with the option to leave your own.

  • Promotional offers, novelties and gift certificates.

  • Information about payment, delivery and guarantees.

The product card contains information necessary for selection: availability, characteristics, taste, aroma, description, packaging options and reviews.

Connected for online payment WayForPay. Delivery of orders in Ukraine is carried out through New mail.

07

Attracting new B2B partners

In addition to the offices and personal prices, separate landing pages have been developed for the three areas of cooperation. They introduce potential partners to the terms and conditions and help them submit a connection request.

Bulk sales

The page for wholesale customers presents benefits, terms of cooperation and stages of work. Through the application form, the potential partner can leave contact details to discuss terms with the manager.

Dropshipping

A section has been created for partners who work without their own staff "Drop". It explains the scheme of cooperation — from the transfer of the order to the shipment of the goods from the warehouse to the final buyer — and contains a form for connecting a new partner.

HoReCa

A separate page is aimed at restaurants, coffee shops, hotels and other establishments. It presents tea, professional tableware, opportunities for regular deliveries, creation of a tea card, branded tableware and products for Private Label.

08

Content and SEO

Sections are provided for the development of the information direction "Blog" and "News".

The structure of categories and thematic landing pages creates a basis for the promotion of individual product groups and areas of cooperation for targeted search queries.

Also implemented pages About Us, "Payment and Shipping", FAQ, "Feedback", "Promotions" and "Contacts". They help customers familiarize themselves with the store and find answers to questions before ordering.

09

Mobile adaptation

The site is adapted for smartphones, tablets and computers.

Catalog, product cards, cart, forms and navigation are adapted to mobile screens. The buyer can choose products and place an order from a smartphone.

10

Result

For Puer, we developed an online store that combines retail sales and work with B2B partners.

The project implemented:

  • Online store on OpenCart with a structured catalog and a complete online shopping cycle.

  • B2B functionality with different prices for different buyers.

  • Personal accounts of partners with access to relevant prices.

  • Provision of access and management of price conditions through the administrative part.

  • Integration with the 1C accounting system.

  • Online payment via WayForPay.

  • Landing pages for band, dropshipping and HoReCa.

  • Information sections for content development and SEO.

  • Responsive interface for mobile devices.

Puer got a single platform to work with retail customers and business customers. Partners use their own offices and prices, the company controls access and price conditions, and the online store is connected to the internal accounting system of 1C.

Let's start with the conversation

You have an idea.
We have the solution.

A few words about the business and the task. Let's discuss what next step would be useful.

01 / Introduction

Tell us about your project

01 / Introduction

Tell us about your project