danny williams is a web designer & web developer in los angeles

Roland Connect 2014

Screen capture of the Roland Connect 2014 website in desktop, tablet, and mobile views Screen capture of the Roland Connect 2014 website in desktop, tablet, and mobile views Screen capture of the Roland Connect 2014 website in desktop, tablet, and mobile views

Features

  • GeoIP Detection
  • Retina-quality without large download
  • Large, off-canvas nav
  • Twitter Feed PHP Caching
  • Responsive (duh)

Roland uses its Connect site for new product launches. Primary site goals were to make the new products look great and make the site mobile and international. All of the graphics created for the site are retina quality up to about a 1280 browser width; but we accomplished this without penalizing the user (each product hero and its background weigh-in at about 100kb combined). The site uses CSS translate and transitions for the smoothest animation possible for the menus, which scale well at any supported screen size (320-1600).

Axiss Audio

Screen capture of the Axiss Audio website in desktop, tablet, and mobile views Screen capture of the Axiss Audio website in desktop, tablet, and mobile views

Features

  • Custom response WordPress theme
  • Custom WP plugins for components, dealers, and brands

Axiss Audio needed to bring their site into the responsive world. Given the number of components featured on the site, numerous WordPress plugins were developed to allow portability of as much data as possible.

Danny + Becca

Screen capture of the Danny + Becca website in desktop, tablet, and mobile views

Features

  • LocalDB-based autocomplete
  • Narrative form
  • Sectional wallpaper effect
  • Responsive (duh)

Designing and building your the site for your own wedding can be intimidating when it will be the primary RSVP point for the guests. Giving up IE8 meant I was free to be more creative with the effects and fallbacks. Feel free to play with the form, as the wedding is now well past.

CubeJam

Screen capture of the CubeJam website in desktop, tablet, and mobile views

Features

  • Scroll & motion effects
  • 3d motion and blur effects with fallbacks
  • Retina-everything without bloat
  • Responsive (duh)

Roland's CubeJam app needed a microsite to highlight its partnership with Hal Leonard while keeping a look and feel that would appeal to rock guitarists. A few different 3d effects were used to increase engagement.

Roland Connect 2013

Screen capture of the Roland Connect 2013 website in desktop, tablet, and mobile views Screen capture of the Roland Connect 2013 website in desktop, tablet, and mobile views

Features

  • Retina-quality without large download
  • Large, off-canvas nav
  • Twitter Feed PHP Caching
  • Responsive (duh)

Roland uses its Connect site for new product launches. Primary site goals were to make the new products look great and make the site mobile and international. All of the graphics created for the site are retina quality up to about a 1280 browser width; but we accomplished this without penalizing the user (each product hero and its background weigh-in at about 100kb combined). The site uses CSS translate and transitions for the smoothest animation possible for the menus, which scale well at any supported screen size (320-1600).

Roland Corp., US

Screen capture of the Roland Corp., US website in desktop, tablet, and mobile views Screen capture of the Roland Corp., US website in desktop, tablet, and mobile views Screen capture of the Roland Corp., US website in desktop, tablet, and mobile views

Features

  • Responsive Design
  • Modular CSS & JS Frameworks
  • HTML5 & JS Audio & Video Players
  • jQuery RSS Reader
  • jQuery Accessible Tabs

Roland Corporation needed a front end developer to code their redesign. While utilizing design elements from designers inside and outside the company, the vastness of their content demanded a healthy amount of design work. Cheif among their priorities were supporting decades-old content, using HTML5 audio and video to replace their many Flash-based demos, and creating a modular JS and CSS framework so the design would be able to be rolled out to international affiliates.

ACDA California

Screen capture of the ACDA California website in desktop, tablet, and mobile views

Features

  • Custom responsive WordPress theme
  • Custom plugins

The California chapter of the America Choral Directors’ Association needed a brighter, more professional look with easy updating by their many administrators. I developed a Wordpress Theme based on an outside design and customized several plugins to work with the responsive site.