Allen's oKay Portfolio Site

Nyaoming, a small Youtuber looking to expand into making merchandise, requested a new look to launch her shop with. I worked with her to find a style she was really happy with, and designed several pieces of collateral based on this new look.

The new pieces of collatoral include:

Logo
Background/Motifs
Ads for Social Media
Business Cards
Website Mockup

Gallery

Front and back side of a buisness card for Nyaoming. — One buisness card I designed. This was the stronest one out of the options I mocked up as it fits the original brand package very closely and provides consistency.

an ad for social media showcasing stickers and declaring a sale. — I designed a few ads for her social media, with options for her to set the text. I avoided more specific sample text when possible for this project as me and the client found it distracting.

a mockup of a simple website — A simple mockup for an online merchandise website. Nyaoming was interested in selling her work online to reach more customers. I wanted to design what this website would look like to fully represent her. No template quite suited her needs.

TAAFI is an organization that holds a conference every year for those in the animation industry. The conference features unique branding every year, so I had a lot of freedom to create something new that I felt fit the "TAAFI" image.

The collatoral I designed includes:

Conference Information booklet
Table About Pamphlet
Badge Design

Gallery

An image featuring colorful graphics advertising TAAFI's 2024 industry conference. — The front of the booklet. This was also the main graphic everything else was based upon.

inside of a booklet. there's information for TAAFI's industry conference on the pages — The inside of the booklet - the idea was to carry over the circle motif from the front page without distracting from the content inside.

two images showing both sides of a table pamphlet for TAAFI — Both sides of a table pamphlet that would be displayed during a speaker's event.

two sides of an event badge. one side has colorful circles, while the other side is a bold pink with white sample text. — Both sides of an event badge for attendees - note the bold pink motif that inspired my own branding I have currently!

Dutch Bros. Coffee is a chain of drive thru coffee stands with a relaxed and chill vibe. I performed a usability study of their website during May 2024, which gave me insight into some navigation issues. I then did a very slight resdesign of the website that addressed these issues without being too much work.

Comparison

Screenshot of the original Dutch Bros website, April 2024. It features the navigation and a large picture advertising popping boba. — There were two changes I suggested that are visible from the home page - the navigation and then the wording of a button. For the navigation, it was originally split between two sides. During my testing, I noticed that no one looked at the icon side, so I decided to condense the nav to be all in the same place. The button's wording was changed to make it more clear where users were going - they were being taken to a menu specifically for the new drink, not the full menu.

Screenshot of an edited version of the above screenshot. — There were two changes I suggested that are visible from the home page - the navigation and then the wording of a button. For the navigation, it was originally split between two sides. During my testing, I noticed that no one looked at the icon side, so I decided to condense the nav to be all in the same place. The button's wording was changed to make it more clear where users were going - they were being taken to a menu specifically for the new drink, not the full menu.

Screenshot of the original Dutch Bros website, April 2024. It features their drink the Caramelizer. — The way to view nutrition information from the website originally was extremely painful. A user would have to look at a large non-searchable pdf datasheet full of numbers and cross reference it with what they wanted to order. Absolutely no one liked this in testing, so my suggested solution was to have the information embedded within the drink pages themselves, very similar to how Starbucks does it.

Screenshot of an edited version of the above screenshot. It features new options for selecting buttons underneath the Caramelizer. — The way to view nutrition information from the website originally was extremely painful. A user would have to look at a large non-searchable pdf datasheet full of numbers and cross reference it with what they wanted to order. Absolutely no one liked this in testing, so my suggested solution was to have the information embedded within the drink pages themselves, very similar to how Starbucks does it.

Allen's oKayy Portfolio Site

Graphic Design

Project: Old School Brand Package for New Shop

Gallery

Project: TAAFI Project

Gallery

UI/UX Design

Project: Dutch Bros Redesign Project

Comparison