+38 (067) 434-60-64

Brief

COI at your service! How can we help you?

Piccolo is a Ukrainian company that produces and sells children's clothing. The assortment includes clothes for 0-16 years kids, small toys, and accessories. For Piccolo, we have developed a web store, created a target audience map and marketing strategy.

https://piccolo.ua

Task

Our team has been given the task to develop a simple and user-friendly online store with an adaptive design. We also had to conduct market research, create a target audience map, and develop a marketing strategy. These documents were needed to establish an effective job of the company, increase sales, and create a positive image.

Project description

For Piccolo, we’ve created a ‘light’ and concise web store with easy navigation, a convenient ordering form, search and filtering systems. In addition, we have developed detailed documentation required for the effective promotion of the brand’s products. We’ve conducted market analysis, developed a map of the target audience and a marketing strategy.

Web

We have created a detailed structure of the website taking into account all notes of the Client. We also took into account the specifics of Piccolo's work, the special features of the company's products, the characteristics of the target audience, and marketing strategy. The structure has been approved by the Client at each stage.

block 5 image

We developed the design mock-up with a maximum width of 1180px. This allowed us to create a web resource that looks good on any device. We used a 320 px container to develop the mobile version.

block 5 image

Wire frame

block 5 image

Fonts and colors

block 5 image

Marketing strategy

In this document, we have described all possible methods of communication with the target audience, ways to achieve the goals of the enterprise, and brand development. This marketing strategy is aimed to help increase the company's sales and brand awareness in the market.

block 5 image
block 5 image
block 5 image
block 5 image
block 5 image
block 5 image
block 5 image
block 5 image
block 5 image

Web

Piccolo web store is easy to use and is created for the needs of the target audience. The website has an adaptive design, effective tools for search and filtering the goods, and a convenient ordering form.

block 5 image

Website pages design

block 4 image

Cart

We took care of developing clear feature set of the shopping cart to make it easier for customers to make purchases on the website. It’s designed as a concise form that allows customers to add, delete, or change the number of products without going back to the catalog. The user receives an order confirmation after he or she filled all the fields up and selected the payment method.

block 4 image

Catalog

We have developed a convenient and simple catalog for Piccolo web store. Light background tones don’t distract users from the main thing — photos of outfits. Next to the image there are item name, price, and a label on whether the product belongs to the new collection. Each outfit can be added to the ‘Favorites’ list or purchased immediately. All products can be filtered by size, color, price, season, and material.

Website pages design

A concise design allows you to pay attention to the main thing — images of clothes and information about it. Call-to-action elements are highlighted with accent colors to help the user intuitively understand how to act.

slide image

slide image

slide image

slide image

Adaptive version

Adaptive design is one of the most important features of the Piccolo web store. We made sure that the web resource is well displayed and works properly on any device. We took into account all elements of UI / UX design that are necessary for the proper functioning of the website.

block 5 image

block 5 image

Personal account

Customers can add and save personal data in their accounts to track their orders. In addition, they can view their favorite outfits and the history of pre-orders. That allows them to spend less time searching for the necessary items.

block 5 image
block 5 image

UI elements

block 5 image

We've developed a stylized illustration in Open Graph that appears when you preview a link to a website on social networks. With such feature, it is easier to advertise a web resource; the content becomes branded, recognizable, and more interacted with.

block 5 image