All product pages were designed to be useful for the buyer. We created a detailed description with an infographics, photo gallery and a diagram for each product. Additionally, the store was provided with the product comparison engine which allowed users to add products to favorites, and simplified the purchase process to one click. We also added the possibility of buying products on the installment plan and signing up for a "test drive". In this way, we created not only an online store but also a modern and fully optimized e-commerce website that always cares about its customers.
As we were creating a website for the market leader, we had to demonstrate not only a special concern for quality, but also to prepare it for promotion, heavy loads, thousands of visitors and numerous e-commerce orders.
We used jQuery JavaScript Library to create slideshow and photo carousel.
360 View
For each product we implemented visualization including the possibility to rotate objects through a full 360.
Website concept, UX design, graphic design, product photography, frontend and backend programming.
 --%3E%3Csvg version='1.1' id='Слой_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 222 70' style='enable-background:new 0 0 222 70;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill-rule:evenodd;clip-rule:evenodd;fill:%23B41C1B;%7D .st1%7Bfill:%23FFFFFF;%7D%0A%3C/style%3E%3Ctitle%3Esmall-badge-2%3C/title%3E%3Cg%3E%3Cpath id='Rectangle' class='st0' d='M10,0h202c5.5,0,10,4.5,10,10v50c0,5.5-4.5,10-10,10H10C4.5,70,0,65.5,0,60V10 C0,4.5,4.5,0,10,0z'/%3E%3Cpath class='st1' d='M60.2,35.2h-2.9v-1.9l3-0.1l0.3-2.9h2.1v2.9h4.9v2h-4.9v4.4c0,0.7,0.1,1.4,0.5,2c0.5,0.4,1.2,0.7,1.9,0.6 c0.4,0,0.9,0,1.3-0.1s0.8-0.2,1.1-0.3l0.5,1.8c-0.5,0.2-1.1,0.3-1.6,0.4c-0.6,0.1-1.3,0.2-1.9,0.2c-0.7,0-1.4-0.1-2.1-0.3 c-0.5-0.2-1-0.5-1.3-0.9c-0.4-0.4-0.6-1-0.7-1.5c-0.1-0.6-0.2-1.3-0.2-1.9V35.2z'/%3E%3Cpath class='st1' d='M70,38.6c0-0.8,0.2-1.6,0.5-2.4c0.3-0.7,0.7-1.3,1.2-1.8s1.1-0.9,1.8-1.1c0.6-0.3,1.3-0.4,2-0.4 s1.4,0.1,2.1,0.4c0.6,0.3,1.1,0.6,1.6,1c0.4,0.5,0.7,1,1,1.6c0.2,0.7,0.3,1.4,0.3,2.1v0.7c0,0.2,0,0.4-0.1,0.5h-7.8 c0.1,0.9,0.5,1.7,1.2,2.3c0.7,0.5,1.5,0.8,2.4,0.8c0.5,0,1.1-0.1,1.6-0.2l1.5-0.6l0.9,1.6c-0.6,0.4-1.2,0.7-1.9,0.9 c-0.7,0.2-1.5,0.3-2.3,0.3s-1.6-0.1-2.3-0.4c-0.7-0.3-1.3-0.6-1.9-1.1c-0.5-0.5-0.9-1.1-1.2-1.8C70.2,40.3,70,39.4,70,38.6z M78.2,37.6c0.1-0.7-0.2-1.5-0.7-2s-1.2-0.8-1.9-0.7c-0.3,0-0.7,0.1-1,0.2c-0.3,0.1-0.6,0.3-0.9,0.5s-0.6,0.5-0.7,0.9 c-0.2,0.4-0.3,0.8-0.4,1.2h5.6V37.6z'/%3E%3Cpath class='st1' d='M83,38.6c0-0.8,0.2-1.6,0.5-2.4c0.3-0.7,0.8-1.3,1.3-1.8c0.6-0.5,1.2-0.8,1.9-1.1c0.7-0.3,1.5-0.4,2.3-0.4 s1.6,0.1,2.3,0.4c0.6,0.2,1.2,0.6,1.7,1.1L91.8,36c-0.4-0.3-0.8-0.6-1.3-0.8c-0.4-0.2-0.9-0.3-1.4-0.3c-1.9-0.1-3.5,1.4-3.6,3.3 c0,0.1,0,0.2,0,0.3c0,0.5,0.1,1,0.3,1.5c0.2,0.4,0.4,0.8,0.7,1.1c0.3,0.3,0.7,0.6,1.1,0.7c0.4,0.2,0.9,0.3,1.4,0.3 c0.6,0,1.2-0.1,1.7-0.3s1-0.5,1.4-0.8l1,1.6c-0.6,0.5-1.3,0.9-2.1,1.2c-0.7,0.3-1.5,0.4-2.3,0.4s-1.6-0.1-2.4-0.4 c-0.7-0.2-1.4-0.6-1.9-1.1s-0.9-1.1-1.2-1.8C83.1,40.1,83,39.4,83,38.6z'/%3E%3Cpath class='st1' d='M95.8,28.5h2.5v4l-0.1,2.3c0.5-0.5,1.1-0.9,1.7-1.3c0.7-0.4,1.4-0.6,2.2-0.5c1-0.1,2,0.3,2.7,1.1 c0.7,0.9,1,2.1,0.9,3.2v6.6h-2.5v-6.3c0.1-0.7-0.1-1.3-0.4-1.9c-0.4-0.5-1-0.7-1.6-0.6c-0.5,0-1,0.1-1.4,0.4 c-0.5,0.3-1,0.7-1.4,1.1v7.3h-2.5L95.8,28.5L95.8,28.5z'/%3E%3Cpath class='st1' d='M109.6,33.2h2.1l0.2,2.4h0.1c0.5-0.8,1.2-1.5,2-2s1.7-0.7,2.6-0.7c0.4,0,0.7,0,1.1,0.1c0.3,0.1,0.6,0.2,1,0.3 l-0.5,2.1c-0.3-0.1-0.6-0.2-0.9-0.3s-0.7-0.1-1-0.1c-0.7,0-1.5,0.2-2.1,0.6c-0.8,0.6-1.5,1.3-1.9,2.2v5.9h-2.5V33.2H109.6z'/%3E%3Cpath class='st1' d='M120.8,38.6c0-0.8,0.2-1.6,0.5-2.4c0.3-0.7,0.7-1.3,1.2-1.8s1.1-0.9,1.8-1.1c0.6-0.3,1.3-0.4,2-0.4 s1.4,0.1,2.1,0.4c0.6,0.3,1.1,0.6,1.6,1c0.4,0.5,0.7,1,1,1.6c0.2,0.7,0.3,1.4,0.3,2.1v0.7c0,0.2,0,0.4-0.1,0.5h-7.8 c0.1,0.9,0.5,1.7,1.2,2.3c0.7,0.5,1.5,0.8,2.4,0.8c0.5,0,1.1-0.1,1.6-0.2l1.5-0.6l0.9,1.6c-0.6,0.4-1.2,0.7-1.9,0.9 s-1.5,0.3-2.3,0.3s-1.6-0.1-2.3-0.4c-0.7-0.3-1.3-0.6-1.9-1.1c-0.5-0.5-0.9-1.1-1.2-1.8C120.9,40.3,120.7,39.4,120.8,38.6z M129,37.6c0.1-0.7-0.2-1.5-0.7-2s-1.2-0.7-1.9-0.7c-0.3,0-0.7,0.1-1,0.2c-0.3,0.1-0.6,0.3-0.9,0.5s-0.6,0.5-0.7,0.9 c-0.2,0.4-0.3,0.8-0.4,1.2h5.6V37.6z'/%3E%3Cpath class='st1' d='M133,33.2h2.5l2.1,5.6c0.2,0.5,0.4,1.1,0.6,1.6s0.3,1.1,0.5,1.6h0.1c0.2-0.6,0.3-1.1,0.5-1.6s0.4-1.1,0.6-1.6 l2.1-5.6h2.4l-4.2,10.7h-2.9L133,33.2z'/%3E%3Cpath class='st1' d='M146.6,33.2h7.2v10.7h-2.5v-8.7h-4.7V33.2z M152.4,31.3c-0.5,0-0.9-0.2-1.3-0.5c-0.7-0.7-0.7-1.7,0-2.4l0,0 c0.7-0.7,1.9-0.7,2.6,0c0.7,0.7,0.7,1.7,0,2.4C153.4,31.1,152.9,31.3,152.4,31.3z'/%3E%3Cpath class='st1' d='M158.8,38.6c0-0.8,0.2-1.6,0.5-2.4c0.3-0.7,0.7-1.3,1.2-1.8s1.1-0.9,1.8-1.1c0.6-0.3,1.3-0.4,2-0.4 s1.4,0.1,2.1,0.4c0.6,0.3,1.1,0.6,1.6,1c0.4,0.5,0.7,1,1,1.6c0.2,0.7,0.3,1.4,0.3,2.1v0.7c0,0.2,0,0.4-0.1,0.5h-7.8 c0.1,0.9,0.5,1.7,1.2,2.3c0.7,0.5,1.5,0.8,2.4,0.8c0.5,0,1.1-0.1,1.6-0.2l1.5-0.6l0.9,1.6c-0.6,0.4-1.2,0.7-1.9,0.9 s-1.5,0.3-2.3,0.3s-1.6-0.1-2.3-0.4c-0.7-0.3-1.3-0.6-1.9-1.1c-0.5-0.5-0.9-1.1-1.2-1.8C159,40.3,158.8,39.4,158.8,38.6z M167,37.6 c0.1-0.7-0.2-1.5-0.7-2s-1.2-0.7-1.9-0.7c-0.3,0-0.7,0.1-1,0.2c-0.3,0.1-0.6,0.3-0.9,0.5c-0.3,0.2-0.6,0.5-0.7,0.9 c-0.2,0.4-0.3,0.8-0.4,1.2h5.6L167,37.6L167,37.6z'/%3E%3Cpath class='st1' d='M170.3,33.2h2.5l1,5.6c0.1,0.5,0.2,1,0.2,1.5c0.1,0.5,0.1,1,0.2,1.6h0.1c0.1-0.5,0.2-1.1,0.2-1.6l0.3-1.5 l1-4.5h1.9l1,4.5l0.3,1.5c0.1,0.5,0.2,1,0.3,1.6h0.1c0.1-0.5,0.2-1.1,0.2-1.6c0.1-0.5,0.1-1,0.2-1.5l1-5.6h2.3l-2,10.7h-3l-0.9-4.5 l-0.3-1.5c-0.1-0.5-0.2-1-0.3-1.6h-0.1c-0.1,0.4-0.1,0.9-0.2,1.4s-0.2,1.1-0.3,1.8l-0.9,4.5h-2.9L170.3,33.2z'/%3E%3Cpath class='st1' d='M184.2,38.6c0-0.8,0.2-1.6,0.5-2.4c0.3-0.7,0.7-1.3,1.2-1.8s1.1-0.9,1.8-1.1c0.6-0.3,1.3-0.4,2-0.4 s1.4,0.1,2.1,0.4c0.6,0.3,1.1,0.6,1.6,1c0.4,0.5,0.7,1,1,1.6c0.2,0.7,0.3,1.4,0.3,2.1v0.7c0,0.2,0,0.4-0.1,0.5h-7.8 c0.1,0.9,0.5,1.7,1.2,2.3c0.7,0.5,1.5,0.8,2.4,0.8c0.5,0,1.1-0.1,1.6-0.2l1.5-0.6l0.9,1.6c-0.6,0.4-1.2,0.7-1.9,0.9 s-1.5,0.3-2.3,0.3s-1.6-0.1-2.3-0.4c-0.7-0.3-1.3-0.6-1.9-1.1c-0.5-0.5-1-1.1-1.2-1.8C184.4,40.3,184.2,39.4,184.2,38.6z M192.4,37.6c0.1-0.7-0.2-1.5-0.7-2s-1.2-0.8-1.9-0.7c-0.3,0-0.7,0.1-1,0.2c-0.3,0.1-0.6,0.3-0.9,0.5c-0.3,0.2-0.6,0.5-0.7,0.9 c-0.2,0.4-0.3,0.8-0.4,1.2h5.6L192.4,37.6z'/%3E%3Cpath class='st1' d='M198.4,33.2h2.1l0.2,2.4h0.1c0.5-0.8,1.2-1.5,2-2s1.7-0.7,2.6-0.7c0.4,0,0.7,0,1.1,0.1c0.3,0.1,0.6,0.2,1,0.3 l-0.5,2.1c-0.3-0.1-0.6-0.2-0.9-0.3c-0.3-0.1-0.7-0.1-1-0.1c-0.7,0-1.5,0.2-2.1,0.6c-0.8,0.6-1.5,1.3-1.9,2.2v5.9h-2.5V33.2H198.4z '/%3E%3Cpolygon class='st1' points='27.1,14.3 33.8,28 48.9,30.2 38,40.8 40.6,55.9 27.1,48.8 13.6,55.9 16.1,40.8 5.2,30.2 20.3,28 '/%3E%3Cg%3E%3Cpath class='st1' d='M62.7,24.7h-0.9l-2.1-4.1h-1.6v4.1h-0.8v-9.9H60c0.8,0,1.4,0.3,1.9,0.8s0.7,1.2,0.7,2.1c0,0.8-0.2,1.5-0.6,2 c-0.4,0.5-0.9,0.7-1.5,0.8L62.7,24.7z M59.9,19.8c0.6,0,1-0.2,1.3-0.6s0.5-0.9,0.5-1.5s-0.2-1.2-0.5-1.6c-0.3-0.4-0.8-0.6-1.3-0.6 h-1.8v4.3H59.9z'/%3E%3Cpath class='st1' d='M69.4,24.7h-4.8v-9.9h4.8v0.7h-4v3.7h3.9V20h-3.9v3.9h4V24.7z'/%3E%3Cpath class='st1' d='M74.2,24.7h-1l-3-9.9h0.9l2.6,8.8l2.6-8.8h0.9L74.2,24.7z'/%3E%3Cpath class='st1' d='M79.3,24.7h-0.8v-9.9h0.8V24.7z'/%3E%3Cpath class='st1' d='M86.4,24.7h-4.8v-9.9h4.8v0.7h-4v3.7h3.9V20h-3.9v3.9h4V24.7z'/%3E%3Cpath class='st1' d='M94.9,24.7H94l-1.8-8.3l-1.7,8.3h-0.9l-2.2-9.9h0.9l1.8,8.5l1.8-8.5h0.8l1.8,8.5l1.8-8.5h0.9L94.9,24.7z'/%3E%3Cpath class='st1' d='M103.3,24.7h-4.8v-9.9h4.8v0.7h-4v3.7h3.9V20h-3.9v3.9h4V24.7z'/%3E%3Cpath class='st1' d='M107.5,24.7h-2.4v-9.9h2.4c1.2,0,2.1,0.5,2.8,1.4c0.7,0.9,1,2.1,1,3.5s-0.3,2.6-1,3.5 C109.7,24.2,108.7,24.7,107.5,24.7z M107.5,23.9c1,0,1.7-0.4,2.2-1.2c0.5-0.8,0.8-1.8,0.8-3s-0.3-2.2-0.8-3s-1.2-1.2-2.2-1.2H106 v8.4C106,23.9,107.5,23.9,107.5,23.9z'/%3E%3Cpath class='st1' d='M119.5,24.7h-3v-9.9h2.9c0.7,0,1.3,0.2,1.7,0.7c0.4,0.4,0.6,1.1,0.6,1.8c0,0.6-0.1,1.1-0.4,1.5 s-0.6,0.6-1.1,0.8c0.5,0.1,0.9,0.3,1.2,0.8s0.5,1,0.5,1.6c0,0.8-0.2,1.5-0.6,2S120.3,24.7,119.5,24.7z M119.3,19.2 c0.5,0,0.9-0.2,1.2-0.5c0.3-0.3,0.4-0.8,0.4-1.3c0-0.6-0.1-1-0.4-1.3s-0.7-0.5-1.2-0.5h-2v3.7h2V19.2z M119.3,23.9 c0.6,0,1-0.2,1.3-0.5s0.4-0.8,0.4-1.5c0-0.6-0.1-1-0.4-1.4s-0.7-0.6-1.3-0.6h-2v3.9h2V23.9z'/%3E%3Cpath class='st1' d='M126.7,24.7h-0.8v-4.2l-3-5.6h0.9l2.5,4.8l2.5-4.8h0.9l-3,5.6L126.7,24.7L126.7,24.7z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A)