Design - Cart-Power

RUSHEV – Functional Online Store With a Completely Custom Design

Руслан Ханбиков — Fri, 15 Dec 2023 11:34:30 +0000

Functional Online Store With a Completely Custom Design

RUSHEV is a unique jewelry project that was established in 2010. All products are carefully handmade and produced in limited editions.

The brand is built on the main concept of making everyday life exceptional. On the website, you have the opportunity to customize your own jewelry to complement any style and individual character.

Client problem

The RUSHEV brand stands out for its bold and vibrant character. Each piece of jewelry combines symbolism, uniqueness, and simple design. In the fashion world, accessories should be customized to complement the ensemble. They reflect not only the mood but also the full personality. That’s why all products are handcrafted in limited editions. Moreover, the collection is updated with new hits every 2-3 months.

In order to capture the true essence of the brand and create an appealing appearance, the website showcase was developed using vue.js and connected to the CS-Cart Admin panel via API. However, due to the self-written nature of the solution, it had numerous issues: the checkout process did not function properly, delivery calculations were inaccurate, and all orders had to be manually created in CS-Cart.

Consequently, the online store did not fully function.

Main goals:

We proposed developing our own theme utilizing the native CS-Cart storefront to ensure easy and convenient store management.
This involves customizing and adapting the design of the standard CS-Cart theme for each store page to meet the specific requirements of our customer.

What have we done

Home page

The home page is the face of the company, and in our case, the brand. It plays an important role in the client’s desire to stay on the site and continue searching for products. Therefore, we have integrated important features for the main page:

We included dynamic banners

with the ability to upload captivating videos. In the flow of information, a video is more eye-catching and attention-grabbing than a static picture. Furthermore, videos enhance trust and boost website conversions.

Here the customer can see the most popular hits of jewelry pieces. This allows the client to gain an understanding of the brand’s style and current popular items.

RUSHEV presents a unique offer –

“Create your own jewelry.” By highlighting this opportunity upfront, visitors will be intrigued to explore the site further.

Each category of the main menu on the page is highlighted with a visual

In addition to the standard sticky menu in the header, you can navigate to the desired section of the catalog directly from the main page.

Attractive photos and videos provide further insights.

At the footer, a dynamically changing quote

with color adaptations as you scroll adds a beautiful finishing touch.

Product catalog

The catalog grid is showcased in a unique format. Certain cards are emphasized in size, enabling users to better observe the details of the jewelry while seamlessly scrolling.

Thanks to the “Labels for Products” add-on, admin can customize individual labels for selected jewelry such as “Rushev recommends” or “Nominal”.

You can easily add or remove favorite products with just one click. When you add a product to your favorites, a pop-up will appear, informing you about the jewelry added to your collection.

Within the catalog categories, you can choose the “Gift Certificate” option.

Traditionally, such pages tend to be mundane, featuring standard certificates. However, RUSHEV distinguishes itself with unique packaging and design, highlighted in a dedicated video.

Product page

We redesigned the standard gallery for the product card so that each image is displayed one below the other.
Different variations are available based on the material of the product.
For jewelry that you can assemble yourself, you can not only choose the color of the product, but also add your personal initials.

Checkout and cart

The shopping cart is set up as a pop-up window, ensuring a seamless browsing experience through the catalog and doesn’t distract from browsing it. Additionally, a notification pops up when adding jewelry to the cart.

The checkout process is tailored to the customer’s preferences and is divided into 2 sequential steps: selecting the delivery method and entering recipient details. Both steps are conveniently presented on a single page to convey a swift ordering process. However, progression to step 2 is only possible upon completing step 1.

Delivery is configured in 3 ways, one of which includes visiting the showroom, that is, pickup. To select a pickup point, we have developed a non-standard solution for CS-Cart – integration with the Yandex map. The points on the map are customized to match the brand logo; when selected, additional information will appear. Searching for the desired pick-up point on the map will show available points nearby.

Work Results

1. The website now entirely accepts and processes orders without any manual intervention. The seamless functionality is made possible through the installation and customization of Cart-Power modules, ensuring that the site meets the contemporary needs of our customers.

