amchan

DNDi, founded with Nobel Prize money under Doctors Without Borders, focuses on medical research for select diseases that impact internationally underserved communities. While their audience is primarily made up of scientists and researchers, they also seek to appeal to philantropists and policy makers. Their site suffered from unclear messaging, disorganization, and too much text.

Although largely a rebranding effort, much of their information architecture, content strategy, and navigation required deeper examination from an architectural and experience standpoint. Additionally I sought to establish a modular design system of reusable and global WordPress blocks to build consistency and cohesion. Tap to zoom.

After this site launched, it received an award: Hermes Creative Awards, Honorable Mention!

After one designer shared visual assets from Shutterstock into Figma, I imported the vector layers into Jitter to create a timeline animation that could be exported as a Lottie file.

Financial dashboard for financial advisors to help manage their clients, track accounts, see document status, and compare their own performance against other advisors.

While I worked on some early UX navigation explorations with the client, a design director devised some style tiles, which I then applied toward the larger visual design system.

When one designer left in the middle of a project, I was brought on to help develop new enhancements such as the getting trail directions, download trails, and viewing metadata.

After this site launched, it received an award: Hermes Creative Awards, Gold!

As part of Orion's Innovation Lab, a team I have been leading, we have been exploring 3D tools such as Spline. I made this animation during the holiday season with the intent to share with the larger XD team.

Feel free to view this in-browser.

The product encompassed a wide range of embedded tools and features, ranging from a budgeting tool to generating prospect lists to custom reports, I redesigned them all. Though we were limited by not being able to propose any new functionality, I focused on reorganizing and rearchitecting the existing interface.

In addition to revamping the navigation and refining the content strategy, I helped give this university a branding refresh.

After the site went live, it got featured in Graphic Design USA magazine! View a dimly-lit image I took with my phone. Furhtermore they spelled my last name wrong! Pretty hilarious honestly.

After one designer shared visual assets from Shutterstock into Figma, I imported the vector layers into Jitter to create a timeline animation that could be exported as a Lottie file.

The branding refresh started pre-pandemic, and we finally launched the site in February 2023! The delay was in part due to various administrative deadlines and contracts. Gratifying to see it finally come to fruition.

When I first joined the project, their files were still a mixture of Photoshop and Sketch files, so as part of the branding refresh, I started a brand new library in Figma, retaining their core typography and brand colors into a flexible yet robust block system, built in Drupal.

As a small side project, I was tasked with a branding refresh for one of KPMG's subsidiary's dashboard tools. It is used by accountants to manage their tax own clients, as well help them track what their fellow collaborators have changed, upcoming deadlines, and more.

I devised two design directions: one slightly off-brand, one closer to their new branding refresh.

As a small side project, I was tasked with a branding refresh for one of KPMG's subsidiary's dashboard tools. It is used by accountants to manage their tax own clients, as well help them track what their fellow collaborators have changed, upcoming deadlines, and more.

I devised two design directions: one slightly off-brand, one closer to their new branding refresh.

The museum sought to redesign their Registries, a community resource for witnesses, survivors, and rescue and recovery workers to sign-up, share their stories, and connect with others. Their goal was to ultimately boost registrations.

For this project we were greatly limited in scope to redesign only the portion for rescue and recovery workers, their largest registry audience. There was no budget to make it mobile-friendly, and they had just updated their global navigation and visual identity, so it needed to match aesthetically.

With those limitations in mind, I handled both UX and UI around site flow diagrams, content strategy, wireframes, and data visualization. Pictured here are a number of different wireframe approaches I created and presented to the client to help them humanize the data they have obtained over the years.

After this site launched, it received an award: W3 Awards, Silver Winner!

Fairview Microwave supplies high-quality electronic parts and accessories to universities, telecommunications, and military audiences that care deeply about technical product specifcations and same-day shipping in order to fulfill their engineers’ prototyping and project deadlines.

Despite the client's premium pricing, customers tended to struggle and get overwhelmed at finding the precise part they sought. They needed the ability to compare similar products, shop on mobile, experience a smoother check-out process. The company also welcomed a branding refresh.

This site map helps acknowledge some of their most-trafficked pages, identify key entry points to find opportunities for cross-promotion and elevate product content as needed.

I spoke to a number of employees from Rheem, many of them former plumbers or contractors themselves, that educate and train new contractors on how to use the app in the field. I sought to learn which app features seemed the most crucial, what pain points caused the most frustrated, functions they wish they had, and so on. As I lead the interviews, I utilized Miro to organize notes into different color-coded categories.

Pasternack sells high-end electronic parts to primarily those involved in telecommunications, universities, and military departments. These audiences are generally working on various prototypes and want a highly-specific or customized part as soon as possible; cost is not much of a deciding factor as much as knowing an electronic part's specifications and parameters.

