A minimalist store for TraczykLeather in Saleor and Next.js

Creating an online store with a unique design that would reflect the character of the brand and set it apart from the competition. Special emphasis was placed on the speed of the website, responsiveness, and the ability to develop the platform in the future.

Client

TraczykLeather is a brand of handmade personalized leather products. It is a family-owned company with many years of tradition, specializing in the creation of leather products for three generations, from small items such as keychains to shoes and bags.

0

Challenge

The client came to us with an idea to start selling their products online, which they previously sold only traditionally, focusing on the local market. To make it happen, we decided to create an eCommerce platform for them with a unique design that would reflect the brand's character and set it apart from the competition. Our key focus was to ensure easy management of products and content, as well as the speed and responsiveness of the website. The project also included the possibility of expanding the store with new features in the future.

ellipse

Design reflecting the brand's character

ellipse

Easy store management

ellipse

Fast loading

ellipse

Easy scalability

Solution

We started the project by defining the client's requirements and preparing a plan, and then divided it into phases and established a work schedule. We implemented the online store using Agile methodology, where we performed tasks in the form of one-week sprints, and after each sprint, we met with the client to discuss the progress of the work. During the implementation, constant communication with the client was essential, allowing us to quickly discuss the most important issues and make changes to the project. We began creating the online store by designing a UX mockup, which we then supplemented with a design after client approval. We designed the user interface to ensure the simplest purchasing process possible. As part of creating visual identity, we also designed a new logo for a part of the offline brand. When the UX mockups and designs were ready, we proceeded with implementing the sales platform. The project was implemented in the concept of headless eCommerce, where we created part of the online store's frontend using NextJs technology, providing page speed and responsiveness. NextJs also allows for optimization for SEO and good positioning. Part of the online store's backend was built on Saleor technology, a modern eCommerce platform that allows for the creation of very fast online stores. Saleor is open-source software, which means it gains a large community and develops rapidly. Saleor technology was built with the concept of headless eCommerce in mind, which, combined with NextJs technology, provides full flexibility and the possibility of most eCommerce tool integrations, such as CMS, PIM, etc. We used the Saleor admin panel, which was created in React technology. We used several eCommerce integrations in the online store. The Stripe payment gateway and Paczkomaty Inpost were connected to allow for the choice of a parcel locker as a delivery method. The client decided to connect Stripe due to many possible payment methods and automatic integration with the Polish payment gateway Przelewy24, which allowed for payment via Blik, among others. The choice of the Stripe gateway was also dictated by the intention to sell abroad. Therefore, the online store was also equipped with two language versions, Polish and English. The Saleor admin panel allows for easy management of store products and content for both languages. To ensure the store's security and compliance with the law, the store was equipped with an SSL certificate and a cookie management plugin. The SSL certificate ensures a secure connection to the site and positively affects the SEO positioning of the sales platform. The implemented cookie plugin is compliant with GDPR guidelines and allows for managing the preferences for which cookies the user wants to accept while using the eCommerce platform. We deployed the finished online store on a VPS server using Docker, which ensures proper security and delivery of the application with all necessary dependencies and the selected operating system. Additionally, Redis was used in the project for optimization. Redis is a non-relational database that works great for caching data and provides an immediate response from the database to queries. The project's images are served through the Amazon AWS S3 service. AWS is a mass storage service offered by Amazon. The service provides easy and fast access to images, resulting in a very fast-loading store.

Saleor.js

Saleor is an open source headless eCommerce engine that enables highly scalable platforms.

Next.js

Next.js is an open source framework that allows you to create fast, flexible and SEO-friendly web applications.

Result

We have created an eCommerce platform that met the client's requirements and allowed the TraczykLeather brand to start online sales. The store has a simple minimalist design that fits the brand's products. The technology used will enable further platform development as the client's business grows. We subjected the optimized design to performance tests using the Gtmetrix tool. The combination of technologies used: NextJs (frontend), Saleor (eCommerce), Redis (cache), Amazon AWS S3 (image serving); yielded excellent results. The store received the highest possible A rating during the tests. The platform's performance was rated at 99%, and the structure's construction at 95%. Such a good result ensures the best possible user experience during the purchase process.

tick

Dedicated design reflecting the brand's personality

tick

Starting online sales

tick

Easy-to-use and scalable platform

tick

Integrations with popular payment and delivery methods

tick

Fast store loading

How the cooperation went

Quote

After the first two meetings with the Rigby team, I was convinced that I wanted to work with them. It was a good decision. They are passionate about what they do. I was surprised by their commitment to the project.

Quote
Patryk Traczyk

Owner at Traczyk Leather

Would you like to find out if and how we can help with your project?

Let's talk about your project