Loading...

Malishok

Babies deserve
the best we can give

Malishok is an online store based in Russia. The store specializes on products for children - diapers, baby food, baby strollers, child car seats, baby clothing, clothes for pregnant women and other useful goods.

The design project of this store was based on our CS-Cart theme and adapted to the brand style.

  • Industry: Baby Store
  • Services:
  • Design Integration, CS-Cart theme creation, Design audit service
  • Location: Russia
  • Website: malishok.org

Challenge

To create user-friendly and engaging design appropriate for selling goods for newborns and their mums and dads.

Quick start

Reduce the number of iterations
to change the design

Keep within the client’s budget

Background

Our client has an online store on another CMS. You can see it on the screenshot below. According to the client’s wish it was decided to take some design elements, logo from the previous website and create new store on its basis. The new CS-Cart store did not contain any template, so we designed the store from scratch.

Analytics and Solution

The new CS-Cart store was clean and the client’s budget was limited, so our task was to change the design within a small budget. We have analyzed the existing design and decided to take our ready-to-use theme Cute Baby Toys as a basis for the future design. According to our client’s wishes we changed the color palette and created new UI elements.

Project steps:

Discussing the project

Creating a design concept

Implementing new design based
on the ready template

Using Cute Baby Toys

The client chose this theme for the online store because the color pallette was similar to his old site and perfectly suit his niche. The key feature of the Cute Baby Toys Theme is that it is secure and safe in servicing because it does not contain heavy and complex functionality. It has several advantages: easy installation, easy updating, compatibility with all third-party add-ons, quick page loading and other features that keep store safe and nice.

About Cute Baby Toys

Gentle and light CS-Cart Cute Baby Toys theme is a wonderful choice for online stores selling nice goods. Simple design elements focus your customers' attention on goods and make online-shopping enjoyable! Fresh interface elements make positive engagement with customers.

View theme on the marketplace View Live Demo

You can buy this theme right now.

Implementing the Project

Brand Colors & Typography

The pallette of the online store Malishok.org includes 2 main colors: Purple orchid and Heavenly blue. Purple orchid creates the association to the brand, while accent color provides additional depth. The combination of these two colors creates gentle view and recalls mother care.

img-filter img-filter

Subtle drawings of rainbows, animals, balloons are similar to children's pencil drawings and set a unique style.

img-filter

We used incredibly readable and simple font Roboto regular and Roboto bold. The font Roboto underlines and does not distract customers from shopping.

img-filter img-filter

Design integration

For the home page we changed the main banner, making it more attractive. The previous banner was old-fashioned and uninformative, so we decided to show products and highlight free shipping, discount programs, gifts and other important information in the picture. The photo of a nice baby attracts customers’ attention.

According to our client’s wish we changed the standard pattern of the theme in the header. Subtle drawings of rainbows, animals, balloons are similar to children's pencil drawings and set a unique style.

tab1 tab1 tab1

The previous menu was unattractive and unhandy for customers, with megamenu we solved the problem of navigation. Its simple design with a minimal look do not confuse customers and focus attention on the product categories.

tab1 tab1 tab1

UI Elements

New buttons for the filter with nice clouds which highlight elegant style of the online store.

Big and purple “Add to Cart” buttons are more contrast in comparison with other elements which make it stand out from the crowd and attract more clicks.

The mini cart is made according to the common design of the store and helps customers to preview the contents of the cart on the main page.

All UI Elements have a unique style with rounded edges. We tried to avoid sharp and square elements to note that the store sells goods for babies and their moms.

The old footer was cut down and did not benefit. We used the standard CS-Cart footer. This well-planned and organized footer will help shoppers to find all the necessary information.

tab1 tab1 tab1

Results

A full-fledged online store with minimal investment.

Launched the project within
7 working days

Reduced the number iterations
to create a unique design

Created a full-fledged online store
with minimal investment

Related

Want to work with us?

