Cart is empty
About the project
A highly loaded food marketplace in the UK. The products are delivered by their own courier service at a certain time. It is a marketplace for Halal products.
Sphere: Food products
Country: UK
Site: halalo.co.uk
The new client had a request. The design layouts and the business plan were ready. The general idea and its features seemed interesting to us, and we started working. At the initial stage, an analysis was carried out, the design was adjusted in accordance with the business logic of the project. The brief was prepared and approved. The project is complex, with huge number of connections between objects, but we managed to put everything in order, describe and launch the project into development. At the moment, the marketplace is up and running. The next stage is the mobile application launch and some new functional improvements.
Tasks
1. Launch a marketplace from scratch and turnkey
2. Convenient and simple purchase process
3. Online order tracking
4. Selection of delivery slots
5. Convenient process of goods placement by vendors
6. Automation of the delivery process
What have we done:
1. We launched a marketplace from scratch
License: CS-Cart for Ultimate marketplaces is a virtual shopping center with many departments where vendors (suppliers) can manage their sales in a separate panel
2. Buyers location
When registering, the user must enter the zip code, which displays the available addresses for selection via the API.
The same process occurs when adding a new delivery address. As a result, the market understands where the order needs to be delivered. There are zones for vendors where they work.
If the buyer wants the order to be delivered by courier (he declares this after registration or after adding a new address), he will see the stores and their goods only from his delivery area.
3. Delivery slots
Each vendor determines the available time slots for pickup, and the market determines the slots for delivery. The buyer can choose the time interval he needs for the delivery of goods.
4. Output of goods by groups
The logic of the project: the main page where the buyer adds goods is the seller's page. Here you can see a menu of categories where the seller places his products, filtering and sorting, but most importantly, all products are presented by groups, categories and sets (for example, discounted products).
There was a task here: how to display, for example, 10,000 products on one page when there is no general pagination, and the products are presented in sliders
Solution:
Use CSS sliders, which work much faster than JS sliders
Not all products were displayed for each group, only a few. The rest were loaded when scrolling the slider for each block separately.
5. Fast item addition to the cart.
When adding an item to the cart from the list or from the product card, the "add to cart" button changes to +/- and the user can fill the cart with the required amount of goods quickly.
6. Hot offers.
The product groups that the vendor wants to advertise. The buyer sees the image of the hot offer, and the promotion list inside of it. There can be many such offers, that’s why a certain logic is set for them. For example, there are only vendor’s hot offers on his page, and there are offers of vendors that are available to the current buyer on the home page.
7. Modified checkout page.
The user can place an order quickly and do all the necessary actions at the checkout stage without leaving the page. At the same time, the filling in the main fields is monitored, the user will not be able to place an order without filling in the required fields.
8. Distribution of payments between vendors.
For the convenience, the entire payment is distributed between the market and vendors right after the payment. Firstly, vendors receive payment for their goods immediately, and secondly, there is no need to keep records of who owes, how much and to whom. In case of cancellation or partial refund, the funds go in reverse order.
9. Step-by-step orders processing.
After the order is placed, vendor got a sound notification. He takes it to work and changes the order status.
Only a certain set of statuses is available at each stage, this makes the work more convenient and reduces the likelihood of error.
10. Delivery Application Task.
Task: order delivery process automation, namely route optimization, tasks assignment to the driver, notifications, delivery confirmation.
When vendor processed the orders, they forward to delivery system woodelivery.
Orders are automatically assigned to couriers according to their schedule.
Couriers can see all the tasks and the planned route in the application. The buyer receives SMS and e-mail notifications at certain stages. The tasks fulfillment is confirmed by photos, barcode scanning, etc.
As soon as the courier has accepted the order, the buyer can see all his movements in real time.
Halalo
Services
Turnkey website
Ready to launch your online store, but you need some guidance? We offer turnkey solutions from development to launch, including setup, design, integrations, and training. Your store will be ready for sales.
About the project
A highly loaded food marketplace in the UK. The products are delivered by their own courier service at a certain time. It is a marketplace for Halal products.
Sphere: Food products
Country: UK
Site: halalo.co.uk
The new client had a request. The design layouts and the business plan were ready. The general idea and its features seemed interesting to us, and we started working. At the initial stage, an analysis was carried out, the design was adjusted in accordance with the business logic of the project. The brief was prepared and approved. The project is complex, with huge number of connections between objects, but we managed to put everything in order, describe and launch the project into development. At the moment, the marketplace is up and running. The next stage is the mobile application launch and some new functional improvements.
Tasks
1. Launch a marketplace from scratch and turnkey
2. Convenient and simple purchase process
3. Online order tracking
4. Selection of delivery slots
5. Convenient process of goods placement by vendors
6. Automation of the delivery process
What have we done:
1. We launched a marketplace from scratch
License: CS-Cart for Ultimate marketplaces is a virtual shopping center with many departments where vendors (suppliers) can manage their sales in a separate panel
2. Buyers location
When registering, the user must enter the zip code, which displays the available addresses for selection via the API.
The same process occurs when adding a new delivery address. As a result, the market understands where the order needs to be delivered. There are zones for vendors where they work.
If the buyer wants the order to be delivered by courier (he declares this after registration or after adding a new address), he will see the stores and their goods only from his delivery area.
3. Delivery slots
Each vendor determines the available time slots for pickup, and the market determines the slots for delivery. The buyer can choose the time interval he needs for the delivery of goods.
4. Output of goods by groups
The logic of the project: the main page where the buyer adds goods is the seller's page. Here you can see a menu of categories where the seller places his products, filtering and sorting, but most importantly, all products are presented by groups, categories and sets (for example, discounted products).
There was a task here: how to display, for example, 10,000 products on one page when there is no general pagination, and the products are presented in sliders
Solution:
Use CSS sliders, which work much faster than JS sliders
Not all products were displayed for each group, only a few. The rest were loaded when scrolling the slider for each block separately.
5. Fast item addition to the cart.
When adding an item to the cart from the list or from the product card, the "add to cart" button changes to +/- and the user can fill the cart with the required amount of goods quickly.
6. Hot offers.
The product groups that the vendor wants to advertise. The buyer sees the image of the hot offer, and the promotion list inside of it. There can be many such offers, that’s why a certain logic is set for them. For example, there are only vendor’s hot offers on his page, and there are offers of vendors that are available to the current buyer on the home page.
7. Modified checkout page.
The user can place an order quickly and do all the necessary actions at the checkout stage without leaving the page. At the same time, the filling in the main fields is monitored, the user will not be able to place an order without filling in the required fields.
8. Distribution of payments between vendors.
For the convenience, the entire payment is distributed between the market and vendors right after the payment. Firstly, vendors receive payment for their goods immediately, and secondly, there is no need to keep records of who owes, how much and to whom. In case of cancellation or partial refund, the funds go in reverse order.
9. Step-by-step orders processing.
After the order is placed, vendor got a sound notification. He takes it to work and changes the order status.
Only a certain set of statuses is available at each stage, this makes the work more convenient and reduces the likelihood of error.
10. Delivery Application Task.
Task: order delivery process automation, namely route optimization, tasks assignment to the driver, notifications, delivery confirmation.
When vendor processed the orders, they forward to delivery system woodelivery.
Orders are automatically assigned to couriers according to their schedule.
Couriers can see all the tasks and the planned route in the application. The buyer receives SMS and e-mail notifications at certain stages. The tasks fulfillment is confirmed by photos, barcode scanning, etc.
As soon as the courier has accepted the order, the buyer can see all his movements in real time.
