Serve Metrics Page

The What:

serve is a Discord management bot that is currently under development by a international team of designers, web developers and programmers that are volunteering their time to develop it. I was asked to help with the UI and branding design in late 2017, and have been working on many minor elements in my free time.

Recently, I have been making web UI mockups for a metrics tracker for the web interface portion of the bot. Neither Discord nor any bots have a user-friendly metrics system that server owners can utilize, so I feel that having a good and comprehensive metrics feature is something that many server administrators may welcome.

serve is currently in private pre-alpha testing. Once it becomes public I will update this page.

The How:

Dashboard of the metrics section.

In creating the dashboard, I recognized that admins would want to see in a quick and easy way the most important bits of information in a clear and direct manner, and if they needed to better understand anything they would then go to a specific page. So I threw up the most useful and most general information in a clear and easy to read way, using bright colors to distinguish data from overall dark tone of the page. While the majority of the colors are meaningless, I used the orange and red only in places where the statistics could be a negative or nearly negative value to the admin.

CTRL Clothing Brand

THE WHAT

I long loved many of the cool designs seen in modern fashion design, with one caveat: I hated how many graphics used in clothing are blatant advertisements for their own brand that transform the wearer into walking billboards. One day, I decided to change this. I wanted to offer my own brand that provided really cool clothing that is free from advertisements and allows the wearer to take back control in the messages their clothing is sending. So I made CTRL

CTRL is a contemporary brand that offers contemporary designs for a limited time. Once they are gone, they are gone forever. The clothing will avoid use of it’s own branding as clothing graphics, but it’s brand will represent the style of work you can expect on the clothing.

CTRL is not currently selling products while I look for a new printing solution. This page will be updated once I do.

THE WHY

The Control key on your keyboard (Typically abbreviated “CTRL”) has an internationally reconized icon which I adapted for the branding icon. This not only represents the control key from which I take the name of the brand, but also visually represent’s the captain’s wheel from a sailing ship. This is to symbolize the control over the fashion journey I am providing my customers. I then used a bold typeface to match the icon and to represent the visual impact the clothing brand will have.

Vermont Animation Festival Brand

The What:

The Vermont Animation Festival is an annual festival hosted by Lyndon State College and Catamount Arts for both local and traveling animators to filmmakers to show their work. The festival takes place late in the fall in the Northeast Kingdom of Vermont. I was approached originally in 2015 to design a logo for the festival, and then asked in late 2017 to work on a full brand design based on the logo.

The Why:

The logo works to represent the concept of animation, motion, and change by taking three abstract leaf shapes in the process of transformation not just through their motion from one side of the logo to the other, but also by the changing of colors from a healthy and young green to a terminal orange-red. The soft forms and playful colors are contrasted by bold and modern logo type.

Example of the mono scheme on the brand orange

When producing a monochromatic version of the logo, I had to create a version that was still recognizable without the color or opacity that is so powerful in the original version. This was done with two small cut-outs that give the impression of separation between the leaves. While the monochromatic logo should be used only when necessary, it still faithfully carries the brand identity of the original.

Award badges for selected animations.

One unique request was an award “badge” that the festival could pass to featured films and award winners to place on media. I took the leaf forms and used them to create a unique twist to a common trend.

Simply Spice Package Design

The What:

Simply Spice was based off an idea presented in an XKCD comic in which a simple and minimalist package design would stand out among flashy and highly-detailed package design that is all so common in the industry. I created a conceptual brand based off this idea that was all about simple ingredients and no hidden garbage.

The Why:

Using simple colors that accentuate the spices within, and bold yet neutral typography that said exactly what it was without adding any flair, I made a set of very utility-based jar labels that granted a large amount of open glass space for a customer to inspect the contents easily. Furthermore, I added a label for the lid, allowing the customer to store their spice jars at any angle.

Anti-Facebook Posters

The What:

I have long been concerned with Facebook’s constantly expanding attempts to force it’s prying eyes into our every day lives, and I am not alone in my fears. I have minimized my use of the platform, and limited it’s technological reach through a variety of privacy applications and by restricting what their apps can do on my phone. With the recent controversy surrounding Cambridge Analytica I decided now was the best time to bring attention to the long-standing privacy issues regarding Facebook.

The Why:

The posters are designed to mimic Facebook’s branding using their brand fonts and colors. However, as the reader moves down the poster (and further down the rabbit hole) they encounter a pattern that relates visually to the topic. The posters all conclude with a call to action and rallying cry: #DeleteFacebook. They also feature sources when appropriate to respond to anyone saying “There is no way they really do that, right?”

NVU Rack Card

