pnc global investment servicing

 

PNC Global Investment Servicing. Banking micro-site to announce the name change from PFPC, broadcast video of their CEO delivering the announcement, allow user to interact with their timeline history and provide a place for the networks to download any related material for publishing the news. The design was simple, clean, corporate and makes mention to PNC without over emphasizing its presence. This needed to launch fast. We went from concept to production in only two weeks. Just my example of a clean, business interface. NOTE: This information is published for the sole purpose of demonstrating the design process. Any misuse of this material is strictly prohibited.

seehere.com final

Blue was the choice and away we went. Once the homepage and ordering pages were approved, we then moved onto full site production creating every graphical element from callouts to icons. Several flash pieces were needed including a step process on what SeeHere offers it’s customers. We were really happy with it once finished but like everything else, the final development was handed off along with a full style guide. It’s hard losing control over a project you worked so closely with for several months. This photo sharing site’s pretty cool. It allows you to not only share but customize your sharing pages as well as offer way to many photo gifts. To checkout the live site, though I can’t be responsible for graphic updates that have been altered since launch, click here.  NOTE: This information is published for the sole purpose of demonstrating the design process. Any misuse of this material is strictly prohibited.

seehere.com designs rd2

Our second approach to this design took all client feedback and combined the Elegant and Bold concepts together as one. Tim and I took our stabs at container vs. vertical flow feels. The background texture was part of the original tan Craft design from round 1. The client really liked it and wanted to use it as a more relevant brand asset. We agreed and Tim incorporated it into his designs. By this point we were still playing with callout positions but were starting to hone in on the preferred brand look of Fuji’s new site.  NOTE: This information is published for the sole purpose of demonstrating the design process. Any misuse of this material is strictly prohibited.

seehere.com designs rd1

Here are the first-pass concept designs that associate with the developed mood boards. The top-two were designed by me. I continued with the Elegant style adding only subtle hints of color to let the photography really stand-out. The other two, designed by my good friend and co-worker, Tim Kin, was in charge of fleshing out the Crafty and Bold design styles.  NOTE: This information is published for the sole purpose of demonstrating the design process. Any misuse of this material is strictly prohibited.

seehere.com moodboards

FujiFilm wanted to enter the consumer online photo sharing/ordering market. So after much research and some branding experiments done internally they settled on the name SeeHere. A mark was made and a site was the next step in the process. Many directions were considered. However we didn’t want rush the process without getting a flavor of what they had envisioned. Three feels were made ranging from the clean, modern appeal of contemporary glass to the bold, vivid nature of high-contrast color. And what better container for a photographic moodboard than picture frames. NOTE: This information is published for the sole purpose of demonstrating the design process. Any misuse of this material is strictly prohibited.

philly.com mastheads

 

Ready for launch, the internal team at Philly were in need of assistance with creating some of the masthead designs that were proposed. Luckily our UX team had two very talented photographers (Bryce Gibson and Jeremy Freeman) that were open to take some shots for this project. Over a 3-day period we went out and caught the angles we wanted, brought them back and combined a series of photo/illustration compositions that worked perfectly for each section. Here are 9 that went live. NOTE: This information is published for the sole purpose of demonstrating the design process. Any misuse of this material is strictly prohibited.

philly.com final

Once mixing all our ingredients came to a finish we ended up with this design. It was built off the template Kristin put together by ignoring some parts of the agreed upon wireframe; which was just what we needed. Her exploration really helped our designs come together, and as you can see a little bit of everyone’s work was included. This set the stage for designing out dozens of other pages each with their own approach and personality. In the end our client was extremely satisfied. We put together a very detailed style guide for their internal development team to implement. NOTE: This information is published for the sole purpose of demonstrating the design process. Any misuse of this material is strictly prohibited.

philly.com design collaboration

Four design concepts were presented to the client. Designers consisted of myself, Kristin Beidleman and Matt Sutter. You can see from the four delivered, there was an overwhelming sense of natural colored grit that became a hero for this project both from the clients eyes and ours. What really excites me about this project was the obvious design collaboration that took place between me and my co-workers. It’s obvious from seeing the final design that there many strong parts of each that made it. Yes, it’s a slight “Frankenstein-ing” approach, but in the end it really turned out to be just what they were looking for. NOTE: This information is published for the sole purpose of demonstrating the design process. Any misuse of this material is strictly prohibited.

philly.com early designs

With the moodboard approval, I went into a design exploration taking all client feedback into consideration. The idea of “beautiful grit” really resonated with them. From that, shades of blue along with earth and street tones took their place. You can see some early attempts at re-branding the company logo. Please note, the final logo they use on the current site was designed by Philly.com internally. NOTE: This information is published for the sole purpose of demonstrating the design process. Any misuse of this material is strictly prohibited.

philly.com moodboard

Before we set out to redesign the Philly.com website, we gathered a few different approaches we felt could resonate with the locals. My approach was “Make Philly Yours”. NOTE: This information is published for the sole purpose of demonstrating the design process. Any misuse of this material is strictly prohibited.