Team
OwlWeb

Online store and picture designer Zellart

See the site

services

Development of E-Commerce website for modular paintings selling with the functionality of goods constructor (paintings) and multilingual platform.

Task:

To develop an online store with a multilingual platform. The main feature is the functionality of the admin panel and site in general. Create a convenient system for goods creation, forming a mock-up for printing according to size and painting pattern, minimizing the image weight on the website, user-friendly interface, focus on the product and its appearance in the interior, convenient filters products and catalogue.

Solution:

OwlTeam created an adaptive website based on the Laravel framework and developed a universal interior constructor, modular paintings constructor, pattern builder. Also, we automated product cards publication, set product cards characteristics. We created a new design and elaborated the speed and optimization.

Artstock project is individual development. It refers to E-Commerce and web services, as there are elements of both types.

The main essence of the project is to create goods (mock-ups for printing) on the basis of prepared graphics (patterns and interiors).

Product, one picture, is cut into N number of patterns (example: 10 patterns). Each pattern has minimum five sizes.

Next for each pattern is generated from 5 interiors.

Thus, at least 250 products can come out of one picture.

Development of site’s technical part

In new admin panel we developed:

  • pattern builder
  • interior constructor
  • modular paintings constructor
  • calculation of ratio of the image size in px and cm
  • the output function for calculating the size of the modular panels pictures
  • Tools for order management.

Pattern builder allows you to create patterns with multiple ratio and size, different shapes, figures. From patterns create subsidiary patterns, which allows to structure patterns, for example, by proportions.

The interior constructor allows creating interiors for paintings demonstration, for different forms of patterns of each size, taking into account the approximate size of the room. So buyer will exactly know how picture with certain size will look like in a specified room.

One interior can be used to display different patterns.

Once the interiors are created in the range for all patterns, they are automatically generated with the goods according to the appropriate pattern and size.

After collecting all patterns and interiors to them, admin has only to download the goods, choose the appropriate patterns for them, which will automatically generate with the interiors. This how goods constructor works.

Development site’s front part

OwlTeam has developed a unique design, focusing on nearest competitors and unique functionality of painting constructor. Rich and flexible home page.

We provided 8 types of blocks to fill the homepage with content. Blocks can be added in unlimited quantities, set a sort order for each or temporary hide it from the front of website or delete the block completely.

This constructor consists of the following types of blocks:

  • tile
  • slider with square points
  • circle
  • slider with round points
  • text block with image: the position of the text in relation to image changes-right, left or above image;
  • block with goods
  • preferences block, with clear essence and icons.

Each of these blocks has a button which will redirect user to any page (in the admin panel sets a link). Each blocks item have slider, tile. Regular block with round items is also a link (which is set in the admin).


An original and flexible menu that contains block with images of categories. In the admin panel, admin can specify categories of levels 1-3, as well as select categories with images.

An updated catalog of goods, which includes the categories of the first and second level. The page of each category of second and third level is decorated with a thematic banner.

Updated product card interface.

When the user enters the product card he sees various pictures with various forms and sizes.

Picture constructor for users

A similar painting for sale constructor we developed for users. Thus, the buyer uploads his photo and gains the access to all panels shapes and their sizes for paintings for sale. User has a possibility to see how his work will look in the interior.

The constructor for users is developed for desktop and mobile versions separately.

See our other projects