Services
.png)
A web app featuring a comprehensive furniture and textile catalog
Redevelop their web application using modern technologies, enabling users to easily find the right products through on-site filters and off-site via search engines
eCommerce / Web development
Our task was to completely rebuild the web application, focusing on presenting products in a thoughtful and user-friendly manner. A key goal for our client was to improve their search engine ranking, making it easier for customers to find the website.
We prioritized implementing robust data filtering mechanisms to enhance usability. As the product catalog grew, displaying products efficiently became a challenge. Users initially faced a blank screen, waiting for images to load. Preventing this delay was crucial.
Another objective was optimizing data filtering. We sought a flexible solution that would allow us to query data dynamically, ensuring a smoother and more responsive user experience
The client approached us with a basic version of their designs, which we refined and brought to life. To achieve the project’s primary goals, we recommended using Gatsby and worked closely with the client to define the project scope. This collaboration ensured that both the design and functionality aligned with their vision
1. The main challenge of this project was managing complex data filtering. The client originally used Firestore to handle and edit data via Google Sheets, which was convenient but had limitations due to Firestore’s NoSQL structure. It didn’t support multi-column filtering, and query indexing was necessary, making simultaneous comparisons difficult. To resolve this, we transitioned from Firestore to a custom backend powered by PostgreSQL, providing greater flexibility for data queries
2. The project was built entirely using Gatsby, with data sourced from BigQuery and Firestore. Each product category had its own page, which was initially populated during the website’s creation. To keep the data up to date, we implemented a cron service to rebuild the site nightly
3. To improve image loading speed, we introduced "lazy loading," allowing images to load asynchronously. Users would first see a low-resolution version of the image while the high-resolution one loaded in the background, enhancing the user experience and reducing wait times
4. To improve image loading speed, we introduced "lazy loading," allowing images to load asynchronously. Users would first see a low-resolution version of the image while the high-resolution one loaded in the background, enhancing the user experience and reducing wait times
5. Additionally, we implemented Enhanced E-commerce functionality via Google Tag Manager. This enabled product interactions to trigger browser events, sending data to GTM whenever users engaged with a product, which now had its own unique identifier (UID)
is a fintech startup that provides installment loans to individuals
is a fintech startup that provides installment loans to individuals
.png)