2. Thanks to the tremendous work of our front-end developer, the site design has been entirely tailored. It bears no resemblance to a typical CS-Cart online store; but, it mirrors the individuality, ideas, and values of each customer. Simultaneously, the administrator has the autonomy to manage design alterations independently.

“Right from the stage of evaluating the layouts, it was evident that this project would be highly captivating, both visually and technically. Such projects are rare on CS-Cart, and we endeavored to fulfill all requirements to the fullest extent by incorporating modern solutions. Undoubtedly, the work brought us immense satisfaction.”

Anastasia Zaraiskaya, Front-End Team Lead

Services:

Front-end Development

We’ll develop an adaptive and cross-browser front-end for a powerful interface and performance of your marketplace or online store on any device.

Functionality Development

Add new capacities to your business. Extend functionality for current needs and fix old bugs.

We will find solutions for everyone

Share your idea and we’ll offer an optimal solution

The post RUSHEV – Functional Online Store With a Completely Custom Design first appeared on Cart-Power.

Podguznikoff – Online Store for Children’s and Household Products

Cart-Power Team — Mon, 12 Sep 2022 05:58:31 +0000

An online store for children's and household products

The Podguznikoff online store is a reliable and proven supplier of everything necessary for maternity and children from birth. Due to the fact that the online store purchases goods directly from manufacturers, the prices in it are lower than those of competitors.

Client problems and tasks

Podguznikoff.ru is an online store operating in Moscow and the Moscow region. It has partners from other cities who sell similar products under the Podguznikoff brand. However, the product base, inventory balances and prices for each store are different. The client decided to combine the entire business on one site, but the platform on which he worked was not suitable for this.

Store migration to CS-Cart without data loss
Design integration based on Youpi theme
CommerceML modification
Independent showcases for regions

Our work process

Moving to CS-Cart

We transferred the data of the client’s online store to the CS-Cart Ultimate multi-store platform, designating Moscow and the Moscow Region as the main storefront of the seller. Additional showcases were created for regional promotion. All existing processes and store data were preserved.

All storefronts are managed from one administrative panel, but regional administrators can be provided with the different access rights.

Design on a turnkey solution

The client chose the Youpi theme as the basis for the design. The choice of a standard solution allowed him to significantly save the budget. Even taking this into account, the Podguznikoff online store does not look like other stores using the Youpi theme since we have redesigned many elements.

We removed unnecessary items in the menu, redesigned the product list page and the product detail page. Each element brings the user closer to making a purchase.

On the right in the checkout there is a floating block with products. A convenient feature is that products are hidden while scrolling.

Transfer of the loyalty system without losing user data

The old version of the Podguznikoff store had a loyalty program for customers functioning for a long time. The store’s clients collected purchases for a certain amount and received a status that gave them bonuses on their next purchase.

We implemented the same system on CS-Cart Ultimate. At the same time, we transferred data about all customers from the old store and assigned them the same status that they had in the old version.

On the storefront side it looks like a block of bonus points under the price of the product. The buyer can see how many points he will receive upon purchase. If the user is authorized on the store, then his current status will be highlighted.

CommerceML is a standard add-on for exchanging online store data with accounting systems: 1C, MySklad, Class365. By default, changing the status of an order from 1C occurs directly in the database and is not displayed in CS-Cart. Because of this, the client had difficulties in acquiring bonus points. CS-Cart simply did not determine that the order was completed and points could be awarded. We set the exchange with 1C in such a way that the status “Completed” comes to CS-Cart through a standard function first, and only then it changes in the database. By doing this we eliminated all the failures in scoring points.

Unit price for products sold in packs

In order for the buyer to know exactly which packaging is more profitable, and not to calculate the price per unit in products that come in packs (for example, diaper packaging), we made an automatic unit price calculation for such products.

In order to do this, we have improved the product entity itself in the store: the system now calculates the price per unit for all the composite products. The product page displays both the price per package and the price per unit.

A block with products similar to the selected one, but with a lower price per unit, is automatically generated. The system compares prices and highlights the best offer.

Convenient registration

We improved the account registration: the buyer registers by phone number, specifies e-mail. And when entering your personal account, it uses what is more convenient for him as a login.

When placing an order, you can choose either to register or to log in as a guest.

