Autobuffy

Autobuffy is a leading e-commerce platform for auto parts in the United States bringing together various vendors in one easy-to-navigate marketplace. Our primary goal was to refine their e-commerce platform, ensuring a seamless integration of diverse auto parts from various vendors, while significantly improving the user experience.

Industry:

E-Commerce (Auto Parts)

Platform:

Web
Autobuffy

Client Requirement

Autobuffy, a leading e-commerce store for auto parts, reached out to us to enhance their website functionality and user experience.

Challenges & It’s Solutions

ChallengesSolutions
1

Searching for an auto part based on make, year, and model was challenging due to the excessively large database tables containing detailed information.

1

To address the issue of slow database searches, we initially implemented caching, which did not yield the desired results. Subsequently, we integrated ElasticSearch into our project, which successfully improved performance. Additionally, we refined the database structure and implemented indexing to further accelerate search speeds.

2

Unlike most e-commerce platforms in the United States that offer "buy now, pay later" options, there was no such a payment method into our system.

2

We implemented the Klarna "Buy now, pay later" option, integrating it with Stripe for seamless transactions. This solution underwent thorough testing to ensure reliability and user satisfaction from every angle.

3

The website faced significant SEO challenges due to the absence of technical SEO optimization, which severely impacted its search engine performance. Additionally, the front-end technology, specifically the Angular framework, was outdated, further compounding the site's technical issues.

3

We enhanced our website by incorporating Server Side Rendering (SSR), which also necessitated updating Angular from version 8 to 13—a challenging task we accomplished in 20 days. This integration not only boosted our SEO performance but also significantly increased our sales.

4

The website had difficulty handling a large amount of traffic due to an inadequate server structure. The server structure was not designed to handle a high volume of API calls and IO operations, leading to slowed down website s performance. The website needs to improve its server infrastructure to accommodate a higher volume of traffic and enhance the user experience

4

For better user experience and high availability, we introduced AWS load balancers, AWS scaling was introduced to increase the scalability and availability of application.Moreover, we established separate AWS servers for the user interface and the admin side to ensure that user experience remains unaffected even when the admin server is under heavy load, such as during large file uploads

5

Previously all the large files were uploaded to our server then to the s3 which was very time consuming.

5

We implemented direct S3 in the frontend to upload files to S3 bucket directly. Which decreased the server cost and the server utilization for those file uploads.

6

The system for updating inventory was manual and involved using FTP, CSV files and Excel files. However, the need for real-time inventory updates without any manual intervention was crucial for smooth operations. For this purpose, an automated system was required to replace the manual process.

6

We developed a new microservice to automate the inventory management system, encompassing all autoparts and their vendors with real-time inventory updates. Additionally, we created and utilized APIs within our project to ensure seamless inventory synchronisation.

Challenges
1

Searching for an auto part based on make, year, and model was challenging due to the excessively large database tables containing detailed information.

2

Unlike most e-commerce platforms in the United States that offer "buy now, pay later" options, there was no such a payment method into our system.

3

The website faced significant SEO challenges due to the absence of technical SEO optimization, which severely impacted its search engine performance. Additionally, the front-end technology, specifically the Angular framework, was outdated, further compounding the site's technical issues.

4

The website had difficulty handling a large amount of traffic due to an inadequate server structure. The server structure was not designed to handle a high volume of API calls and IO operations, leading to slowed down website s performance. The website needs to improve its server infrastructure to accommodate a higher volume of traffic and enhance the user experience

5

Previously all the large files were uploaded to our server then to the s3 which was very time consuming.

6

The system for updating inventory was manual and involved using FTP, CSV files and Excel files. However, the need for real-time inventory updates without any manual intervention was crucial for smooth operations. For this purpose, an automated system was required to replace the manual process.

Solutions
1

To address the issue of slow database searches, we initially implemented caching, which did not yield the desired results. Subsequently, we integrated ElasticSearch into our project, which successfully improved performance. Additionally, we refined the database structure and implemented indexing to further accelerate search speeds.

2

We implemented the Klarna "Buy now, pay later" option, integrating it with Stripe for seamless transactions. This solution underwent thorough testing to ensure reliability and user satisfaction from every angle.

3

We enhanced our website by incorporating Server Side Rendering (SSR), which also necessitated updating Angular from version 8 to 13—a challenging task we accomplished in 20 days. This integration not only boosted our SEO performance but also significantly increased our sales.

4

For better user experience and high availability, we introduced AWS load balancers, AWS scaling was introduced to increase the scalability and availability of application.Moreover, we established separate AWS servers for the user interface and the admin side to ensure that user experience remains unaffected even when the admin server is under heavy load, such as during large file uploads

5

We implemented direct S3 in the frontend to upload files to S3 bucket directly. Which decreased the server cost and the server utilization for those file uploads.

6

We developed a new microservice to automate the inventory management system, encompassing all autoparts and their vendors with real-time inventory updates. Additionally, we created and utilized APIs within our project to ensure seamless inventory synchronisation.

Key Features

1
Enhanced Search Efficiency

Successfully streamlined search functionality, drastically reducing search times and elevating user satisfaction.

2
Increased Payment Options

Introduced flexible payment solutions, broadening our customer base and boosting sales.

3
SEO and User Engagement

Advanced SEO strategies led to higher visibility, significantly increasing clicks and user engagement.

4
Improved System Stability

Achieved unparalleled system reliability, ensuring a seamless user experience even during peak loads.

5
Automated Inventory Management

Revolutionized inventory management, achieving real-time accuracy and operational efficiency.

6
Boosted Promotional Reach

Expanded promotional capabilities, effectively driving sales through targeted campaigns.

Autobuffy
Autobuffy
Autobuffy
Autobuffy
Autobuffy
Autobuffy

Results

1
Enhanced Search Efficiency

We streamlined our search functionality, which has drastically reduced search times and increased user satisfaction

2
Increased Payment Options

We introduced flexible payment solutions, which has broadened our customer base and boosted sales.

3
SEO and User Engagement

Our advanced SEO strategies led to higher visibility, significantly increasing clicks and user engagement.

4
Improved System Stability

We achieved unparalleled system reliability, ensuring a seamless user experience even during peak loads.

5
Automated Inventory Management

We revolutionized inventory management, achieving real-time accuracy and operational efficiency.

6
Boosted Promotional Reach

Expanded promotional capabilities, effectively driving sales through targeted campaigns.

Technology Stacks

Frontend
HTML 5
HTML 5
CSS
CSS
REST
REST
BOOTSTRAP
BOOTSTRAP
ANGULAR
ANGULAR
TYPESCRIPT
TYPESCRIPT
Backend
Rails
Rails
Node
Node
.Net
.Net
Database
Postgresql
Postgresql
RDS
RDS
Elastic Search
Elastic Search
Redis
Redis
Elastic Search
Elastic Search
Integrations
Twillio
Twillio
Sendgrid
Sendgrid
Stripe
Stripe
Aftership
Aftership
PayPal
PayPal
UPS
UPS
USPS
USPS
Fedex
Fedex
Slack
Slack
Sentry
Sentry
GeoNames
GeoNames
Testing
New Relic
New Relic
Manual
Manual
Project Management
Clickup
Clickup
Monday.com
Monday.com
Server
AWS
AWS
S3
S3
Open Search
Open Search
RDS
RDS