Product choices that depend on each other
A monument is a set of related parts: the stele, pedestal, flower bed or covering slab, and polishing finish. I implemented compatibility rules and calculated pricing. The interface updates related dimensions together: in the current public version, selecting a 100 cm stele instead of 80 cm also changes its width from 40 to 45 cm.
The data and tools behind the configurator
I created the database tables, dependencies and relationships underlying the configurator, together with configuration forms for administrators and managers. This internal part let staff configure the data behind the customer-facing experience. My work covered both the public interface and the structure and tools needed to manage it.
A rotatable preview from a sequence of images
I wrote the rotation carousel entirely from scratch. It creates a pseudo-3D view by moving through a sequence of monument images captured from different angles, allowing customers to rotate the preview and inspect the shape of the configured monument.
From configuration to decoration
The workflow separates configuration, decoration and the result. The selected set carries into the visual editor, where customers can choose the surface to decorate and work with a portrait, names, memorial dates, an epitaph and decorative images. This connects physical product options with the composition of a personal design.
A canvas for a personal sketch
I worked with Canvas to render the monument together with inscriptions, icons and symbols, building the visual editing experience in AngularJS 1.x. The editor combines portrait upload, name blocks, lettering styles, memorial dates, epitaphs and decorative images. Text becomes an editable object on the monument, so customers can compose the design directly on the preview.
An estimate with a human handoff
The interface presents the configured price as an estimate and explains that a manager confirms the final cost. The decoration step leads to saving the sketch and requesting a preliminary calculation, bringing product selection and personalization together before the sales handoff.
My role and the live reference
I developed the configurator in AngularJS 1.x during my time at Danila-master in 2014–2015. Alongside it, I maintained the OpenCart store and built a Yii manager portal, later leading three developers. The screenshots show the public website as inspected in October 2026, which may include subsequent changes.