Project Summary

AA Labels is a label editor tool that allows users to create a new label from scratch or edit the existing labels. Users can create a new label by selecting the blank template of the desired shape using the pre-designed templates and editing it according to their needs, or can further edit their already saved label designs.

Key Features & Solutions

Design

Design

  • User friendly design
  • Blank and pre-designed template filter
  • Asset Library
  • Carousel for template list
  • Dynamically positioned object toolbars
  • Grid lines and guidelines
  • Bleed, label edge and safe area lines for easy designing
Development

Development

  • Blank Templates
  • Editable Pre-designed templates
  • Produces 300 Dpi PDF for printing
  • Generate JPEG image of labels
  • One click navigation through different designs
  • Saves design for the future.
  • Label preview on product mock
  • Dynamic bleed area
  • Object List to update layer index, and lock or delete layer

Technologies We Used

Label Designing and Printing Software Development Using Angular Js
Angular 2+
Label Designing and Printing Software Development Using Konva
Konva.JS
Label Designing and Printing Software Development Using CodeIgniter
Codeigniter
Label Designing and Printing Software Development Using MySQL
MySQL
Trello
Trello

The Challenges

1
To create blank canvas area of various shapes.

2
To increase web app speed by minimizing the size of saved designs.

3
To achieve accuracy in label dimensions for printing.

4
To create sheet navigator and real time preview area.

The Solution

Save a single layer containing all child objects in JSON instead of the whole stage in order to minimize the size of the saving design and increase the saving and loading speed of the design. Do not save image data URLs in JSON file instead upload an image on the server and use save image URL in JSON file.

IMPACT

The label designer tool makes the process of designing labels easy and fast as users can choose from pre-designed templates and edit them according to their needs. Also they can preview their labels on mock image which helps them to understand how the label will look like on actual product.

Get in Touch

    Download Case Study

    Kindly enter your full name and e-mail address to receive an attachment via mail.

    You will get the case study PDF in your mailbox in no time!

    Our Premium Clientele

    Our Recent Articles

    APPWRK Clients' Success Stories