The buyer himself indicates whether he needs a call back

Many buyers do not like it when the store manager calls back and clarifies the details of the order. Especially for them, we added a checkbox: the buyer checks the box, the manager sends the order. It’s simple: no extra calls.

Automation of administrator’s actions

The online store accumulated a cache of stored pages, which clogged the server space and slowed down the system. We suggested to the customer that this problem should be solved by using our Automatic Administrator Tasks add-on.

This add-on is useful not only because it automatically cleans the page cache, but also automates other routine tasks in the online store:

data export/import;
clearing the cache;
file backup;
deleting logs, etc.

Our work results

The new stylish design attracts the attention of buyers.
Convenient management of the different storefronts from a single admin panel.
Calculation of delivery depending on the distance from the Moscow Ring Road.
A user-friendly product page structure and an integrated reward points system help drive sales.
Saving administrator’s time.

Services:

Migration to CS-Cart

Migrate your store to CS-Cart if your current CMS is not enough.

Online store redesign

We’ll create a relevant design, renew site structure and make a clear interface.

Functionality Development

Add new capacities to your business. Extend functionality for current needs and fix old bugs.

We will find solutions for everyone

Share your idea and we’ll offer an optimal solution

The post Podguznikoff – Online Store for Children’s and Household Products first appeared on Cart-Power.

Event.top – Marketplace for Organizing the Events and Online Event Booking Services

Cart-Power Team — Thu, 05 May 2022 06:39:11 +0000

A marketplace for organizing the events and online event booking services

Event Top has grown from a site with a simple application for event organizing to a full-fledged marketplace. Event Top gathers vendors who provide any services for events – from food ordering to sound equipment booking.

Client’s problem

The client had a website with an application for an event. It included sections for the event’s name, number of people, date, time and special wishes. The client then received several offers with prices from companies that were ready to organize the event. We came up with an idea to create a full-cycle event booking service to give clients the opportunity to preview, evaluate and select companies that are associated with event organizing.

We created a convenient B2C platform, where:

Vendors provide services for organizing events, catering, and delivery.
Buyers can reserve premises, equipment, and hire staff, in addition to usual application and purchase.

Our work process milestones

Choosing the Right Website Platform for Bookings and Shopping

CS-Cart Multi-Vendor Plus platform allows you to manage not only online sales, but also supports booking and rental services functionality. In addition, this particular edition has many useful tools for working with vendors. For example: promotions and ratings, payment directly to vendors, advanced management of vendors’ rights, etc.

Creating a simple and user-friendly design

The main task in design is usability for buyers and vendors. Most often, the marketplace is associated with the product purchasing. But in our case, Event Top also offers booking services.

Therefore, it is important to create a clear and logical menu, with a simple understanding of what you can book and what you can buy. Initially, a ready-made UniTheme2 theme was chosen. We significantly reworked its elements and animations during the development process. We also significantly changed the mobile version for a comfortable user experience. The main menu offers a large choice of available categories, and the names of those categories speak for themselves.

The button for booking an event is located in the sticky top menu, and is always visible to the customer. The application form contains simple fields with drop-down lists, everything is easily available on one page and is clear at a glance. In order not to miss important points, a hint system has been developed for the convenience of customers.

Smart booking filters for maximum conversion

Marketplace offers a huge amount of products and services to choose from, and the conversion will be the highest if visitors are offered the most relevant results. In order to achieve this we thought over and developed a system of filters and sorting for booking services:

If you select the required date and time, then the store visitor will be offered everything that is available for booking in the selected category. It can be: premises, photo studios, furniture, utensils, equipment;
In addition, he can further sort these filter results by price and seller rating at the same time.

By setting up filters and sorting for themselves, the customer will go to a page formed for his specific request. He can easily find the necessary services to book an event for his specific budget.

We developed an availability calendar

We created a timeline system to make it easier for a vendor to control and manage premises, products and services. It simply and transparently shows everything that is booked. The calendar is automatically populated based on placed orders. As the result:

Doubling of orders for the same premises or service is excluded;
The vendor sees which places are less popular for events and can quickly respond to their promotion;
Analyzing the number of booked events in the calendar, the vendor will understand when to scale up or offer seasonal promotions.