The What:

While working at Lyndon State College’s Office of Communications and Marketing, I was tasked with the creation of a rack-card that would advertise our new combined institution that we were in the process of re-branding ourselves into, Northern Vermont University. This would be a condensed version of our view-book, which was a magazine sized booklet that covered everything there was to say about the NVU experience while showcasing brilliant photography of the campuses and surrounding region.

THE HOW:

While following NVU brand guidelines, which was still in a state of flux at the time of creation, I created something that would tell a story in the order in which a reader interacted with it. First of all, it would display the programs of study available at each campus, which to many potential students is a make-or-break factor for a college. If they don’t teach what I want to learn, there is no point in looking further. If they are interested, they can then learn about the things to do both on campus and off campus, featuring photography showing impressive buildings to study in and amazing mountain ranges to explore. Finally, on the last panel, a breakdown of costs and related information, shown only after the reader sees all the other information.

Cultural Festival Poster

The what:

The Lyndon Cultural Festival is a yearly event in which a week of cultural programming is offered around campus featuring a wide range of topics and activities.

The Why

Knowing that the poster would need to hold a lot of information, and wanting to avoid the trend of other years in which multiple pieces of paper would be taped together, I decided to keep graphics minimal and in the background. I choose a picture of people casting off paper balloons to link into the cultural theme, and re-colored it. I then added a contrasting color to the font to stand out from it.

Student Leadership Recruitment Posters

The What:

I was tasked by Student Life with creating a series of posters advertising student leadership positions to be hung throughout the campus and residence halls. One poster would be for the Peer Leader position, another for the RA position, and one advertising both positions.

The How:

I first chose some colors that would stick out like a sore thumb, using green to match the RA uniforms, a yellow-gold for the Peer Leader uniforms, and Blue as a tie-in to the new Northern Vermont University branding colors. I then angled the grid I was placing my content on to break away from design common trends of other posters seen around campus. Finally, I added a light honeycomb pattern to reflect our past branding identity.

Lyndon Leadership Conference Logo

The What:

The Lyndon Leadership Conference is a annual conference hosted at Lyndon State College aimed primarily at providing topical workshops and networking opportunities for student leaders across the region. Often pulling in student leaders from college campuses many hours away, the conference is a great opportunity to talk shop with other leaders in similar roles working at other institutions.

As a student leader, I attended the conference three years in a row and lead multiple workshops in two of those years. When approached by to create a logo for the program, I felt it was a perfect opportunity to give back to an event I loved so much.

Initially, there was very minimal direction given by the client, save for a request for a variety of options for a simple logo, possibly one that represented that year’s theme for the event: “Voices of Leadership: Defining Your Story”.

Semi-final logo design for a logo based on the conference’s theme.

However, as the project went forward, the focus shifted away from the theme in favor of celebrating the 10th anniversary of the conference.

The Why:

Final Logo Variants

The final logo combines modern themes with a timeless touch, all the while linking back to the institution it is representing. This is achieved by using a bold clean sans-serif typeface – NEXT ART – as it’s primary logotype, which is in keeping with much of contemporary design trends. It is then placed inside a large heavy box to only further express the boldness. To contrast the bold and modern logo type, the slab-serif version of Roboto was used to stress the age and prestige of the event while still having enough modern sensibilities to appear coherent next to the main logo type. A pine green color was chosen to give a nod to the college brand without directly linking it to it by using the exact same green.

The logo was produced in two versions – one horizontal and the other vertical – for the varied applications the logo would appear in.

Hush Logo Design

The What:

Gasp is a premium infant and toddler clothing and supply retailer. They wanted a full brand that accurately represented their values of premium quality, as well as blissful and nurturing sleep. However, they wanted to avoid anything similar to brands like Pampers and Huggies.

I lead a team of designers to create this brand and it’s branding manual. In addition to being a team leader, I created the original
logo design, stationary, and wrote the branding manual.

The Why:

For the logo to convey the feeling of a premium product while keeping a soft touch, I used a slim and narrow typeface cast in a royal purple, and I gave the lettering plenty of space to breath. I then cradled the type in a slim yellow moon, with the stem of the “h” aligning with the tips of the moon.

Spread of page 8 and 9

The branding manual needed firm language that was forward thinking of any and all possible use or misuse of the brand. Furthermore, the design of the manual itself needed to be a prime example of the brand in action. Premium colors, and space for content to breath were key here.

The full manual can be found here.

Gasp Logo Design

The What:

This logo design came from a two-week long design competition hosted on a public art and design Discord server. While I have lost the original prompt, it went a little something like this:

Gasp is an architectural design agency focused around environmentally sustainable and conscious urban development, with a goal of getting organic plant life back into the concrete jungle. They want a logo that speaks not only to their core values but also to the concept of the word Gasp.

After being a runner up in the contest, I followed up by making other related branding materials.

The Why:

Gasp Final Logo

When I started working on the logo design, I thought a lot about what it meant to live in nature. One of the first things I thought about were tree-houses, like a truly spectacular one from something like The Swiss

Family Robinson or Codename: Kids Next Door. I then took that concept and abstracted it further, thinking about what a literal tree-house would be like. (Perhaps something carved into a mighty Sierran Redwood?) And with that, I had a concept for the iconography of the logo.

The logo-type was pretty straight-forward. I wanted something modern to match with the tree-house, and I also wanted it to be open to the air. Sansation proved to be the perfect font for my needs.

Gasp Stationary Mockup

When making the letterhead for the company, I also wanted to reflect their morals in a practical way. To achieve this, I used a very minimal header and gave wide margins for the type to minimize the need for multiple pages. Along with a note at the bottom to encourage recycling of documents, this would be the most echo-friendly letterhead I could develop. However, to make it painfully clear the origin of the letterhead even from a distance, I placed a faint yet large watermark on the side of the page.

Secrets Of Vault 9 Magazine Article

The What:

Vault 9 was a series of documents published by WikiLeaks detailing the CIA’s cyber warfare and intelligence gathering ability, including the ability to compromise some cars, internet browsers, smartphones and other smart devices. Shortly after the leak, I decided to make the first page of a magazine article about the leak.

As part of this, I wanted to make a design that was not part of the clean and crisp design style I was using so frequently and instead do something gritty. Because of this, I figured this project would be a perfect time to do just that.

The How:

The main graphics – the cityscape, the surveillance camera walkers, and the sky – I made to push the concept of a dark and gritty future surveillance state in which complacency has allowed our freedoms to be taken from us. I then used the title – The Secrets Of Vault 9 – to separate the bulk of the graphics from the beginning of the article. I used a torn paper effect and the partially obscured text to further emphasize the idea of secrets being revealed.

Mirror’s Edge Promotional Poster

The what:

Ever since the game Mirror’s Edge came out in 2008, I was a fan of the simple visual aesthetic using bold colors, along with the fast paced parkour focused gameplay. Furthermore, I have always loved the Swiss design style (otherwise known as the International Typographic Style) for many of the same artistic reasons. It makes sense that the game shares many of the same visual styles that were used in Swiss design, as the developer DICE is based in Sweden. It also made sense that I would make a promotional poster in homage to the game I loved so much when a new game in the franchise, Mirror’s Edge: Catalyst was announced.

The Why:

I used many of the principles I saw to be effective from famous poster designs I saw came out of the Swiss design movement to mimic the style, using simple text aligned to an angled grid and bright colors that would pop on print. Also, I used copies of the main image to imply movement that is so key to the gameplay.

Markozoya

The What:

Marakzoya is a biotech research and development think tank that is focused on extending the human lifespan and increasing long-term quality of life. Markozoya (μακροζωία) is greek for “long life” as the group is located in Greece. However, to appeal to an international audience, they wanted a english-centric rebrand.

This was a conceptual project, in which I wanted to focus on using subtle details to enhance a design.

The How:

Characters such as the “a” and “k” were replaced with similar greek characters to link to the greek origin of the group.

I first looked for a good and modern font with minimal serifs that had multi-lingual support. I then took the phonetic pronunciation “Markozoya” and added greek characters that appeared similar to english ones, allowing for a direct link between the english-readable name to the greek origin.

For the iconography I added a two-tone heart, with harsh edges at the top to link to the logotype, while featuring a subtle curve at the bottom to relate to the softness and frailty of the human condition.

FunHaus Peake Poster Series

The What:

Matt Peake is a character from the gaming and comedy YouTube channel FunHaus. With all the loud, excited, and off the wall comics on the channel, Matt Peake is the ultimate no-nonsense straight man with a never ending deadpan to balance out the cast with his simple desire to “get back to work.” The fanbase took a liking to him for some reason, and decided to hail him as some kind of hero, often posting in forums and livestreams a pair of slashes to symbolize a mountain’s peak, as a play on his last name. I decided I must elevate him further.

THE HOW:

Adopting both the FunHaus branding colors and a soviet-style propaganda look, I made a series of three semi-connected posters depicting Matt Peake as some kind of Stalin-esque leader. The first poster is a call to arms, the second serves to remind the followers of Peake the importance hard work, and the third just bares his double-slash-mark symbol.