After I conducted a series of stakeholder interviews, I developed interactive wireframes to refine the e-commerce experience for this rather niche audience.

By using a Sketch plugin, I made this small animation as one concept to help promote the audio-based Lincoln Center Tour App

High-fidelity wireframes to solve the problem of two separate purchase flows, re-architecting both into one seamless ticketing experience. See a before flow chart (2016) to see the circumstances we sought to solve.

See also wireframes for a new user buying one show or wires for a returning user buying two shows.

Refreshed calendar search to provide more information upfront to the user and improved ease of use. See before example.

Refreshed calendar search to provide more information upfront to the user and improved ease of use. Tap to zoom.

This annual event ended up being hosted by Wayne Brady! They gave me free reign to work on visual language that did not need to be strictly-aligned to Lincoln Center's core site, and as the event highlights young-and-upcoming talent, I elected to incorporate brighter gradients and dark contrasts to give it a more vibrant feel.

See an archived version of the launched micro-site or tap to zoom.

New app features for the Lincoln Center iOS app included tweeting a performance, lottery promo, and account screen refresh. The app had previously been redesigned by R/GA a year or two prior, so I made sure all new features would be visually-consistent.

I designed a templatized system that would allow for different festivals to customize various elements yet remain structurally the same in the CMS. Tap to zoom.

I designed a templatized system that would allow for different festivals to customize various elements yet remain structurally the same in the CMS. Tap to zoom or view the live page.

As the About section was getting its content re-written and re-organized, I audited the various sections into a map to denote what would stay, get relocated, or removed altogether.

Although I had to convert this into a GIF to display in the overlay properly, originally I had scripted a small CSS animation onto an SVG as part of an identity proposal for an art and technology conference

NowThis lives solely on social media platforms now, but back in 2013, we were a video news app, and we won an award from Apple's App Store for Bite-Sized News!

As the early motion designer worried I had subtracted too much of the old UI, I sought to find a compromise by incorporating a white noise image for a tiled background texture. From left to right are shots of the home feed, video detail screen, and navigation drawer.

Over time as the original motion designer became less involved, and my role as lead UI designer gifted me more oversight, I recommended that motion graphics could remain embedded as part of the video aesthetic to allow for a flatter, cleaner app interface to surface videos. From left to right are shots of the home feed, video detail, and related content that would sit below the video.

As several of us at NowThis had previously come from HuffPost, we knew prioritizing social sharing would help increase traffic, so one of the ideas to increase engagement would be to encourage viewers to comment on videos by creating a meme format they could share in the app or externally: users would be able to select a frame still, add text, make some basic customizations, then post as they please.

These logos lived in the bottom corner of each video. Feel free to watch a video example on YouTube.

Before I joined, NTN's early branding had been influenced by a freelancer who had previously done a ton of motion graphics for MTV back in the day, only many found the old UI to be a bit busy, so I sought to bridge the gap between a cleaner interface and refreshed logo with a nod toward its initial aesthetic.

These logos lived in the bottom corner of each video. Feel free to watch a video example on YouTube.

Before I joined, NTN's early branding had been influenced by a freelancer who had previously done a ton of motion graphics for MTV back in the day, only many found the old UI to be a bit busy, so I sought to bridge the gap between a cleaner interface and refreshed logo with a nod toward its initial aesthetic.

Flow diagrams of the new architecture of the support portal, diagram for when a user has to open a support case, and the old architecture for comparison purposes. Tap to zoom in or out.

These logos lived in the bottom corner of each video. Feel free to watch a video example on YouTube.

Before I joined, NTN's early branding had been influenced by a freelancer who had previously done a ton of motion graphics for MTV back in the day, only many found the old UI to be a bit busy, so I sought to bridge the gap between a cleaner interface and refreshed logo with a nod toward its initial aesthetic.

NowThis lives solely on social media platforms now, but back in 2013, we were a video news app, and we won an award from Apple's App Store for Bite-Sized News and Google Play's Staff Picks!

As the early motion designer worried I had subtracted too much of the old UI, I sought to find a compromise by incorporating a white noise image for a tiled background texture. From left to right are shots of the home feed, video detail screen, and navigation drawer.

Over time as the original motion designer became less involved, and my role as lead UI designer gifted me more oversight, I recommended that motion graphics could remain embedded as part of the video aesthetic to allow for a flatter, cleaner app interface to surface videos. From left to right are shots of the home feed, video detail, and related content that would sit below the video.

As several of us at NowThis had previously come from HuffPost, we knew prioritizing social sharing would help increase traffic, so one of the ideas to increase engagement would be to encourage viewers to comment on videos by creating a meme format they could share in the app or externally: users would be able to select a frame still, add text, make some basic customizations, then post as they please.

As several of us at NowThis had previously come from HuffPost, we knew prioritizing social sharing would help increase traffic, so one of the ideas to increase engagement would be to encourage viewers to comment on videos by creating a meme format they could share in the app or externally: users would be able to select a frame still, add text, make some basic customizations, then post as they please.

