lindsay toth portfolio 2013

LINDSAY TOTH

2013

BRANDINGParkaid80P

WEBSITE DESIGN80P responsive websiteACE

PRINT DESIGNBraid invitePalatino poster Step by Step book cover

BRAND MANAGEMENTFree masons social mediaInternational Minerals Innovation Institute banner standPremier’s Golf Tournament brochure and business cardSt Solo name tags and thank you card

BRAND IDENTITY GUIDES AND ADVERTISING CAMPEIGNS St SoloSakitawak Meseum Pop up portrait campeign

Helvetica Neue

Parkaid Identity Guide

Grey scale on black Grey scale on white Full colour (On dark colour)

Official LogoPantone 423 C Pantone 425 CPantone 3268 CPantone 328 C

It’s that simple.

I created the branding for a fictional Calgary based company. The company works in conjunction with the city parking authority. There is a high price for leaving a vehicle in city parking for a long period of time. If a vehicle brakes down in a city lot Parkaid will come to the vehicle and fix it or tow it to a repair shop.

I related the branding for Parkaid to that of the existing city parking branding, while making it unique and recognizable in it’s self. The colours and typeface relate to the Calgary parking identity but the other elements help make it unique utilizing a car symbol in a state of being broken and then being fixed.

PARKAID2013

80P is a video game blog that was launched earlier this year. I created new branding for them as they have started to grow. The co-founders of the company have two very distinct personalities. I used this as inspiration for their logo. It shows their distinct almost clashing viewpoints while rounding out to these two

individuals with a common goal. I also created a way for them to represent themselves and their individual voices. The “icons” I developed relate to player icons in video games. I began with the first two icons for the founding members and have created three new icons as new website contributors have been added.

80P2013

One of the first areas that 80P’s new branding has been used for is their soon to be released website. I created the design for their website based on the branding I had created. On the home page I included an I3M which allows for scrolling images and information.

Underneath is dynamic blog style teasers for new content as well as space for twitter feeds and advertising. The video and article areas of the website are separated by the icons of the people who make them.

80P RESPONSIVE WEBSITE 2013

The ACE website was very challenging due to minimal branding provided. They also required four distinct and complex sections of the website that acted independently from one another. I created

icons and colour coding based on the requirements of each section that fit well together. The home page allows users to navigate the main site or access the more in depth sections.

ACE WEBSITE2013

British Launch

A Very POSH

Braid invites you to join us for merriment with

British CeleBrity guests to CeleBrate the launCh of f&B

the festivities will take place at 1-2301 millar avenue in saskatoon, saskatchewan, on the evening of the

seventeenth of october from 7pm to 11pm Creative British attire encouraged

Beatles music provided by Kickstart louie libations provided by lB distillers and andrew Peller wines

fine eatery by d’reen’s Catering

Please rsvP By oCtoBer 12th to [email protected]

with the number of guests attending

F&B RectoRy Red™ 2

17

Displayed is an example of the prepress files for an invitation I designed. It was for the launch of a paint line at Braid Flooring. The invite looked like a paint can and was debossed on the front as well as custom dye cut.

BRAID INVITE2013

ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz1234567890!@#$%&*()?

ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz1234567890!@#$%&*()?ABCDEFGHIJKLMNOPQRSTUVWXYZ

abcdefghijklmnopqrstuvwxyz1234567890!@#$%&*()?


ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz1234567890!@#$%&*()?ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz1234567890!@#$%&*()?


Palatino is an easy to read and popular typeface. It was designed by German typeface designer Hermann Zapf, who also created Optima. It was first released in 1948 by the Linotype foundry. Zapf eventually extended it to Latin, Greek and Cyrillic character sets. Palatino is available in a wide variety of weights and variations. The font was named after an Italian calligrapher, Giambattista Palatino. Palatino has a humanist influence and a caligraphic grace to it.

An example of caligraphy, which Palatino was influeanced by.

Palatino





In 1984 Palatino was one of the typefaces originally included by Apple in the Macintosh computer. It was a very popular, until it began to be replaced by Times Roman. Palatino remains one of the most widely-used typefaces and has been adapted to virtually every type of technology. It is known as one of the ten most used serif typefaces. Zapf has created several typefaces that relate to Palatino.

abcdefghijklmnopqrstuvw1234567890!@#$%&*()?





