Category Archives: web

hapn.at

by

JennyPatterson_HapnAtAPPPortfolio

Hapn.at is an APP that provides a users with a personalized event list based on events their friend’s are going to, created and like. Essentially never miss another event you never knew about.

This APP was created during Steel City Codefest, a 24-hour “hackathon” held at Google’s Bakery Square Office. During said “hack” teams created civically minded APPs. Hapn.at was created with the help of some friends Geis, Shoff, Brent, Rob and Jake (check these guys out – they are all awesome!). My role within the team was that of User Experience and Visual designer – I created light user journeys, built wireframes and then skinned those frames with simple design elements. There was a bit of “logo” design and “branding” mixed in there too – bu the focus was getting the main screens completed. During codefest our team was on fire – I think we were all nervous that we wouldn’t complete our APP within the time constraint. It was truly amazing how far this APP came in just 24 hours. We love our APP so much we are continuing our development on it so it can become even more awesome and usable.

Check it out : hapn.at

I thought I’d include some of my process for this project, my sketches, chicken-scratch and all.

JennyPatterson_HapnAtAPPWiresPortfolio

Anthropologie Fashion Guide Proposal

by

In the Winter of 2010 I interviewed at the Anthropologie office in Philadelphia. The night before they sent me a design proficiency “test”. I was asked to : “Design an interactive module that allows customers to browse our cold weather outfits. Choose a suitable media to support your concept (Flash, Ajax, HTML, etc.)”

JennyPatterson_anthroPortfolio_930

The user interface created was a simple html look-book in which a user could view the outfit pieces showcased in the image and purchase the items without leaving the guide experience. For good measure I scanned some ink washes, frost photos, and fabric textures then layered those on the photographs to enhance the layered, cold weather theme.

Mill Hollow Cafe

by

JennyPatterson_MillHollowSitePortfolio

Mill Hollow Cafe was looking for a mild brand enhancement for their web presence. A small family owned cafe and grocery store they offer a modest selection of catering and bakery items in their grocery store. They aren’t a flashy company and have an older clientele so large simple navigation was key to their site’s success. In addition to the clean color palette  a static navigation piece with the company’s phone number, location and email address are available on the bottom of the site – so no matter what the contact information is visible.

If you’re ever in Luzerne PA – stop in and get some all natural food.

Mill Hollow Cafe Website

Alternative Search Website Concept

by

RISD “thesis” project for a website search engine that uses non-traditional methods to gain Artist Book results within Rhode Island School of Design’s Artist Book Collection.

Let’s go back to 2007, I was in my senior year and searching for a project that would be A. interesting/ complex enough to work on for 3 semesters and B. do something for the  community at RISD.

RISD has a giant collection of artist book and journals within their library collection. Unfortunately they are cataloged in such obscureness it’s almost impossible to get a “hit” on them within the school’s card catalog system. For the lucky few that actually magically find them – they are the holy grail – these journals and books are literally one of a kind masterpieces. Since many of the books are donated by past students – some actually spell out how to survive specific classes. Sadly, these books rarely see the light of day – they are tucked within the special collections area of the library and don’t show up within the computerized search system. I spoke with the “head” librarian and was informed that many of the books are unserachable becuase they are sort of uncategorizable… some of these books are literally made of leaves or can only be read backwards…they don’t fit into the standardized system and to make it even more difficult since they weren’t published they don’t have ISBN numbers (obviously).

Such and interesting problem…  I decided to devise a sort of non-traditional search tactic. Since the books didn’t fit into a regular searchable database I established a more organic search. It’s a bit estate sale meets dating service, basically the library’s search system would have a series of non-traditional questions that the searcher would answer. For example I search for a book that is “accordion fold” rather than getting results about how to construct an accordion fold book or how to play the accordion I actually get a book in accordion format. The search went more untraditional still with the ability choosing objects or pictures – I liken it to rummaging at an estate sale – You know what you’re looking for when you find it… and have no idea what you’re looking for… like I said untraditional.

JennyPatterson_AlternativeSearchPortfolio

The end result is a site that allows for both methods of searching and leads to organic search results. Demoing this system yeilding some exciting results – the results a lot of the time were not accurate [fail!] however the books themselves were so interesting students didn’t seem to mind[win!].