DNAPHIL.com is the promotional site for author Phil Vecchione. The client approached me after reading an article about having a single place on the web for authors to showcase all of their work and social media. He had an old site that he had been using as a blog, but he decided to abandon the blog format.

Type

  • Responsive Design To Accommodate Multiple Screen Sizes
  • Integrated Mobile Site
  • Custom Scrollbar When Content Overflows Boundaries
  • Intuitive Navigation
  • Integrated Social Media
  • Graphical Backgrounds
  • Content That Modifies Itself To Fit Mobile SCreens
  • Custom Graphics (Author Logo)
  • Cache And Optimizations To Enable Quick Load
  • Integration Of Previous Blog
  • RSS Feed Integration And Merging


I completely recoded the theme for the client’s content and desires. I made major modifications to make the site’s sidebar fit the client’s size wishes, redid the way the backgrounds displayed and the slider worked, and then modified all of the underlying styling to make the site display correctly on tablets or screens of every size. Everything looked good except on small smart phone screens, so we created a separate mobile theme to allow proper viewing.


Showing Phil Off

The site is all about showing Phil off, so we wanted it to be impressive. We chose a “one-page” design that would allow for Phil’s information to be displayed in an dynamic way. Check out the video below to see the site in action. Static images do not do it justice.

Click on the video above to see the navigation and site in action.

Dynamic Contet Via RSS

Phil needed his online writings pulled in from the various sources. It kept his constant and current information front and center. We pulled in articles from the blog he wrote for, his google plus pages, and his newest tweets.

Responsive Design

Phil’s site stretches to fit or shrinks to fit any screen, that makes it easy to view on most devices. The site did have some issue on the smallest phone screens, so we wrapped the entire thing in a new theme when displayed on those devices.

Meeting All The Needs

Phil’s site didn’t display well enough on small phones, but I couldn’t let that be a hindrance to him. I create a mobile site that pulled in all the same information and presented his site in the best possible light on all devices. Not a scrap of content was left behind, even the content that populated from his other online writings got included in the separate mobile site and stay completely up to date.


Phil’s Site Taught Me A Lot

Phil’s site was one of the first pure portfolio sites I had done, and it taught me a lot about how to show someone off. I really enjoyed building Phil’s site and tackling the technical challenges of it.