E-commerce Project
Client
SCD | Belgrade, Serbia
Design, visual development, and implementation of an e-commerce website on the WooCommerce platform. The project included market analysis, website structure planning, creation of additional custom modules and plugins, database management, integration of headless functionality via REST API, and configuration of the website’s security system.
Design Highlights
Watch the video screencast presentation showcased of user experience and visual design [127 Mb]
Design phase encompassed the comprehensive creation of the project’s visual identity across both digital and offline channels. It involved:
- Designing responsive desktop and mobile website layouts that provide an intuitive and visually appealing shopping experience.
- Creating promotional banners and product category visuals tailored for maximum impact and clarity.
- Developing cohesive branding assets, including offline marketing materials such as flags and signage, ensuring consistent brand messaging beyond the website.
- Crafting all graphic elements with attention to detail, usability, and alignment with the client’s brand guidelines.
- Delivering visuals optimized for web performance while maintaining high aesthetic standards.
The included screenshots showcase these diverse visual assets in action, demonstrating a unified and professional brand presence both online and offline.
Banners for marketing ads companies and promotion.
Visual materials to highlight key product categories.
Promotional materials for offline marketing companies.
Technical Highlights
Custom WordPress Plugins
Elementor Addon for WooCommerce
Developed a custom Elementor widget to create and display a visually appealing discount price label. This widget allows flexible placement on product pages, category pages, or other sections of the site as needed. [Screenshot]
Recently Viewed Products Carousel
Built a custom carousel to showcase recently viewed products, a feature not natively supported by WooCommerce. The carousel is highly configurable and can be embedded on product pages, category/tag pages, or the homepage.
Extended WooCommerce Functionality
Enhanced WooCommerce with custom theme functions and modules to improve functionality and user experience, including:
- Export products by tag for streamlined product management.
- Add sale (discount) tags to products for promotional visibility.
- Sort products by discount to highlight deals.
- Remove sale tags when promotions end.
- Implement a shortcode for displaying recently viewed products.
- Set “On Hold” as the default order status for better order tracking.
- Enable local pickup with customized payment methods tied to shipping options, including integration with Flexible Shipping.
- Hide empty product attributes to improve the product page presentation.
- Enhance checkout validation for a smoother user experience.
- Override the get_price_html() function to customize price displays.
Additional code tweaks and template customizations were implemented to optimize performance and align with client requirements.
Shop Management and Operations via REST API and Python
Managed a WooCommerce database containing approximately 35,000 products using REST API and Python for efficient operations, including:
- Product Creation/Upload: Automated bulk product creation and uploads.
- Product Editing: Enabled comprehensive editing of all product information.
- Product Deletion: Streamlined removal of products.
- Product Updates: Automated updates to product details, ensuring data consistency.
Web Scraping and Product Data Parsing
Developed a robust solution for scraping and parsing product data from external e-commerce websites with dynamically generated pages.
Case Study: Scraped product data from the Makita website using Python and Selenium to handle dynamic content.
Product Database Processing and Normalization
Utilized Python and Pandas for advanced database editing, processing, normalization, and conversion to ensure data consistency and usability. Key examples include:
XML to CSV Transformation: Processed a machine-readable XML file and restructured it into a human-readable CSV format for improved accessibility.
Automated XML to JSON Pipeline: Built an automated workflow to fetch XML data from an endpoint, transform it on-the-fly to JSON with a redesigned structure, update product prices, and sync changes to WooCommerce via REST API.
Bulk Data Cleanup: Automated bulk editing of product names, categories, tags, descriptions, and other attributes using Python for efficient database maintenance.