Contact us
Background

TOPSITY

About client. Summary

Online store for automation equipment

View project

The team that was selected for the project:

  • PM
  • Designer
  • Front End developer
  • Back End developer
  • SEO
Topsity icon

Geography

Ukraine

Topsity icon

Business size

50-100

Topsity icon

Industry

E-commerce

Topsity icon

Development time

1000 hours

View project
Background

Project task & Project solution

1.0

TASKS AND SOLUTIONS THAT PRESENT IN FRONT OF US IN WORK ON THIS PROJECT

Stages of work:

Preparation

At the "Preparation" stage, the team worked closely with the client to draw up the technical task and identify the customer's needs

Design

The "Design" stage consisted of website prototyping and design in accordance with the requirements and needs of the customer

Development and testing

At the "Development" stage, the team worked on the development of the site's functionality according to the agreed technical task

Delivery to the client

The "Delivery to the client" stage included the demonstration of the project and the ending of work on the project, the delivery of the code and documentation

Project task. Challenge

1.1

Created a design for an online store

Created a design for an online store

Create Personal Account for online store visitors

Project Solution

1.2

The design of the online store was developed according to modern standards

A mechanism for importing goods from an Excel document has been developed - more than 100,000 goods are loaded

Pictures are pulled from the SIMENS product cataloging service

Background

Created a convenient format for working with a shopping cart and paying for purchases

Form
registration

Basket

Decor
order

Thank you

Line
Card
Card
Card
Card

We developed various options for paying for a shopping cart so that each client has the opportunity to use the payment method of their choice

#1

Pay by invoicing

#2

Payment for goods upon receipt

#3

Online payment by card on the website

We developed a convenient format for interacting with the shopping cart and catalog

#4

Flexible and dynamic shopping cart

#5

Product catalog called "Warehouse"

#6

The "Shop" is a catalog of goods that can be purchased

#7

The ability to buy or add a product to the ZIP (deferred purchase on the website)

And many more useful things and convenient for both the administrator and the buyer

#8

Export of goods to Google shopping and Facebook

#9

Delivery service integration

#10

Address delivery from the specified in your personal account

#11

Import of goods

#12

Item Management

#13

Blog Management

#14

Site content management and translations

Card topsity
Card topsity

One of the most important stages of project development

Developed a personal account, where there is information regarding

Indication of legal addresses and requisites

Delivery addresses

Purchase history

language selection

As well as:

Specification*

*mechanism for completing various goods with the ability to save favorites and the possibilitiy to order all parts or components at once

Creation of ZIPs**

**ordering equipment that you will need in the future. You can save it in the "Your ZIPs" section and order the desired product at any time

Background

Modern online store
for the modern shopper

Design project

2.0

Creation of design templates for desktop and mobile versions of the website

Background

website design completed in the same style:

We created light design with an emphasis on blue.
Also, to dilute the light range of colors, we added dark blocks

Background

Colors & Typography

2.1

Blue

#3498DB

Dark

#1B2830

Grey

#F5F5F5

White

#FFFFFF

Font

Deliverables

API

Database Design

Web Application

Website Design

API Integration

CRM

Database
Development

Commerce
Website

Website
Optimization

Custom PHP

Skills

Tech Icon

Bootstrap

Tech Icon

Git

Tech Icon

HTTP

Tech Icon

jQuery

Tech Icon

React

Tech Icon

eCommerce

Tech Icon

AJAX

Tech Icon

Docker

Tech Icon

JSON

Tech Icon

Laravel

Tech Icon

RESTfull

Tech Icon

Slick

Tech Icon

Webpack

Tech Icon

XML

Tech Icon

Yii

Tech Icon

WebSocket

Tech Icon

ReactNative

Languages

Tech Icon

HTML5

Tech Icon

PHP

Tech Icon

SQL

Tech Icon

TypeScript

Tech Icon

CSS3

Tech Icon

Sass

Databases

Tech Icon

MongoDB

Tech Icon

MariaDB

Tech Icon

MySQL

Web servers

Tech Icon

Nginx

Background

Thanks
for attention