ABCDEFGabcdefghijklmnopqrstu1234567890!@#$%&*()?ABCDEFGabcdefghijklmnopqrstu1234567890!@#$%&*()?


Fun Fact: A version of palatino in all caps is used for DreamWorks Studios logo.

Ut sit amet leo tortor, vel elementum dui. Curabitur ipsum risus, blandit laoreet bibendum condimentum, adipiscing a sapien. Etiam id tempus sem. Praesent laoreet pellentesque lectus quis elementum. Fusce placerat porttitor felis, eu mollis dui blandit a. Suspendisse lacus nulla, vehicula ullamcorper vehicula congue, pulvinar interdum massa. Suspendisse sollicitudin rutrum convallis. Nullam interdum mollis leo, at vehicula augue interdum nec. Nam accumsan aliquam diam, ut blandit purus viverra nec. Mauris aliquam bibendum nisl imperdiet consequat. Etiam purus purus, posuere a mollis a, vestibulum ut leo. Quisque at felis a felis vulputate condimentum. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Integer id nibh vel enim aliquet vestibulum nec tristique justo. Nullam ut eros enim, iaculis rutrum lacus. Fusce nibh sapien, mattis eu tempus eu, fermentum ut urna.8/10


Ut sit amet leo tortor, vel elementum dui. Curabitur ipsum risus, blan-dit laoreet bibendum condimentum, adipiscing a sapien. Etiam id tempus sem. Praesent laoreet pellentesque lectus quis elementum. Fusce placerat porttitor felis, eu mollis dui blandit a. Suspendisse lacus nulla, vehicula ullamcorper vehicula congue, pulvinar interdum massa. Sus-pendisse sollicitudin rutrum convallis. Nullam interdum mollis leo, at vehicula augue interdum nec. Nam accumsan aliquam diam, ut blandit purus viverra nec. Mauris aliquam bibendum nisl imperdiet consequat. Etiam purus purus, posuere a mollis a, vestibulum ut leo. Quisque at felis a felis vulputate condimentum. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Integer id nibh vel enim aliquet vestibulum nec tristique justo. Nullam ut eros enim, iaculis rutrum lacus. Fusce nibh sapien, mattis eu tempus eu, fermentum ut urna.12/14



Reading Palatino

.




ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz1234567890!@#$%&*()?ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz1234567890!@#$%&*()?


PalatinoThis three page spread was to inform about the typeface Palatino. I used the first two pages to inform and provide examples of the typeface in use. The third page fits well with the other pages but could also be used as a stand alone decorative poster.

PALATINO MAGAZINE SPREAD2013

Step by Step:

Yulin Wang

About the Author:Yulin Wang is an instructor in the Visual Communications department, Medicine Hat College, teaching graphic design. His paintings have been exhibited extensivly in the United States, Canada and China. He recieved his Bachelor of Fine Art from Nanjing College of Arts in China in 1988. Mr. Wang studied at the University of Texas at El Paso, Texas and later at New Mexico State University, New Mexico. Where he earned his MA and MFA degrees. In 1996 Mr. Wang was awarded NMSU College of Art and Sciences Award, by New Mexico State University, New Mexico USA and 1999 he was awarded a Visual Arts Creation Grant from Canada Council for the arts.

A Guide to the Graphic Design World

John Wiley & Sons, Inc.Professional/Trade Division605 Thrid Avenue, New York, N.Y. 10158-0012New York. Toronto. Medicine Hat. Shanghai

I began designing this book cover by creating a visually interesting graphic image. As I was placing the type I decided to make lines representing the guides I used.The guides tie the image and type to the graphic design concept of the book by referencing the process used to develop it.

STEP BY STEP BOOK COVER2012

I created social media elements based on the existing branding of the freemasons. My goal was to create interesting elements that allowed the client to have variety while fitting in the existing branding.

FREEMASONS SASKATCHEWAN SOCIAL MEDIA BANNERSTAND2013

This banner stand was created for the International Minerals Innovation Institute. The challenge was to highlight all organizations involved without giving too much emphasis to one group or organization.

Due to the diversity of groups involved the banner allowed for visual references to minerals in a broad sense, with no emphasis placed on a particular group of minerals.

INTERNATIONAL MINERALS INNOVATION INSTITUE 2013

6TH ANNUAL SASKATOON

Premier’s Golf Tournament

September 5th, 2013Thursday

