Dave Johnson
Creative Director
UX Design
Designer and developer of digital media specializing in UX and UI for mobile-first, responsive design and ADA web compliance.
Employer and client list includes MTV, Showtime, Out and Advocate magazines, AOL and Time Warner.
Contact
dave@davej.com
347-421-1602
P2XJ+P2
NYC
Editorial Projects
Out.com
Responsible for the start-to-finish design of flagship website including pencil sketches, wireframes, functional prototypes, typography, final mockups, and Q/A. The website is mobile-first, Drupal, open-source, fully responsive and based on Google Material Design principles. Designed all page templates including home page, channel pages, article pages, video, and two slideshow templates.
Presented concepts to editorial, sales, development and senior management to assure all stakeholders were engaged and satisfied with the final product. The new designs resulted in a 400% increase in traffic totaling over 1 million monthly uniques. Slideshows and story pages are configured for 100% ad view-ability on mobile and desktop.
Out.com Home Page
Out.com Story Page
Out.com Horizontal Slideshow
Out.com Slide Show
Out.com Channel Page
Out.com Vertical Slide Show
Out.com Wedding Guide
The Advocate has been the major news source for the LGBTQ+ community for over 50 years. Responsible for front-end redesign of website, integration into the existing editorial workflow, and preservation of legacy content.
Advocate.com Home Page
Advocate.com Story Page
Advocate.com Slide Show Mockup
Advocate.com Channel Page
Advocate.com vertical slide show
New front-end for pride.com was designed to retain original look and feel while porting site to a new backend. New functionality allowed for syndication of content, a streamlined editorial process and standardization of ad inventory between multiple sites.
Responsibilities included font selection, page layouts, Photoshop mockups, preservation of legacy content and final Q/A.
Pride.com Home Page
Pride.com Channel Page
Pride.com Story Detail Page
Three sites designed to share a common HTML backend template with separate and unique CSS overlays.
LIVE SITES:
CHILL OUTTRAVELER PLUS
Chill.us Home Page
Chill.us Story Detail Page
Chill.us Vertical Slide Show
OutTraveler Home Page
OutTraveler.com Story Page
Plus Home Page
Recipe site built in WordPress. Responsible for design, implementation and social media promotion. Presented to WordPressNYC at Microsoft headquarters.
Home Page
Channel Page
Recipe Detail Page
Recipe Detail Page
Sponsored Content
Galleries and microsites developed for Tiffany, Kenneth Cole and Stoli. Featured on Out.com
Tiffany sponsored gallery with shopping links on Out.com
Kenneth Cole sponsored gallery with shopping links on Out.com
Topman sponsored gallery with shopping links on Out.com
Stoli Sponsored Microsite on Out.com
Stoli Sponsored Microsite on Out.com
Stoli Sponsored Microsite on Out.com
The Archives
Creative Director, Digital Media
Showtime.com
Showtime.com
Showtime Boxing
Mike Tyson on Showtime Championship Boxing
The Movie Channel
The Movie Channel
WhirlGirl
Behind the scenes CD-ROM for New Line Cinema
Behind the Mask for New Line Cinema
Behind the Mask for New Line Cinema
Behind the Mask for New Line Cinema
Behind the Mask for New Line Cinema
Art Director, Video Graphics
Donkey Kong
Donkey Kong
Donkey Kong Jr
Rocky
Rocky
Smurf Rescue
Smurf Rescue
Tarzan
Zaxxon
“I’m still big, it’s the pixels that got small”
– Dave Johnson