[vc_row no_margin=”true” padding_top=”20px” padding_bottom=”0px” border=”none” bg_color=”#000000″][vc_column fade_animation_offset=”45px” width=”1/1″][accordion][accordion_item title=”Hello! My name is Gabe.“][column type=”one-third” last=”true” ]

& I am a graphic designer.

I aim to provide visual identity, branding, and communication design to arts and culture organizations, higher education, nonprofit and charities. My design is process driven, collaborative and I aim to be experimental.

My interests are custom typography, image making, design systems and print production.

Contact me for a project, a question, idea, or a beverage of any temperature.

[/column][/accordion_item][/accordion][accordion][accordion_item title=”☛ contact me”]hello@gabewong.com
phone. (780) 803 2591[/accordion_item][/accordion][accordion][accordion_item title=”work. sfu teaching and learning centre, rebrand”][column type=”one-third”]2016-12-08-BodyVoiceSpace-2 copy[/column][column type=”one-third”]2017-01-30-CPUTL copy[/column][column type=”one-third” last=”true”]2017-02-27-EMP copy[/column][column type=”one-third”]2017-02-22-RethinkingTeachingCover copy[/column][column type=”one-third”]2017-02-22-Symposium_Postcard_Cropmarks-1 copy[/column][column type=”one-third” last=”true”]TLC_PhotographyNotice copy[/column][column type=”one-fourth”]TLCentreCalendar_Spring-2017-5x8-vert-front[/column][column type=”one-fourth”]TLCentreCalendar_Spring-2017-5x8-vert-3[/column][column type=”one-half” last=”true”]How does one design a brand within a brand? How do you create a voice that is independent yet fits within a larger context? Such was the dilemma with Simon Fraser University’s Teaching and Learning Centre (TLC). Many departments made their own logo and rejected many of the branding guidelines provided by the university’s existing system. This was the initial problem with the TLC old brand, which looked disconnected from the university. My approach to the problem was to create a more strict brand guideline under the existing SFU guidelines but to also make it dynamic. This rebrand achieved that by using a responsive system of grids based on the document size and a four-square system of photographic images and flat icons/pictures. This system portrays the TLC’s diverse offerings of programs, reports, and marketing materials consistently and dynamically.[/column][/accordion_item][/accordion][accordion][accordion_item title=”work. pure vida butter & ghee, branding and packaging” parent_id=”” id=”” class=”” style=””][column type=”one-fourth”]PureVida-BusinessCard[/column][column type=”three-fourths” last=”true”]PureVida-Banner[/column][column type=”one-third”]PureVIda-Butter[/column][column type=”one-third”]PureVIda-Ghee[/column][column type=”one-third” last=”true”]PureVida-CalgaryMarket[/column][/accordion_item][/accordion][accordion][accordion_item title=”work. making connections, typeface design”][column type=”one-half”]mzdtypography_1[/column][column type=”one-half” last=”true” ] mzdconnections_postcard_2 [/column][column type=”one-half”]mzdconnections_postcard_1[/column][column type=”one-half” last=”true”]

The overall idea for this project was based on an idea that graphic design stems primarily from the written language, and ultimately to typography. Thus, a brand, campaign, and culture can be held entirely through a typeface which embodies its values and purposes (i.e. culture represented through calligraphy).The design of this typeface reflects an experimental yet human approach. Its design is based off human proportions, using the size of the head as a base unit. The proportions of the typeface informed the margins, leading, type scale and also offered a visual theme of undulating lines for the images.[/column]

[/accordion_item][/accordion][accordion][accordion_item title=”work. teurastamo, typography & poster”][column type=”one-third”]HelsinkiNightMarket_Print_MocKup[/column][column type=”two-thirds” last=”true”]HelsinkiNightMarket_SampleType_
Teurastamo is a food incubator/catalyst for food culture in Helsinki. Once a large butcher centre and abattoir, most of the buildings were converted into restaurant spaces and multi-use rooms. To further the use of the spaces into the evening, a night market was produced. The history of the space was central to the design. From a small directory of the original floor plan, a custom typeface was made from the original hand lettered sample. It was then taken into a bold weight and used on the poster. To highlight the type yet to also evoke the night, a simple use of type printed with high gloss varnish on black paper was used. Initially and in somewhat ironic fashion, the varnish was supposed to be glow in the dark ink, but because of the near-midnight sun in Helsinki at the time of the festival, it was discovered that it wouldn’t have worked.
[/column][/accordion_item][/accordion][accordion][accordion_item title=”work. fringe theatre festivals, campaign”][column type=”one-third”]Fringeopolis27.5x39[/column][column type = “one-third”]Fringeopolis_typeFringeopolis_Balloon[/column][column type = “one-third” last=”true”]Fringeopolis_Buskericon_
Edmonton holds North America’s largest Fringe Theatre Festival by attendance; something that I find indicative of the experimental nature of the city. I was asked to do the highly visible campaign poster for a few years which was truly a great honour. From the poster, the elements of the system are broken apart and used on everything to tie the festival together. From the program to the signage, little is untouched by the yearly theme. For Fringeopolis, a custom typeface of futuristic buildings was made. A great use of the elements was when they were hand painted onto the ground to mark the many busker stations.[/column][line][column type=”one-third”]FWL11X17_PROOF[/column][column type=”one-third”]Fringe2012_11x17_print[/column][column type=”one-third” last=”true”]Other campaigns were “From Fringe with Love” which was inspired by old James Bond movies and the prevalence of one man shows in experimental theatre. “Village of the Fringed” used a custom typeface and built specifically on a radial grid.
[/column][/accordion_item][/accordion][accordion][accordion_item title=”work. mile zero dance, various printed materials” parent_id=”” id=”” class=”” style=””][column type=”one-third”]The work of Mile Zero is extremely diverse and experimental, focusing not only on dance but also in installation, sound and environment. However, for all of its experimentation, they remain accessible to the public. The tone of their yearly publication/program must have the same tone, a mix of refinement and curiosity, play and introspection.[/column][column type=”one-third”]MZD-saltlick-cover-front[/column][column type=”one-third” last=”true”]MZD-saltlick-perfartsfest[/column][column type=”one-third”]MZD-saltlick-DBC[/column][column type=”one-third”]MZD-saltlick-field-work-middle
[/column][column type=”one-third” last=”true”]MZD-saltlick-outreach


[column type=”one-third”]MZD_BellyFolded[/column][column type=”one-third”]MZDPRogram-1[/column][column type=”one-third” last=”true”]MZDPRogram-2[/column]


[column type=”whole” last=”true”]MZD-ProgramLayout[/column][/accordion_item][/accordion][accordion][accordion_item title=”work. educ 471, book”]

[column type=”one-third”]CreativeSyllabus-2-1[/column][column type=”one-third”]CreativeSyllabus-2-3[/column][column type=”one-third” last=”true”]CreativeSyllabus-2-5[/column][column type=”one-third”]CreativeSyllabus-2-13[/column][column type=”one-third”]CreativeSyllabus-2-7[/column][column type=”one-third” last=”true”]CreativeSyllabus-2-8[/column] [column type=”one-third”]CreativeSyllabus-2-10[/column][column type=”one-third”]CreativeSyllabus-2-9[/column][column type=”one-third” last=”true”] This small booklet was made as a preliminary textbook and course syllabus for an instructor at the Simon Fraser University (SFU). It attempts to create a more poetic approach to the course and subject matter by reinterpreting the course syllabus and textbook as an artifact/art piece of the course. By doing so, it reframes the course as an experience rather than a formal, lecture-based classroom with the same existing hierarchies of instructor and student. It attempts to create a more engaging experience which is how SFU approaches pedagogy and its relationships with the world.[/column]

[/accordion_item][/accordion][accordion][accordion_item title=”work. have a gameplan, campaign”][column type=”one-half”]HaveAGamePlanPoster [/column]

[column type=”one-half” last=”true” ]



This public service announcement was commissioned by Responsible Hospitality Edmonton to encourage safe practices when going out and having a night on the town. To inform the public of the important considerations to be taken when engaging in risky behaviour, a light-hearted approach was needed which also acknowledged the seriousness of the issue.

I approached this by referencing dystopian science fiction in pop culture, such as The Hunger Games, Battle Royale, and Ender’s Game and combining it with an aesthetic of 16-bit video games. A map and icons were created which described danger zones but also depicted the prescribed behaviour. The poster printing was a simple 2 –colour job with fluorescent inks. [/column]

[/accordion_item][/accordion][accordion][accordion_item title=”work. miscellaneous websites”][column type = “two-fifths”]



[column type = “two-fifths”]




[column type = “one-fifth” last=”true”]

This website was made for Mile Zero Dance. As the season is planned well in advance, it made sense to turn the homepage into a calendar which displayed each event chronologically. Recurring events were made to be smaller, and other aspects, such as volunteering or studio rentals, were also included on the website in different coloured modules.[/column]



[column type = “two-fifths”]VICCA


[column type = “two-fifths”]VICCA-people



[column type = “one-fifth” last=”true”]

This website was made for the Vicca Program, Visual Culture, Curating and Contemporary Art Program at Aalto University. It uses simple columns to display the information.

[/column][/accordion_item][/accordion][accordion][accordion_item title=”work. miscellaneous posters” parent_id=”” id=”” class=”” style=””][column type=”one-third”]CmonPoster11x17-rev-1

[/column][column type=”one-third”]SalutDamour-Posters


[/column][column type=”one-third” last=”true”]AVancouverGuldasta-large



[column type = “one-third”]MediaArts2[/column][column type = “one-third”]TheisPOster[/column][column type = “one-third” last=”true”]MeanwhilesMockyp[/column][column type = “one-third”]Cmon2016_MusicMoves-1[/column][column type = “one-third”]CreaticeMornings5x7Postcard[/column][column type=”one-third” last=”true”]reelingposter[/column][column type=”one-half”]Cmon2015_postcard_CLR[/column][column type=”one-half”  last=”true”]Making a poster is always a highlight. For me, posters are the extension of graphic design and image making into the public realm forming the visual identity of a place. It seems that every city has a different aesthetic and it subtly spreads itself by remaining passive in the background yet also active in space. Even global brands often adapt themselves to the look of place while maintaining its brand. It is like having to wear the same wardrobe differently when appearing to different people.[/column][/accordion_item][/accordion][accordion][accordion_item title=”work. selected wordmarks and logos”]

[column type=”whole” last=”true”]logos-2[/column]

[/accordion_item][/accordion][accordion][accordion_item title=”work. meadows transit station, illustration & public art”][column type = “one-half”]Meadows_IllustrationFull[/column][column type=”one-half” last=”true”]Meadows_Instatllation_
Installed on the outside of a transit station, this public art piece intends to create curiosity into the biodiversity of Alberta as passengers wait for their bus. The animals, all drawn on a system of a grid, creates consistency and abstracts the animals such that they are visually cohesive. The image is printed onto high-density laminate panel to outlast the temperature variation in Edmonton where -30° to +30° is common. This illustration was featured in the 2011 Communication Arts Illustration Annual.[/column][/accordion_item][/accordion][accordion][accordion_item title=”work. art gallery of alberta, interactive installation”][column type = “one-half”]Practice Play 2012 002Practice Play 2012 009aga_words[/column][column type=”one-half” last=”true”]Practice Play 2012 038Practice Play 2012 036
We are the dream-animals and the dream-people. Our world begins with you right here, right now. Start with a single letter, a shape, a colour . Add another, and then another. Put us together, take us apart, move us around. Find a pattern that tells a story.[line]This installation was made for the Art Gallery of Alberta’s BMO World of Creativity, in other words, the children’s room. This is probably one of my more challenging projects, as the room had to be safe and durable (as there is no provided supervision) but it also had to be entertaining. I now understand why playground design is its own specialized field.

For the room, I explored the creation of a culture through creating basic visual rules; everything must be built on a rigid grid sytem and the only colours that could be used were red, yellow, blue, black and white. It was an investigation on how a culture’s values are expressed in their visual language.

A sound floor (whose sounds could be changed), a cryptography mural and an origami table were made. Canadian writer Thomas Wharton was commissioned to write a short story for the cryptography wall and sound artist Mark Hannesson created the noises for the floor. The cryptography illustration was a 2012 American Illustration Selected pick. The end result looked very Mexican.
[/column][/accordion_item][/accordion][accordion][accordion_item title=”work. miscellaneous murals”][column type=”whole” last=”true”] wrkspc-atb-mohagany-ATB-colours-shade[/column][column type = “one-half” last=”true”]This mural was made for the Mahogany ATB Financial Branch in Calgary, Alberta, commissioned by Makespace in Edmonton. This mural is a simple representation of how a bank follows a person throughout their lives. From milestones such as starting a family to the mundane of playing with a dog.[/column]


[column type=”one-half”]TRace2_Mickup[/column][column type=”one-half” last=”true”]ftaamockups

This image was to be made into a large cut tile installation for the Fort McMurry Airport. It is a 360° image which invites the viewer into a path that reveals the flora and fauna of the region. The tile colour and textures are from Wasau Tile.



[column type=”two-thirds”]STARTUPWALL1[/column]

[column type=”one-third” last=”true”]STARTUPWALL2This mural was made for Startup Edmonton. Simple hand drawn illustrations accompany inspirational/motivational quotes.[/column][/accordion_item][/accordion][accordion][accordion_item title=”independent. visual grammar, graphic narrative”][column type = “one-third”]VisualGrammar1[/column][column type = “one-third”]VisualGrammar2[/column][column type=”one-third” last=”true”]VisualGrammar3[/column][column type = “one-third”]VisualGrammar4[/column][column type = “one-third”]VisualGrammar5[/column][column type=”one-third” last=”true”]VisualGrammar6[/column][column type = “one-third”]VisualGrammar7[/column][column type = “two-thirds” last=”true”]This graphic narrative is an idea that I wish to explore further. It’s not so much about a story but a system of grammar and language visualization. The frames of the image represent the verb tense of the elements (i.e. past,present future, conditional, etc.). and the colour indicates whether it is a verb or noun.

Although this system most likely has a English and French grammar bias, one could possibly use this system to develop their own grammar rules. One example would be to cast tense onto the noun, rather than the verb. One could say/write something like, “the past-person eats the past-apple (delicious), at the past-store”. Inefficient but possible. [/column][/accordion_item][/accordion][/vc_column][/vc_row][vc_row no_margin=”true” padding_top=”50px” padding_bottom=”0″ border=”none” bg_color=”#000000″][vc_column fade_animation_offset=”45px”][/vc_column][/vc_row]