Typeforce is a yearly showcase of typographic allstars that I had the honor of being accepted in it's fifth year. My work focused on exploring the aesthetic qualities of malaprops which are misued words and phrases used to comedic effect. Think: Michael Scott.
DePaul University - Campus Maps
Role: Product Designer Team: Creative Director, Project Manager, Web Developer Overview: This project was initiated to redesign the campus map interface at DePaul and also to provide a way for mobile users to access the maps as well, a first for the university.
Customizing Google Maps
We customized the Google map look and feel with DePaul brand colors and UI pieces that bore a resemblance to other campus interfaces.
Surfacing locations quickly and easily on desktop was accomplished using a bubble pointer design, basically a reskinned version of the one Goggle provided us. The panel on the left, enabled the user to switch between two campus locations, as well as filter results, or pick a specific location. This broad-to-narrow interface was a need we saw both stakeholders and users expressing to us.
Bubble pointer on mobile
Here you can see how I designed the panel and bubble pointer to work on mobile.
The leaf page was a simple template that would also narrow down to mobile nice and easy.
Pet Memorial Services
Role: Creative Director UX Team: CEO, VP, Director of Marketing Overview: Pet Memorial hired me as a freelancer to redesign their logo, and to re-architect and redesign their ecommerce website, effectively rebranding their digital properties from the ground up. A huge efficiency in this project was selecting a modern ecommerce platform that could support the types of transactions they needed, as well as work great on mobile.
The finished product
Mobile was a prime consideration for this client as most mobile traffic was bouncing due to the previous site not being optimized.
Words and pictures for huge effect
I carved out time in the design process to select images and write copy that embodied the values of Pet Memorial. I felt it was important for the company to express an understanding of the deep bond between pet and owner, and how Pet Memorial honors this in their process.
Since I had already helped Pet Memorial pick out an ecommerce package, the few wireframes I created were an effort to help them focus on content and site architecture, and how the site would fold down to mobile.
Some of the logo sketching samples as well as a few early concepts of the logo. Overall I was seeking a way to represent a somewhat sad concept in a happy or whimsical way.
This is the final product to the logo design efforts. The hand written type reinforces the personal touch that PM provides it's customers while also referencing a peaceful stoicism in the word services, and how seriously they take their business.
Playfully Yours Album
Role: Art direction, design, illustration Team: The members of Playfully Yours Overview: I was given a wonderful amount of latitude on this project, having been sought out by the band for my unique illustrated approach to glitch art. The band provided photographs to work from and were a sounding board for concepts, but allowed me the freedom to develop the themes, colors and imagery. Testimonial: "You are pro as ****, and I am ELATED at this work" - Katie, Playfully Yours
Role: Product Designer Team: Ben Rhodes (iOS developer) Overview: This was my very first foray into design for iOS, around 2009. AutoAndy was originally a Flash-based generative art project that could produce random assortments of shapes and faces based off my illustration style at the time.
Ben and I started by sketching out our ideas for the app on paper. This is a great example of capturing our initial spark of ideas quickly on paper. This sketch really encapsulates our early conversations and carries forward to completion with some minor modifications along the way.
Splash screen redesign
Upon opening the app we wanted to better set the tone for the app, so we sketched and designed some concepts to see how that would play out.
Part of the process of bringing this app to life was devising a pattern library that made it easy for Ben to construct the app, and extend it when needed.
As the app generated random faces and shapes, the user could use the camera to grab a color scheme and apply it to the generated images.
What you're seeing here are some of the primary screens within the app that facilitate the generation of the faces/shapes.