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
Mug
- Colour variation support
- Fake 3D preview support (touch on mobile supported)
Card
- Colour variation support
- Second canvas support
- Photo mask support
- 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.