Dynamic price system for rent at different times

Thanks to the function of a multi-dimensional price calendar, sellers can maintain a flexible pricing policy. The price may change to a higher or lower end depending on the time of day or day of the week. For example, renting a photo studio on weekdays can be cheaper than on weekends. The calculator will automatically calculate the price based on the selected dates and times.

Convenient mobile version

We have created a separate mobile version of the marketplace for mobile devices in order not to compress web pages to fit the phone screen. It is easy for the user to navigate the booking functionality of the mobile version. The necessary buttons and functions are visually highlighted and accessible even on a small screen.

Our work results

A simple and quick start for vendors on the marketplace.

The marketplace itself places information about new vendors and their products, acting as an aggregator for this niche. The vendor only needs to log in and verify information about himself. Next, the new vendor adds subsequent products on its own.
Vendors get a new channel for selling their services without much effort.

1. A unique platform for creating any turnkey event

You can not only buy, but also book places, equipment, as in a regular booking system.

2. Automation of the work of administrators on available products

The developed availability calendar eliminates booking errors as it is filled automatically from placed orders.

3. Insights and opportunities for vendors in pricing policy and marketing strategy, thanks to the “Availability and Pricing Calendar” tool.

4. You can find and book the desired service in 2 steps: by selecting the date and time.

Overall results for the first 2 months of work of the event marketplace:

27196 items were placed
254 vendors attracted
Were involved: 5 developers, 1 project manager.

Deadline: 8 months, start – May 2021, delivery to the client – December 2021

Services:

Marketplace development

Create your fast scaling marketplace easily. Integrate with CRM, Ebay, or Amazon. Sell anything on the website, on social media or in person.

We will find solutions for everyone

Share your idea and we’ll offer an optimal solution

The post Event.top – Marketplace for Organizing the Events and Online Event Booking Services first appeared on Cart-Power.

Lake Lite – Online Store of Lighting Equipment for Boats and Piers

Cart-Power Team — Fri, 22 Apr 2022 05:39:17 +0000

Lake Lite online store redesign

Innovative solar lighting and boat lift business. Everything for safe and comfortable walks on the water.

Lake Lite products are developed and engineered at our Indiana headquarters, where they are extensively tested and improved. Lake Lite’s goal and mission is to produce unique and quality piers and boat lift lighting products that exceed customer expectations.

Client’s problem

We have been cooperating with Lake Lite Inc. for many years and were regularly updating the functionality of the store. However, the design was based on the Responsive Theme back in 2014 and hasn’t been updated since. It is important that Lake Lite sells high-end products that are used in yacht clubs, when equipping private piers, and buyers are people with high incomes. Obviously, in 2021, the design developed in 2014 no longer meets modern requirements and does not correspond to the status of the client and the quality of his products. There was a risk that such an outdated design could simply scare off new wealthy buyers.

We offered the client to develop a new design and update the appearance of the online store, based on the latest marketing research and UI/UX principles.

Our work plan

Target audience analysis

To make a high-quality UI/UX design, you need to analyze the target audience and the competitive environment well. This will show exactly how users behave, how to change the appearance of the store and what design elements to use.

The target audience (TA) of the client is people leading a measured lifestyle: wealthy Americans over 40 years old. They spend time with family, live in private houses, have their own piers or use private bays. They search for information on the Internet and often make a purchase decision by watching YouTube videos.

We combined data on the target audience in the form of Customer Journey Map and User Flow, which shows how customers interact with Lake Lite products and what influences the purchase decision. Problematic areas of interaction with customers and steps that need to be taken into account when redesigning to improve customer experience were immediately outlined.

Competitor analysis

Lake Lite has 7 biggest competitors whose websites we analyzed in the following areas: user experience, content, technical side, marketing side. For clarity, we evaluated the results on a 10-point scale and reflected them in the summary table.

Research results

After analyzing the target audience and competitors, we came to some conclusions.

First of all, the design should be adapted to mobile devices and take into account all modern trends in mobile application development, namely:

Bottom menu bar
High header for easy scrolling content
Icons must be accompanied by a caption
Large high-quality photos and videos