www.saskatoonpremiersgolf.caRegistration Deadline August 1, 2013

REGISTER NOW TO ENSURE YOUR SPOT!

The invitation for the Premier’s Golf Tournament allowed me work with branding elements from the Saskatchewan Party. It challenged me to work within the existing branding guidelines while still making a visually pleasing invite.

I also had challenges with organizing the photos and names of so many people in a small space, this solution allows for many people to be displayed in a way that is well organized.

PREMIER’S GOLF TOURNAMENT INVITATION2013

720 Duchess streetsaskatoon sk s7k 0r3

P 306.242.7119F 1.877.651.4305E [email protected]

stsolo.com

WE GO BOTH WAYS

THANKS A LOT.THANKS.

design & technology

720 Duchess streetsaskatoon sk s7k 0r3

P 306.242.7119F 1.877.651.4305E [email protected]

stsolo.com

WE GO BOTH WAYS

THANKS A LOT.THANKS.

design & technology

I designed and prepared these items for print based on existing St Solo branding. I also found local and economical options for having them created for the St Solo staff.

ST SOLO NAMETAGS AND THANK YOU CARD2013

I wrote and designed the layout of much of the St Solo Coperate identity manual. Displayed is a selection of the pages I created. I became fully aware of the brand and how it was to be utilized

and then wrote about the identity elements. The challenge in this project was laying out and writting about the brand in a way that was simple and effective for everyone to use.

ST SOLO BRAND IDENTITY GUIDE2013

sakitawak.com

Corporate IdentIty ManualJune, 2013

10 / SaKItaWaK Corporate IdentIty Manual edition:01

deSIgn elementSPrimary and secondary colour palettethe base Sakitawak brand is built on green and sand colours, with an accent of black. these colours are representative of the northern forests. they are classic and symbolic of the brand.

the secondary colours chosen are light green and orange. these colours are brighter and more modern. using these colours sparingly with the primary colours creates a balance of traditional elements with those that are more modern to fully represent us.

prIMary palette

SeCondary palette

colour Pantone cmYK rgB heX

Sakitawak sand 451 C 32, 27, 57, 1 178, 169, 126 B2a97eSakitawak green 349 C 90, 31, 96, 21 0, 113, 61 00713d

colour Pantone cmYK rgB heX

Sakitawak light green 362 C 78, 13, 100, 0 59, 162, 73 3Ba249Sakitawak orange 151 C 0, 48, 95, 0 248, 152, 40 F89828

Sakitawak sand #451 c

Sakitawak green #349 c

Sakitawak light green

Sakitawak orange


mArKetIng mAterIAlSNewsletterthe Sakitawak newsletter template has been created in order to best display multiple pages of information. the newsletter displays the brand well through the use of colour and text.

the template allows an individual to add new information to it without changing the look. any changes made to accommodate text must fall within the guidelines highlighted in this document.

the newsletter has been designed to be professionally printed at 17”x11”, folded in half (4 pages), or on a home/office printer at 8.5”x11”.

news

by John Doe CEO

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut vehicula auctor sem, a mollis libero sodales sed. Sed urna odio, faucibus nec laoreet sed, luctus vulputate orci. Vestibulum aliquam condimentum quam vel vestibulum. Lorem ipsum dolor sit amet, adipiscing elit.

Nullam id velit in nisl scelerisque suscipit non at elit. Susp adg sadgher endisse dui erat, pret ium vel mollis eu, iaculis in ligula.

Phasellus nunc ante, ullamcorper sed viverra a, commodo vel urna. Nam non justo vel ipsum placerat interdum. Ut aliquet laoreet orci et imperdiet. Suspendisse sapien urna, at enim. Aliquam faucibus lacinia metus, a ornare massa pharetra ut. Mauris tincidunt nisi ac enim semper interdum. Quisque non mi est.

Cras interdum semper felis, et lobortis dolor aliquam sit amet. Curabitur tempor, odio quis lobortis vehicula, orci felis vulputate libero, eget dignissim lorem mi a lorem. Ut eget arcu felis, a sodales nunc.

Integer ante ante, dignissim porttitor pulvinar vel, mattis eget felis.

Nam suscipit tortor sit amet quam faucibus sit amet ultricies felis consectetur. Phasellus tempus bibendum ipsum quis rutrum.

