Category:
UI / UX
Type:
Barcode Scaner App
Role:
UI / UX Designer
Date:
September 2018 – December 2018
Client:
BCIT
Technical Information:
Illustrator, Balsamiq, InVision
Background:
A barcode scanner mobile application. Users can look up product information and reviews by scanning the product’s barcode using the camera.
The concept of Previews is to give users a convenient way to check the name, price, manufacturer, and reviews of a product through barcode. The main function of Previews is barcode scanning function via smartphone camera. Another main function is reviews posting function. Users can leave reviews as well as read reviews from other “Previewers”, which creates a community among the users. We believe Previews will be a smart choice for shoppers who are We believe that Previews will be a smart choice for shoppers who are indecisive or hesitant in buying a product.
Since the main idea of this App is to use the camera to scan the barcode and get information about the product scanned. I designed the logo with 3 main points: the camera shape, the barcode pattern, and the question mark represent a capital P of the brand. Furthermore, since our users are various, and may use our app just at the spot. I try to keep everything simple and quick, so I choose sans serif typography, and violet.
After identifying the core concept of the app, we needed to figure out who will be our user persona and the task they needed to accomplish.
Shortly after identifying our user persona, we started drafting our wireframes. We created the wireframe with our user personas in mind.
Next, we created the mock-up using Adobe Illustrator and imported it to InVision. This served as our guide during the coding process of the app.
