Mateusz Kimont - Principal Full-Stack Engineer

Mateusz Kimont

Printing project showcase

Crafting Custom Printing Product Solutions

I've independently created complex design concepts and transformed them into functional, scalable products for printing company. The fruit of my work is versatile product "Printing CMS", which key features are: Rapid Product Creation - 1-click photo to live product - 1-click shop with hundreds of new products - Native drag-and-drop photo to folder to generate and launch product (no need of web browser) Extensive Customization 125 fields of configuration (many repeated ones), which includes: - 42 fields per product ex. product background photo - 26 fields per text ex. width2char relation - 22 fields per photo ex. photo mask - 15 fields in ordered product ex. personalized image product preview - 15 fields per design ex. layout variation - 5 fields in live product ex. autogenerated thumbnail - Abstraction form from design - Brand identity ready Powerful Features: - Client's batch processing option to generate multiple products from CSV or XSL. - 3D previews to visualize design in realistic 3D previews. Seamless Integration - Easily integration with wordpress e-commerce platform and porting to other frameworks. - Google drive to product sync

Basic concepts:

Image to product (preview generation, mockup generation, pdf with customized text generation)

Text to product (preview generation, mockup generation, pdf with customized text generation)

Variation and batch automation included for the aboves

Mug

- Colour variation support - Fake 3D preview support (touch on mobile supported)

Card

- Colour variation support - Second canvas support - Photo mask support

Teacher planner

- 3D inners preview - Inners selection - A4, B5, A5 size selection - Colour variation selection

Quoted notebooks

- 1-click text list to product generation - Support of pallet group and colour (pallet child) from csv or cover and text colour - Smooth preview transition for different product settings - Full custom quote text feature - Quick font size change feature

Notebooks

- Supports paper type - Rest support same as teacher planner

School planner

- Layout variation support for text and photo - Intuitive crop photo - Full text support - Dynamic generated colours for cover and text taken from csv - Pantone colour for cover support

Batch orders

- Supports XLS, XLSX or CSV - Dynamic feed: column per input text feed - if product have 1 input field popup with concatenate column option is show - Avoids header row value (by checking common values like name, surname etc.) - Preview of generated products

Image to product generator

- 1-click image to product generation - Fake 3D photo preview - Information for product feed from yml for title, tags etc. (yml generated from file name)

Efficiency - Google speed report

Desktop without 3rd party vendors, no CloudFlare, AWS acc, extra image compression: 0.3s FCP | 0.8s LCP | 1.0 SI Desktop with 3rd party vendors, extra image compression, cloud caching:

Technical information

- Abstraction of extra product data (json) - DB optimization with json and transient - Form inheritance - Form and design abstraction from product - AWS SDK and Google Api as SaaS used - WordPress and Woocommerce was used due to * speed prototyping, better control * server support (LightSpeed, Cloud caching) * plug-ins (LightSpeed, Wordfence) * future development => headless WordPress Below you can find explanation of the above "technical information" in more wast-my-time manner: Abstraction for Enhanced Flexibility and Scalability We employed a robust abstraction layer to manage extra product data, ensuring flexibility and maintainability. By leveraging (confidential data here), we were able to efficiently store and retrieve additional information associated with products. Form Inheritance for Consistent User Experience To maintain a consistent user experience across different product types, we implemented form inheritance. This allowed us to create reusable form templates and customize them for specific products, reducing development time and ensuring a cohesive user interface. Product-Centric Design Our product development approach prioritized abstraction between form and design elements, enabling us to easily modify and update both without affecting the core functionality. This modular structure facilitated rapid iterations and customization. Leveraging WordPress and WooCommerce We chose WordPress and WooCommerce as the foundation for our product development due to their: Speed and Efficiency: Their performance-focused architecture and extensive plugin ecosystem accelerated development and deployment. Server Support: Integration with LightSpeed and cloud caching solutions ensured optimal performance and scalability. Plugin Ecosystem: Access to a vast library of plugins for added functionality and customization. Future-Proofing: The potential to transition to a headless WordPress architecture for enhanced flexibility and decoupled frontend development. By combining these strategies, we were able to create a scalable, maintainable, and highly customizable product development platform.
☰ Index