Not every packaging needs a designer. Edit and preview before ordering your packaging.
#NextJS #React #Tailwind #Threejs #Gsap #Blender #Canva
Printime is a personel prototype project, it is a platform made for small businesses who need fast and custom packaging for their products. It was built as an experimentation of ThreeJS and the results were astonishing. The duration of the project was 1 week and it was built from scratch starting by UI/UX going to the implementation.
Goal
Building a web app that allows editing packaging design with a live preview on 3D models.
Target audience
Small business
Role
UI-UX / Front-end Developer
Responsibilities
Experimenting on ThreeJS
Designing the UI of the website.
Editing the 3D models and setting them as assets
Implementing the UI
Playing with the 3D models poly for performance issues
Features & Process
To start the process I collected some 3D models to test with and did some changes to the poly and form to fit my needs. After testing an optimizing the 3D models with ThreeJS, I setup templates on the famous design platform, canva.com. The final step was building a small feature that allows changing the texture of the provided models by simply importing the edited template.
Chossing a desired packaging
Every packaging has its own template that can be easily updated on canva.
Import edited template.
Preview your design on the packaging model.
Order a sample or your desired quantity.
Study