Donec molestie sodales neque, bibendum congue eros ornare non. Ut id ante et ipsum interdum facilisis. Aenean nibh urna, sodales sit amet

suscipit et, venenatis ac arcu. Integer ac leo vel orci convallis adipiscing non nec orci.

Aliquam erat volutpat. Aliquam viverra volutpat laoreet.

Sed nibh non ligula in semper ligula condimentum. iaculis ut, sagittis Donec eu sem sit amet consectetur in non sem. Sed sagittis elit ligula, at sapien. Deleifend pellentesque.

Iteger Ac Anean NibhDonec molestie sodales neque ollicitudin nibh non

Ut AliquetDonec molestie sodales neque ollicitudin nibh non

Cras interdum semper felis, et lobortis dolor aliquam sit amet. Curabitur tempor, odio quis lobors vulputate libero, eget di mi a lorem. Ut eget arcu felis, a sodales nunc. Integer ante ante, dignissim porttitor pulvinar vel, mattis eget felis.

Phasellus nunc ante, ullamcorper sed viverra a, commodo vel urna. Nam non justo vel ipsum interdum.

Ut aliquet laoreet orci et imperdiet. Suspendisse sapien urna, at enim. Aliquam faucibus lacinia metus, a ornare massa pharetra ut. Mauris tincidunt nisi ac enim semper interdum. Quisque non mi est.

Donec molestie sodales neque, bibendum congue eros ornare non. Ut id ante et ipsum interdum facilisis. Aenean nibh urna, sodales sit amet suscipit et, venenatis ac arcu.

Integer ac leo vel orci convallis adipiscing non nec orci.

Aliquam erat volutpat. Aliquam viverra volutpat laoreet. Donec eu sem sit amet lorem placerat consectetur in non sem.


Sed sollicitudin nibh non ligula lacinia in semper ligula condimentum.

Donec eu sem sit amet lorem nibh non ligula lacinia in ligula coplacerat consectetur in non sem. Sed elit ligula, at sapien. Donec metus quis metus eleifend pellentesque.

Ut id atne et ipsum nullam velit aliquam condimentum.

Metus nall doneced atne et ipsum nullam velit aliquam condimentum.

newsFALL 2013

Nam Suscipit Tortor Sit AmetDonec molestie sodales neque ollicitudin nibh non

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut vehicula auctor sem, a mollis libero sodales sed. Sed urna odio, faucibus nec laoreet sed, luctus vulputate orci. Vestibulum aliquam condimentum quam vel vestibulum. Lorem ipsum dolor sit amet, consectetur adipiscing elit.


Phasellus nunc ante, ullamcorper sed viverra a, commodo vel urna. Nam non justo vel ipsum placerat interdum. Ut aliquet laoreet orci et imperdiet. Suspendisse sapien urna, tristique accumsan iaculis ut, sagittis at enim. Aliquam faucibus lacinia metus, a ornare massa pharetra ut. Mauris tincidunt nisi ac enim semper interdum. Quisque non mi est.

Cras interdum semper felis, et lobortis dolor aliquam sit amet. Curabitur tempor, odio quis lobortis vehicula, orci felis vulputate libero, eget dignissim lorem mi a lorem.

Ut eget arcu felis, a sodales nunc. Integer ante ante, dignissim porttitor pulvinar vel, mattis eget felis.

Nam suscipit tortor sit amet quam faucibus sit amet ultricies felis consectetur. Phasellus tempus bibendum ipsum quis rutrum.

Donec molestie sodales neque, bibendum congue eros ornare non. Ut id ante et ipsum interdum facilisis. Aenean nibh urna, sodales sit amet suscipit et, venenatis ac arcu. Integer ac leo vel orci convallis adipiscing non nec orci.

Aliquam erat volutpat. Aliquam viverra volutpat laoreet.

Sed sollicitudin nibh non ligula lacinia in semper ligula condimentum. Donec eu sem sit amet lorem placerat consectetur in non sem. Sed sagittis elit ligula, at faucibus sapien. Donec ornare metus quis metus eleifend pellentesque.

In thIs Issue » Vehicula Auctor

» Consectetur Libero Vulputate Orci

» Phasellus Nunc Ante

» Cras Interdum Semper Felis Lobortis Dolor Aliquam Sit Amet

» Aliquam Erat Volutpat

» Donec Ornare Metus Quis Eleifend Pellenesque