Taking into account the characteristics of the target audience and the theme of the site, we chose Material Design as the main design style. This is Google’s design language, which is a great guide to visual, dynamic, and interactive design across platforms and devices.

What are the features of Material Design?

Intuitiveness

The user should be able to intuitively navigate the site through visual interface elements.

Polygraphy

The principles of print design are used to focus attention on the desired element, simplify navigation in the interface, and intuitively convey the meaning of its elements. It is characterized by rich, even colors, sharp, defined edges, large typography and padding between elements.

Focus on the user

All interactions take place in one environment, interactive objects move from one environment to another without interrupting the sequence.

Interactivity

The page responds to any movement of the user, and each transition should be smooth. Interactive elements should be clear enough to be clearly distinguished from static elements (content, state information, etc.)

Functionality

It is important to focus the user's attention on the main points in order to direct him in the right direction.

Mindfulness

In addition to the fact that each action is pleasant and easy to perform, the user must clearly understand what and why he is doing and where the next touch will lead him. Feedback is clear and easily recognizable.

Due to the fact that the target audience makes purchase decisions by looking at reviews on YouTube, it is necessary to add videos to product page. This can be done by creating your own content or by embedding a YouTube video.

Principles of the new Lake Lite design

So, what is the new design of the Lake Lite online store?
Here are the main principles that formed its basis:

Good first impression

A discreet yet attractive color scheme that instantly directs the eye to what the user is most likely to be looking for.

Mobile version of the site

Easy to use mobile version of the site, on the main page of which you can find everything you need.

Free text search capability

Up to 30% of buyers use the site search tool – and these are usually “warm” users who know exactly what they are looking for.

Capture forms on the site

We were guided by the fact that the best sites have simple one-step forms that are easy to fill out. Whether it’s a feedback form or a service request form, it should be absolutely simple and easy to fill out.

We save buyers time and increase the likelihood of a purchase by limiting the number of fields to fill out and offering multiple selection buttons.

Videos

A video gallery with reviews helps to navigate the assortment and choose the right product. In general, the presence of a video gallery has a buyer to the site and increases loyalty.

Product photos

Products photos are real and presented from different angles. The more detailed the user can view the product, the greater the chance that he will place an order.

Special offers

The page with special offers is user-friendly and provides the necessary details, such as the list of products covered by this offer, the discount amount and the end date of the offer.

Emphasis on simple site navigation

Logical navigation leads the buyer from entering the site to purchase.

Our work results

The new modern design, developed based on the analysis of the target audience and competitors, takes into account the principles of UI/UX and Material Design. Thanks to this, the appearance of the online store as a whole finally corresponds to the price segment of the client. The interface attracts users, helps in navigation and solves their problems in any interaction scenario, which means that it leads to more purchases and more sales.

Services:

Usability Audit

We’ll put your website under the microscope and figure out what stops it from increasing conversion and hinders customer convenience.

Online Store Redesign

We’ll create a relevant design, renew site structure and make a clear interface. Adjust your store to current business goals.

UI/UX Design Development

We develop an attractive interface for your store and highlight the brand value. Your customers will want to come back and make a purchase again.

We will find solutions for everyone

Share your idea and we’ll offer an optimal solution

The post Lake Lite – Online Store of Lighting Equipment for Boats and Piers first appeared on Cart-Power.

Floristeria — Flower and Gifts Delivery

Cart-Power Team — Wed, 21 Apr 2021 06:43:14 +0000

Floristeria —
Flower And Gifts Delivery

High loading speed of pages with a large number of products

Floristería delivers flower and fruit bouquets, baskets of sweets, and gift arrangements in Bogota (Colombia). Each order contains fresh flowers or sweets, so the project’s feature is a fast delivery to anywhere in the city. The client has two websites: Floristería’s own online store and the BogotaCompra marketplace, where Floristería brand is present as one of the vendors. We made all the improvements in the same way for both websites.

Main goals

Product and checkout pages update in order to make using experience more convenient for both buyers and administrators.
Reviews system and product ratings improvement.
Improve the page loading speed.

Our work process

1. We added the ability to create cards with unique wishes for each order

