Design and Development by Drew Matamales.

Drew makes custom websites that are easy to use and accessible. With over ten years of experience as a developer, he has the expertise to create anything you can dream up.

Drew's experience is centered around standards-based, modern web development. He favors a responsive design / progressive enhancement / graceful degradation approach that can give everyone the best possible functionality on the device they are using, from desktops to tablets to smartphones.

A graduate of the University of California at Santa Barbara, Drew is an excellent communicator. He will listen carefully to your needs, filter them through his knowledge gained from years of experience, and come up with real solutions that work for you.

With a wide breadth of experience in every stage of web development— from conceptualization through design, to front end development and back end programming and server administration, Drew has the knowledge, expertise, and dedication to help make any project a success.

Contact Drew

Recent Work.

Overwatering is Out.

A community advocacy site with fun activities and contests dedicated to stopping overwatering.

WordPress, CSS3, HTML5, jQuery, PHP, LAMP Admin, Gravity Forms, Remodal, PHP ImageWorkshop.

  • All features created with responsive design for full functionality on desktop and mobile.
  • Developed numerous custom email and post creation workflows.
Gnome Yourself
  • Created a fun interactive face-in-a-hole image compositor using custom coded cropping and image composition.
  • Users upload a photo, crop into their face, and their face is put into the body of a garden gnome using an advanced image compositing library.
  • Users can download their "Gnomed" image and/or share it via social media and email.
Photo Contest
  • Entirely custom-developed photo contest with unique functionality.
  • Users can submit their photos and vote on others' photos.
  • Application collects emails and other data from submitters and voters.
  • Admins have comprehensive control over the contest, and a custom entry list with robust sorting and search system makes it easy to pick a winner.
Neighbors' Map
  • Created responsive, interactive Google map for homepage, including user submission of pins via an easy-to-use form.
  • Developed backend workflow for moderation of map pins.
  • Implemented responsive design for compatibility with mobile devices.
  • Developed advanced custom forms for user data and photo submission.
  • Customized map colors and map pins for a unique look and feel.

Global CyberScholar.

An e-learning site where big electronics brands teach people how to sell their latest products.

Drupal 7, CSS3, HTML5, jQuery, PHP, Drupal API, Ctools, Google Analytics, KISSmetrics, SCORM LMS, Twitter API, Zendesk API.

  • Added features to all levels of this complex, high-traffic, responsive design Drupal 7 site.
  • Developed official learning hubs for high profile tech brands: HP, Microsoft, Sony, Canon, Beats by Dre, Acer, iRobot & more.
  • Layed framework for multiple domain support and filtering content by domain.
  • Translated site templates, configured site translation.
  • Integrated Twitter API to pull tweets and display them in a custom format.
  • Developed Drupal user profile framework and frontend interface for user profile preferences.
  • Created Ctools based support popup that integrates with Zendesk API, creates tickets, and sends tons of helpful custom information about incidents and environment to support staff.
  • Integrated KISSmetrics deeply into the application, recording a robust series of events from ad clicks to menu and button clicks to SCORM player events.

Flows to Bay.

An informational site about preventing water pollution.

Drupal 7, CSS3, HTML5, jQuery, PHP, Drupal API, LAMP Admin.

  • Developed custom Drupal 7 theme with Responsive Design for smartphones and tablets.
  • Wrote custom modules to add additional functionality, allow for deep customization of admin panel and easy editing.
  • Configured advanced data/image/promo layouts and admin panels using Views and DraggableViews.
  • Developed CSS3/jQuery-based custom mega menu.
  • Created and developed graphical assets.
  • Implemented custom Nivo Slider for homepage slideshow front end.
  • Managed module configuration and application updates.

Benchmark Research.

A corporate site for a pharmaceutical company that conducts clinical trials.

Drupal 6 to 7, CSS3, HTML5, jQuery, PHP, Drupal API, Apache, LAMP Admin.

  • Maintained site and added new features under Drupal 6.
  • Completely redeveloped site based on existing design and migrated content to Drupal 7.
  • Developed custom Drupal 7 theme with CSS3/jQuery-based custom dropdown menu.
  • Wrote custom modules to add additional functionality, allow for deep customization of admin panel and easy editing.
  • Used Panels module to allow for layout flexibility.
  • Configured advanced homepage slideshow, image/promo layouts and corresponding admin panels using Views and DraggableViews.
  • Implemented custom Nivo Slider for homepage slideshow front end.

S. Groner Associates.

A corporate site for a marketing agency.

WordPress, CSS3, HTML5, jQuery, Modernizr,WordPress API, Server Admin.

  • Responsible for fixing serious pre-launch bugs and optimizing site just prior to launch, then launching new site.
  • Fixes included obscure bugs on mobile devices, and bugs pertaining to responsive design.
  • Added CAPTCHA to contact form, styled with advanced CSS3.
  • Moved old site to a subdomain to keep content available.
  • Cleaned up server directories while ensuring that functionality of live sites was not disrupted.

Contact Drew


PHP, Drupal, WordPress

Drew knows how to make WordPress and Drupal work the way you'd want them to work. He's experienced at applying community built solutions as well as creating custom solutions (custom modules, plugins, etc). He has also worked extensively with other PHP frameworks and custom-built PHP applications.

HTML5, CSS 3, jQuery

Building a site around modern standards ensures that it will continue to function well in the future. Drew has experience building fun, engaging websites on foundations that will last for many years into the future. These sites engage users with motion and advanced effects without using resource-hungry browser plugins.

Responsive Design

Responsive Design websites and web applications automatically adjust their design and layout depending upon the size and capabilities of the device they're being viewed upon. Drew is well-practiced in the art of responsive design using media queries and/or grid frameworks.

Advanced API Integration

Drew has experience integrating APIs for all kinds of social media (Facebook, Twitter, Google Plus), Google Maps, Zendesk, KISSmetrics, Google Analytics, YouTube, Vimeo, and much more.

Design Skills

Drew has worked with Photoshop for over fifteen years and is well versed in many other programs in Adobe's Creative Suite, such as InDesign, Illustrator, Premiere and more.

Server Administration

Drew is well-versed in server administration, including best practices for security, stability, and reliability. He is qualified to take all steps necessary to configure a proper environment and launch an application with complex requirements.



Email.Drew at w4hs dot com

Please do not use this contact information unless you are interested in Drew's services.