About the Client
Seating Masters is an online retailer of high-quality restaurant furniture. It provides a diverse range of stylish products to cater to the needs of local establishments.
The client has a multistore on Magento 2 with a high level of animations. The configurator, which was used on multiple other projects running on M1 and M2, lacked code consistency. Each event added to the configurator demanded distinct coding, leading to extended development time for the client.
Additionally, the client aimed to integrate the Hyvä theme but lacked the necessary expertise for its optimization and ongoing support.
The client has a multistore on Magento 2 with a high level of animations. The configurator, which was used on multiple other projects running on M1 and M2, lacked code consistency. Each event added to the configurator demanded distinct coding, leading to extended development time for the client.
Additionally, the client aimed to integrate the Hyvä theme but lacked the necessary expertise for its optimization and ongoing support.
Client’s Challenge
01
Hyvä theme setup.
02
Product configurator issues.
03
Code inconsistency problem.
Seating Masters' UX/UI transformation from 2022 to 2024 during partnership with NEKLO.
Project
The NEKLO team has stepped up on the project, auditing the issues and offering a custom solution.
Custom product configurator
We developed a product configurator using the VUE framework, leveraging Global Events. This configurator effectively monitors connections between the properties of different products.
This way, when a button is clicked within the configurator, other page elements built in the Hyvä theme can seamlessly track and respond to these interactions.
This way, when a button is clicked within the configurator, other page elements built in the Hyvä theme can seamlessly track and respond to these interactions.
Hyvä theme setup
Our team successfully implemented the Hyvä theme and now is providing its ongoing enhancement and support. Key components such as the pop-up window system, cart sidebar, and smaller elements like sliders for related products were specifically developed using Hyvä.
This strategic implementation ensures seamless operation, with product list pages, list filters, and the dynamic loading of product list pages all functioning seamlessly within the Hyvä theme.
This strategic implementation ensures seamless operation, with product list pages, list filters, and the dynamic loading of product list pages all functioning seamlessly within the Hyvä theme.
Single code
Since the configurator was written separately, integrating it into various projects has become a rapid process. The configurator represents a unified code pool that can be easily transferred to other client’s multiple projects, including those still running on Magento 1.
Notably, the page load speed remains consistent across different projects, and any encountered errors are promptly addressed, ensuring uniformity and stability across all resources.
Notably, the page load speed remains consistent across different projects, and any encountered errors are promptly addressed, ensuring uniformity and stability across all resources.
Dynamic galleries
We created dynamic galleries that use lazy loading for images to reduce page load times.
Deliverables
Custom Features:
- Custom product configurator using the VUE framework with Global Events
- Dynamic galleries.
Hyvä Features:
- Pop-up window system.
- Cart side panel.
- Small elements like sliders for related products.
- Product list pages.
- List filters.
- Changing/loading product list pages.
Results
NEKLO continues to support the project, delivering new features and extending the existing ones.
Development time cut down X3.
Delivered a unified code pool that can be effortlessly transferred across multiple projects.
Streamlined updates through a single platform and simplified bug tracking.
The adoption of the Hyvä theme has empowered the client to leverage its benefits:
Seamless design integration across all screens and intuitive interface configuration.
Significant improvement in website performance.
The site passes the Core Web Vitals test which impacts better SEO: higher ranking and increased traffic.
Technology
Alpine.js
Hyvä Theme
Tailwind
Vanilla JS
_Vue.js.svg)
VUE
Team Size
1
Backend developer
1
Frontend developer
1
QA Engineer
Project Duration
2022 - ongoing
Want to level up your store's performance? You’re one click away to make it happen!
Anastasia Vasilevich
Business Development Manager
.png)