Get a Free Quote
4.3.7 4.x or 3.x From 3.x or 4.x to 4.3.7 4.3.7 2.2.4 2.x From 2.x to 4.3.7 4.3.7 2.2.4 sp4 1.3.5 1.x From 1.x to 4.3.7 Before After The average time of loading a category page: 1 sec. 5 sec. ! CS-Cart" class="cscart-1" d="M499.358,3808.1a1.552,1.552,0,1,1-1.552-1.58A1.566,1.566,0,0,1,499.358,3808.1Zm-16.5.69a9.429,9.429,0,0,1-3.89.8c-4.085,0-6.744-2.81-6.744-7a6.95,6.95,0,0,1,7.276-7.32,7.647,7.647,0,0,1,3.414.74l-0.56,1.9a5.993,5.993,0,0,0-2.854-.65c-3.106,0-4.785,2.35-4.785,5.19,0,3.17,2.014,5.12,4.7,5.12a7.006,7.006,0,0,0,3.022-.65Zm2.484-2.04a6.823,6.823,0,0,0,3.275.97c1.763,0,2.6-.88,2.6-2.04,0-1.19-.7-1.82-2.49-2.5-2.463-.9-3.61-2.24-3.61-3.88,0-2.21,1.79-4.03,4.673-4.03a6.149,6.149,0,0,1,3.3.86l-0.588,1.81a5.2,5.2,0,0,0-2.77-.82,1.959,1.959,0,0,0-2.239,1.87c0,1.13.784,1.64,2.547,2.35,2.322,0.88,3.554,2.07,3.554,4.11,0,2.44-1.875,4.14-5.037,4.14a7.609,7.609,0,0,1-3.806-.97Zm26.471,2.04a9.419,9.419,0,0,1-3.889.8c-4.086,0-6.744-2.81-6.744-7a6.95,6.95,0,0,1,7.275-7.32,7.649,7.649,0,0,1,3.415.74l-0.56,1.9a6,6,0,0,0-2.855-.65c-3.106,0-4.785,2.35-4.785,5.19,0,3.17,2.015,5.12,4.7,5.12a7.007,7.007,0,0,0,3.023-.65Zm12.681-2.8a23.386,23.386,0,0,0,.195,3.29h-2.21l-0.2-1.73H522.2a5.044,5.044,0,0,1-4.142,2.04,3.884,3.884,0,0,1-4.141-3.94c0-3.32,2.91-5.13,8.143-5.1v-0.29c0-1.1-.308-3.17-3.078-3.14a6.479,6.479,0,0,0-3.554,1.02l-0.56-1.67a8.671,8.671,0,0,1,4.477-1.2c4.142,0,5.15,2.87,5.15,5.59v5.13Zm-2.379-3.71c-2.687-.06-5.737.42-5.737,3.08a2.168,2.168,0,0,0,2.295,2.38,3.42,3.42,0,0,0,3.33-2.29,2.841,2.841,0,0,0,.112-0.79v-2.38Zm6.4-2.44c0-1.62-.028-3.01-0.112-4.28h2.155l0.112,2.72h0.084a4.114,4.114,0,0,1,3.778-3.01,4.662,4.662,0,0,1,.671.06v2.35a4.271,4.271,0,0,0-.839-0.05,3.443,3.443,0,0,0-3.3,3.17,7.587,7.587,0,0,0-.084,1.16v7.32h-2.463v-9.44Zm11.958-7.57v3.29H544v1.9h-3.526v7.39c0,1.7.476,2.67,1.847,2.67a4.644,4.644,0,0,0,1.427-.17l0.112,1.9a6.639,6.639,0,0,1-2.183.34,3.5,3.5,0,0,1-2.658-1.05,5.426,5.426,0,0,1-.952-3.6v-11.93Z" transform="translate(-410 -3766)"/> Before After The average loading time for home page: 0.75 sec. 20 sec.