Loading...
Peara – Logo Design, Packaging and web mockup2018-07-06T09:33:11+00:00

Logo Design 

Packaging 

Web branding

Technical Information:

Program Used: Photoshop, Illustrator

Role:

Graphic Designer

Client:

British Columbia Institute of Technology – New Media Design and Web Development

Mind mapping and Ideation

Objective:

This design concept is to create a brand identity for a fictitious company. Then the next step is to market the brand through various forms of packaging. The final step in the marketing of would be a web mockup containing the packages.

Process

Logo:

Wordmark/logo mark was created using the font Roboto black which is a serif type of font. To make logo peara i used the pen tool to create the icon. then created the wordmark from making some customizations on the roboto font with create outlines followed by direct selection and pen tool to make the edges more softer and friendly. The color chosen was the best out of all the variations made because of the how the hues complemented each other.

Bottle design and packaging:

Bottle design was done using adobe dimensions to create a 3D package. Post rendering, the image was exported as a psd file which was then duplicated to make the packaging. In order to get the logo to bend in space, the logo and bottle was taken to the vanishing point on photoshop.

Several planes were made around the visible area of  the bottle where the brand would be visible. Following this was the introduction of the logo into the vanishing point area and into the planes to be placed. Duplicated the logo many times around the bottle while variating in size to bring a vibrant looking page.

The only external content would be the nutrition label which is sourced as free for use content on google. The same step was applied on the nutrition label to get the label in perspective on the bottle side.

Look, Feel and UI: 

This was determined through researching on various websites for reference and the simplicity or complexity to the site and how that mattered to the product they were trying to market.

Developing the web pages I used the brand colors as a color palette for the design of the website.

The homepage has simple layout with the nav, hero banner then footer. I believe this is a simple yet strategic approach for the marketing the main product. The hero banner contain a simple call to action with some copywriting to target the audience. Amazing kids font was used here as a quick fancy handwritten font. This kind of font is mostly synonymous with drink brands due to their vibrancy.

The merchandise page follows a simple yet effective approach too. The background of this page is the file of the merchandise the design look for the sweatshirt. As an overlay, each specific merchandise is placed on a semi transparent white plane with a simple user friendly looking cart section.

The buy online section is simple add to cart page where users can easily access the product for online purchase.

Merchandise design and packaging:

To make the branding on the sweat shirt and t-shirt, I got picture of a plane T-shirt and then got a picture of a sweatshirt. Under select and mask used the various masking techniques to get the selection of the items and layer mask . Next step was to duplicate the shirts and then blend the duplicates to get some more texture and shadow.

Logo on the arm was placed using a vanishing point steps Also the logo was liquified to give more of a movement on the arm contours and to follow some creases on the shirts.

 

 Content for the design series:

Background images used are creative commons licensed for re-use and fonts are all free on the web for re-use or pre-installed with my workstation.

Final design and deliverables 

The final outcome of the design series is a complete package and some forms of logo application designed in various forms of media for its specific target client or audience. Web mockup gives the user a look and feel of how the product would look on its site. For a site to be launched there would however need to have more research done and testing done with specific user group.

Website mockup

Branding and Packaging