As several of us at NowThis had previously come from HuffPost, we knew prioritizing social sharing would help increase traffic, so one of the ideas to increase engagement would be to encourage viewers to comment on videos by creating a meme format they could share in the app or externally: users would be able to select a frame still, add text, make some basic customizations, then post as they please.

As several of us at NowThis had previously come from HuffPost, we knew prioritizing social sharing would help increase traffic, so one of the ideas to increase engagement would be to encourage viewers to comment on videos by creating a meme format they could share in the app or externally: users would be able to select a frame still, add text, make some basic customizations, then post as they please.

HuffPost partnered with TED for a recurring series called TED Weekends in which a collection of posts and videos would get published around a central theme, necessitating the need for features like a countdown clock, paginated archive, and so forth.

Flycell's parent company, Acotel, had a number of other projects they were pitching, including a casual gaming service. This was one of several branding and identity explorations I shared with my creative director.

Logo proposal for a series on comedians having meaningful conversations in public restrooms. Unfortunately the series did not come to pass, haha, but to this day I am still pleased with what I made.

Every new vertical has its own dedicated team of editors and contributors and gets branded with two different hex values, so I would present different options. For Women, I also had the opportunity to explore light refreshes to the template for extra customization.

As part of a new landing page, HuffPost Apps, I helped design some layouts and assets, including this background image intended to represent mobile and tablet across Apple, Android, and Windows platforms.

One of Aol's properties, Kitchen Daily, essentially crossed over to become HuffPost Cooking after the acquisition. I helped devise different comps to fuse branding from both sides.

Every week they released an "album" of ringtones, so I got to work on several different album covers for the marketing department. It was fun, and the audio was often quite silly.

Flycell's parent company, Acotel, had a number of other projects they were pitching, including a casual gaming service. This was one of several branding and identity explorations I shared with my creative director.

Flycell's parent company, Acotel, had a number of other projects they were pitching, including a casual gaming service. Leveraging illustration assets from Shutterstock, I devised a few different landing page concepts.

Animated GIF that appeared on Alley Insider, now better-known as Business Insider

It is amusing to look back on some of these old comps I worked on when Photoshop was the primary tool for interactive design, as well as the days before accessibility was well-known.

Using Procreate, I drew a tiny fireball and exported it. With SparkAR's hand tracking, I imported my drawn fireball, added a particle system, and exported an AR filter that any one can play with on Instagram.

First of all, camera filter names have a max character count, so I had to shorten it somehow. Secondly I just thought it would be a fun way to learn SparkAR better by seeing if pulling in flat 2D assets alongside face tracking would help achieve a Lichtenstein effect. It needs considerable refinement, but I liked the option to tap for different hairstyles, as well as getting a bonus teardrop if you make a face. View camera filter on Instagram.

For Father's Day, I drew and assembled a pop-up card of one of my dad's favorite dishes.

Animation still from a series of sci-fi inventions

Vector illustration for WIRED's NextFest to ask where are great ideas conceived. I have a soft spot for terrible puns.

Vector illustration of a pun intended for the possibility of screen-printed shirt.

Vector illustration of a pun intended for the possibility of screen-printed shirt.

Before Adobe Illustrator released their radial pattern feature, I found a way to do this manually by utilizing various icon fonts and typing them onto curved lines. If the imagery seems random and haphazard, it is because it is comprised of a series of inside jokes for a friend, but I had hoped it might be visually-striking to the masses.

Vector illustration of a camera lens for a tattoo that I recreated based from a photograph. Recipient was a video editor I worked with at NowThis News. See the inked version on Flickr.

Vector illustration for a furoshiki print to help promote the K8 Environmental Summit in Kyoto, Japan, which was held to raise awareness on the environment.

Vector illustration of how life and music are intertwined ... least before wireless earbuds became the norm, haha.

Logo proposal for National Collaborative for Women's History Sites (NCWHS) intended to evoke strength and architecture for this organization that values historical preservation.

Logo concept for the sci-fi future in which food may be efficiently imbibed as a small pill to provide nutrition and satiety.

Pencil drawing of a band member

Pencil drawing caricature of a band member

A member from the student-run organization at the University of Northern Iowa requested a logo redesign for usage in their video work.

Acrylic on canvas

Oil on canvas of a three-dimensional object onto a two-dimensional background

Poster concept for the artist's retrospective exhibition. I remember navigating a narrow set of hallways in an office building in order to get a shot of the building fans a few floors lower.

Converted a pencil drawing into a vector illustration to screenprint in four colors. Some folks felt like the axe would miss the cupcake, which can be interpreted as you like. It felt like an appropriate representation of some friendship drama at the time, haha.

A typographic logo concept I made for fun one day.