Experience

Skills

10/10

Photoshop

9/10

Illustrator

9/10

AfterEffects

9/10

InDesign

9/10

Sketch

9/10

HTML

I coded
this site!

CSS

10/10

Omnigraffle

7/10

Axure

10/10

Wacom & Brushes

4/10

JavaScript

3/10

FramerJS

Lifelong Learner!

Portfolio

PROJECT:

Cloud Discovery

Discovery is the first of three separate B2B products that I designed with a wonderful user experience team at CipherCloud. It provides administrators an easy yet extensive way to identify risk, analyze network usage, and manage cloud application access within an enterprise.

Dashboard

My Role

As the team's only visual designer, my key challenges were to provide visual clarity in a data rich UI, to design for scalability and evolving features, and to maintain consistency throughout the development process. Top down constraints, such as branding guidelines and color choice, were balanced with the goals of creating a flexible and content focused interface.

Working directly under the principal user interaction designer, I was responsible for iterating design treatments, creating custom icons, marking specifications, and managing design libraries. I also completed design reviews for the front-end developers and annotated any changes necessary to keeping the UI consistent.

Cloud Pop-Over

Our Process

Working iteratively to simplify the product wherever possible, I updated the existing design library and reworked our color palette. Drawing on my background as a visual artist, I used Goethe triangles to create multiple color families for our charts and used lightness and saturation variations on our corporate hue for the majority of the background elements.

In trying to claim market space with this series of products, we met aggressive deadlines that often favored rapid solutions. Given more time, I would love to continue to simplify the interface and carve out more whitespace where possible. Through working on this series of products, I learned to design for flexibility and to plan for consistency. I loved being part of a UX team, and hope to do more UX focused work in the future!

Login page

*Please note, I designed two additional products while working with the UX team at CipherCloud. However, these products are unreleased and can't be shared through this portfolio.

PROJECT:

UM Art & Design Resource

The University of Michigan's School of Art & Design wanted to create a site to curate and present teaching materials for a series of foundations art courses taught in multiple sections by multiple instructors. I was approached to create an online resource that could homogenize classroom content and present students with comparable classroom experiences regardless of the instructor.

The Challenge

Our primary challenge was to provide well chosen materials with sensitivity toward each artistic medium and in an intuitively discoverable way. A secondary goal was to keep low technical requirements for future upkeep, and to tailor the design to current branding standards for the School of Art & Design.

Our Process and Solution

Through a process of interviewing faculty members, I arrived at a series of categories, tags, and readings that described what faculty envisioned to be the core areas of learning within the program. Starting with a simple Wordpress template, I edited the PHP and CSS to match our needs. After following up on reading requests, I solicited further readings from the faculty, and wrote the copy summarizing each article. To meet copyright restrictions, we completed the online teaching resource as an internal site.

Responsive Wordpress site for UM

PROJECT:

Illustration

On the side, I love making digital illustrations and tinkering with children's stories. It's a great practice ground for playing with color, layout, and storytelling!

A surfing hashtag
Illustration combining digital and analog brushes.
Mouse
Digital illustration made in Photoshop.
Pink Elephant
Digital illustration using Photoshop vectors.
Bearded Child gif
Hand-drawn animated loop, created in Photoshop.
Alligator
Digital illustration made in Photoshop

Get in touch!

Let's work together.