Creation of an e-shop with lighting fixtures
For a Czech lighting retailer, we developed a WooCommerce e-shop based on a given graphic and UX design. The goal was to create a website with custom-built features that highlight the retailer’s specialization and expertise.
The e-shop includes a comprehensive overview of each lighting fixture’s features, technical specifications, and filtering options based on various attributes. Each product page dynamically generates related products, accessories, and complementary items.
The purchasing process is fully customized, including a multi-step checkout flow tailored to the retailer’s needs.
E-shop Features
Technical Parameters and Healthy Lighting Features
Displaying a complete list of all technical parameters and healthy lighting attributes on the product detail page.
Contact Information and Support Availability
A special banner displaying contact information with an indication of support availability during working hours. Outside of working hours, the banner shows a message about unavailability.
Available Payment and Shipping Methods
On each product detail page, generated information about available shipping and payment methods is displayed.
Related Products Categorized
On each product detail page, related products are displayed, grouped into specific categories.
Multi-Step Checkout Process
WooCommerce natively uses a one-page checkout. Based on the client’s request, we redesigned this process into multiple steps. Several custom elements were added to the checkout, including a progress bar indicating how much is left for free shipping and a free gift offer. The free gift is available when the order value exceeds a certain amount, allowing the customer to select a complimentary item.
The payment and shipping selection was enhanced with dynamically updated delivery time estimates, which adjust based on the items in the cart.
Visual Variant Selection and Attribute Display
Due to the large number of product variant options, the selection was redesigned into buttons with informational tooltips. Above the selection area, an additional info box provides a detailed description of the attributes.
Product Filtering
Due to the extensive range of products and their characteristics, the e-shop includes practical filtering based on various parameters.
Display of Subcategories with Icons
To improve navigation in the e-shop, we have created a listing of subcategories within product categories, featuring colorful boxes and images of these categories.
Need a similar solution?
Whether you need a new e-shop or modify an existing one, we’re here to help. Contact us at info@affinite.io or through our contact form.