UI design; active areas that rebrand via GPS.
Information architecture, color, and interface design.
Designed UI, UX and interactions along with in app prototyping.
Designed, prototyped and programmed swipe menu interactions.
Designed and programmed UI navigation and content interactions.
Programmed gradient plugin for navigation, menus and lists.
Interactive infographic to U.S. census API in HTML, CSS & JS.
Interactive, drag and drop, web-app providing students real-time data manipulation.
Information gathering on the viability and need for interactive degree tracking software.
Responsive web site for multi-platform user experience.
This book was an exercise in Typography. Attention was given to font family, size, leading and how text is laid out on the page via single and multi column paragraphs, with and without justified text. I took this book as an opportunity to see what a professionally printed, print on demand, book would look like. […]
The goal: use type and image to direct the viewer via narrative, hierarchy and organized elements of factual and contextual information. A map of Milwaukee was chosen as the backdrop to contain the Oak Leaf Trail spanning the book front to back. Elements contained within the accordion book relate to activities on the trail or […]
Custom WordPress backend for client data entry and interaction.
Custom forms for artist submission entries.
Visualizing the movement and consumption of coal reserves.
Energy icons differentiated by hats.
Custom themed WordPress blog and shopping cart.
The heart’s symbolism as an essential life organ combined with the recognizable tips of a gas nozzle were chosen because of their simple and immediately identifiable qualities. The reverse style of dark ground with white figure and text adds a feeling of “shock” to the message, while red replaces black to call on the symbolic […]
Custom WordPress theme.
City demographics in Milwaukee vs McDonald’s spatial density.
Income and expense vs hours worked and credits enrolled.
User experience and information architecture prototype.
The objective was to explore the use of primary shapes and how they relate to the letter form’s positive and negative area. Each letter and number is featured in the pangram poster along with descriptive content about the type face, designer and the letters o, x, & b. Instructor: Bethany Armstrong
Bringing William Morris into the present was achieved by utilizing modern color imagery that was desaturated along with a modern nineteenth century layout. To update the designers original fifteenth century inspired work, varying tones, not color, were add to give the strictly woodblock black patters a wider visual verity, common in contemporary design.
Focus was placed on bringing the work of a designer from the nineteenth century, who recreated the style of the fifteenth century, into contemporary twenty-first century magazine design.
WordPress shopping cart.
This typographic poster in the Optima typeface features a background glyph in Optima, in addition to a golden section grid system. The grid determines title positioning as it contains a long, straight, diagonal to serve as a baseline. From the title, body copy and the subheadings branch off in loose respect to the glyph, which […]
The font family Optima was chosen as the basis for a type specimen poster featuring historical information about the typeface, its creator and other related facts. Exploration of multiple grid systems were used along with experimentation of information hierarchy. Along with adding color came a decision to have the background reflect the grid structure used, […]
The story of Little Red Cap is based on the morbid interactions between a girl a and a wolf. A dark background which the girl fades into was conceived to invoke mystery in the unknown, while a howling wolf was placed directly behind the girl as if to be ever present. After choosing a red […]
Research into the typeface Optima found its heavy use in the cosmetic industry as the display face of choice. This common use within an industry lead to the appropriation and parody of the Maybelline slogan “Maybe she’s born with it, maybe it’s Maybelline” and influenced the pink only color scheme. The font can also be […]
New glyphs were created from Optima’s existing glyphs. Focus on Optima’s typographic properties such as terminals, counters, contrast and weight were carefully considered when combining multiple glyphs into one, new glyphs, which maintains the typeface’s original characteristics. Instructor: Bethany Armstrong
The word microscopic was combined with the Rockwell typeface because of its turn of the century, typewriter like, technical feel. The first “O” is placed directly in the center of the typographic composition to place the word “scopic” front and center with an, under the microscope feel. “scopic” appears smaller than “micro” and is placed […]
The plainness of Helvetica lent itself well to the typography in the merge composition; its nearly uniform stroke allowed letterforms to overlap without irregular bulges or obtrusions. The blandness of the typeface also helps the composition to act as a corporate style logo, giving it a one size fits all message that does not attempt […]
The flowing, curvilinear style of art nouveau as inspiration for a personal logo. Influenced by Alphonse Mucha designs, a circular, organic symbol was created in a floral fashion and placed in the upper left corner of the logo referencing a flower tucked behind the ear. Sweeping curves were then integrated with the leg of the […]
Special attention was given to corners and borders of the work space to enhance tension of the letterform. The positioning along a border or act of entering and exiting the work space was combined with the extreme cropping of legs, tails, eyes and counters to accentuate subtle curves and variation of line weight. Capturing delicate […]
Exercise in PHP programming.
Data interaction via draggable events on a droppable time line.
Adventures in CSS via the infamous Zen Garden project.
Skeuomorphic design with maximum ornamentation.
The playing card box was a class exercise in product packaging. I chose a card box and soon after decided to go beyond the assignment and create a deck of cards to go along with the packaging.
A tri-fold brochure created with InDesign containing a quiz on how to make your house more energy efficient. Images created with Illustrator.
The Aubrey Beardsley newsletter was created for a graphic design class using InDesign and Photoshop. It features many of the artist’s works alongside actual and simulated text.
This poster advertises the details of an upcoming performance by the trio Above and Beyond. It was created in Illustrator and focuses on the use of text and shape.
Interactive UI concept.