Interdum semper felis, et dolor sit amet odio quis lobortis vehicula.

JUNE 2013 Corporate IdentIty Manual sakitawak.com / 17

mArKetIng mAterIAlSFoldera folder has been designed to hold promotional material for Sakitawak. the graphic elements from the brand have been incorporated with images of people and events from the community.

dimensions are 9”x12” folded, 18”x12” flat, with 2 4” pockets, both with slits for business cards.

P (306) 833-2466 F (306) 833-2666

Box 190 Ile a la Crosse SK S0M 1C0

sakitawak.com

P (306) 833-2466 F (306) 833-2666

Box 190 Ile a la Crosse SK S0M 1C0

sakitawak.com

Front Back

Inside


mArKetIng mAterIAlSBusiness cardsthe Sakitawak business card has been created to represent the visual identity while being clear and easy to read.

the business card has been created at the standard size to ensure that it fits into most wallets.

Format 3.5” x 2”

Printed 4/4 on 100lb digital gloss cover card.

1 the employee name is 9pt Medium black.

2 the title of the employee is 7pt Medium, all caps, Sakitawak green.

3 the Sakitawak logo remains in the same location and size on all cards.

4 Contact information is left justified. It is book 9pt black, indicating text is bold 8pt Sakitawak sand.

5 the address and email are both 8.5pt book, the address is black and email is Sakitawak green.

6 the back of each business card is the same. no changes should be made to it for any reason.

Margin:0.25”

Margin:0.25”

12

45

6

sakitawak.com

3x: 0.2439”y: 0.1578”w: 3.0122”h: 0.5622”

Margin:0.25”

Margin:0.25”

JUNE 2013 Corporate IdentIty Manual sakitawak.com / 15

mArKetIng mAterIAlSHandoutthis handout was created with a tear away business card at the bottom. It incorporates all graphic elements, content to explain what Sakitawak has to offer, as well as contact information.

dimensions are 9” x 3.5” with 3.5” 2” tear away printed 4/4 on 100lb digital gloss cover.

sakitawak.com

Serving the residents of the Northern Village of Ile-a-la-Crosse and area through the

» identification and delivery of training and employment opportunities,

» support for the establishment of new business opportunities,

» and the development of community initiatives.

Celine FavreauDireCtor oF eConomiC Development

P (306) 833 2466 M (306) 833 7335F (306) 833 2666 E [email protected] 190 Ile a la Crosse SK S0M 1C0 sakitawak.com

missionFounded on its cultural spirit, resilience, and strength in community economic development, Sakitawak Development will maintain, develop, and expand the economic base of Ile-a-la-Crosse by promoting strong partnerships with communities and industry.

Community eConomiC Development

Community PlanningWe provide:

» strategic planning as a community development corporation

» community planning and subdivision developments

» infrastructure development studies » support for northern initiatives and strategies

Training & Employment OpportunitiesWe provide:

» access to training initiatives within and outside the community

» employment opportunities within the community and region

» training linked to employment

New Business Start-UpsWe provide:

» assistance with compiling a business plan » support for evaluating a local business opportunity » assistance with securing financing » business retention and expansion services for

existing business owners » business counseling and information services

For assistance and support contact:

I created the entire corporate identity manual for Sakitawak Development Corporation. I studied the brand elements and a few examples of their uses as well as interviewed the original designer of the brand and it’s elements.

Based on that I was able to come to an understanding of the brand and effectively write about it. I worked hard on laying out the manual in a way that was both informative and visually interesting.

SAKITAWAK BRAND IDENTITY GUIDE2013

The pop Up Portrait studio was an idea I had for the Visual Communications grad show at Medicine Hat College. I came up with the original idea for this campeign and while I did have help from other students in it’s development and exicution I played a major role in it’s success. The campeign consisted of creating a giant frame and bringing it to events.

Then inviting people to get their portrait taken in the frame and coming to the Grad show to see their picture displayed. After developing the initial idea I planned the events and took on the responsibility of editing and printing all the images on a large format digital printer. I also helped with the building of the frame and display on which the images were presented.

POPUP PORTRAIT ADVERTISING CAMPEIGN 2013

LINDSAY TOTH

306-290-9435 [email protected]

lindsay toth portfolio 2013

Documents

new icons

new website contributors

ps new branding

ace website

existing city parking

minimal branding

player icons

calgary parking identity