Cards with wishes that can be put into the flower arrangements are very popular. Previously, the buyers could only choose from a list of ready-made postcards with preset text templates. We have added a special form to the checkout which allows the buyer to create postcards with their own texts.

When the buyer places an order, he can fill in the name of the recipient, the text of the message, add emoticons and a postscript. Floristería administrators will print this on a postcard and put it in a bouquet. The nice thing is that the buyer will be able to preview and make sure everything looks exactly the way they want.

2. We combined cart and checkout

By default, in CS-Cart, the cart and checkout are two different pages. We combined them into one: this reduces the number of steps that the buyer needs to go through to complete the order. As a result, fewer customers abandon their carts.

3. Improved design for user’s convenience

All changes have their goal to make choosing products and placing orders more convenient for the buyer.

We enlarged image of the product
Delivery icon draws attention to the fact that the products can be delivered on the same day they ordered
Buyer now understands how much he will save
We added reviews and ratings of the products, which increased the confidence of the buyer

In the BogotaCompra marketplace, we have improved the vendor’s page

This is how it looks in the default version of CS-Cart Multi-Vendor

This is how vendor's page looks now

As you can see, the design has changed beyond recognition. Buyers especially like the fact that the payment methods available to the vendor and contact details and ratings are immediately visible.

4. We added extended reviews

We linked the Cart-Power: Power Reviews add-on and Stamped.io – a software platform for collecting reviews and user-generated content. Reviews from Stamped.io are automatically loaded into a special block.

Thanks to this service it became possible to evaluate the details of the order. The buyer can write a review and note, for example, that he especially liked the speed of delivery and the bouquet design. The noted benefits of the product are illustrated with icons and attract the attention of store visitors.

5. We optimized CS-Cart loading speed

This is what lazy loading looks like on the site. The list of products loads quickly, but all the images are in place and appear as you scroll the page.

By default, CS-Cart loads all images on any page of an online store at the same time. The client has up to 100 images on some category pages, which significantly reduces the download speed.

Our Cart-Power: Lazy Load for Images and Blocks add-on solved this problem. Its main idea is to delay the loading of everything that the user does not need right now.
The images are not loaded immediately when the page is opened, but only when scrolled. This helped to improve performance and use device resources sparingly.

Our work results

You can add postcards with your own texts to each order. To do this, you do not need to go anywhere and search - the form is available when placing an order.
Code optimization. Correct code reduces the total number of requests, economical use of RAM makes the site faster.
Product reviews are now more complete, and the potential buyers trust them more.
The list of products loads quickly, despite their large number.

Services

We will find solutions for everyone

Share your idea and we’ll offer an optimal solution

The post Floristeria — Flower and Gifts Delivery first appeared on Cart-Power.

Design - Cart-Power

RUSHEV – Functional Online Store With a Completely Custom Design

Functional Online Store With a Completely Custom Design

Client problem

Main goals:

What have we done

Home page

Each category of the main menu on the page is highlighted with a visual

Product catalog

Product page

Checkout and cart

Work Results

We will find solutions for everyone

Podguznikoff – Online Store for Children’s and Household Products

An online store for children's and household products

Our work process

Moving to CS-Cart

Design on a turnkey solution

Transfer of the loyalty system without losing user data

Unit price for products sold in packs

Convenient registration

The buyer himself indicates whether he needs a call back

Automation of administrator’s actions

Our work results

We will find solutions for everyone

Event.top – Marketplace for Organizing the Events and Online Event Booking Services

A marketplace for organizing the events and online event booking services

Smart booking filters for maximum conversion

We developed an availability calendar

Dynamic price system for rent at different times

We will find solutions for everyone

Lake Lite – Online Store of Lighting Equipment for Boats and Piers

Lake Lite online store redesign

We will find solutions for everyone

Floristeria — Flower and Gifts Delivery

Floristeria — Flower And Gifts Delivery

Main goals

Our work process

1. We added the ability to create cards with unique wishes for each order

2. We combined cart and checkout

3. Improved design for user’s convenience

In the BogotaCompra marketplace, we have improved the vendor’s page

4. We added extended reviews

5. We optimized CS-Cart loading speed

Our work results

Services

We will find solutions for everyone

Floristeria —
Flower And Gifts Delivery