Test

This is a tiny version of the actual website. Feel free to scroll, click, and play around.

Okay, got it!

RethinkWaste

Entire site
built by Drew
WordPressCustom themeCustom pluginsWooCommerceGutenberg
Block Editor

This site for a Bay Area local gov waste organization educates and informs visitors. Features an interactive game, tour booking, and a unique look and feel.

Check it out:

  • Try the custom Search/Translate bar in the upper-right corner of the site!
  • The home page slider is a custom draggable slider with animated text and overlaid animated SVG buttons.
  • The custom mega menu helps users navigate the wide body of content.
  • I built a custom tour booking experience on top of WooCommerce Bookings' solid foundation.
  • Take a look at the custom Facility Map.
  • Play the Interactive Carts Game I redesigned and rebuilt!
  • Visual elements are always crisp and clean — I included vector assets and built elements with CSS whenever possible.

What you can't see:

  • Full support for the Gutenberg block editor, including color palettes, block styles, and custom blocks.
  • Clean, uncluttered WordPress Admin experience. Minimal dependence on external plugins and libraries. Easy to understand, well documented code base.
  • Sidebar navigation menus and landing pages are auto generated based on menu hierarchy.
This is a tiny version of the actual website. Feel free to scroll, click, and play around.

Okay, got it!

OneShoreline

Entire site
built by Drew
WordPressCustom themeCustom pluginsGutenberg
Block Editor

Site for a governmental organization that manages flooding emergencies in the San Francisco Bay area. Highlights include custom sliders, custom Meetings & Agenda page, custom nav menus.

Check it out:

  • The home page has three draggable custom sliders on it, all based upon Flickity. This includes the hero slider, and the "Latest News", and "Upcoming Events" blocks.

What you can't see:

  • I built a custom Google Map using Contrail OneRain data that I pull using the Contrail API. The data is cached and stored locally every few minutes to avoid hammering the API. The map live updates and it shows current flooding levels for creeks in the San Mateo area. Unfortunately, it never launched to the public, but if you are interested, contact me and I can show it to you.
  • Full support for the Gutenberg block editor, including color palettes, block styles, and custom blocks.
  • Clean, uncluttered WordPress Admin experience. Minimal dependence on external plugins and libraries. Easy to understand, well documented code base.
This is a tiny version of the actual website. Feel free to scroll, click, and play around.

Okay, got it!

Spot's Trash Match-Up

Entire site
built by Drew
WordPressCustom themeCustom pluginsGutenberg
Block Editor

I developed this interactive game and designed every aspect of its interface and gameplay.

Check it out:

  • I built the entire game. Everything is entirely custom, the game doesn't use any third-party gaming libraries except for a simple drag and drop JavaScript library.
  • Try to get the high score! I built a full front end to allow users to create WordPress accounts and a polished leaderboard that allows players to see their high scores.
  • Share your score! I built a share feature that appears after you complete a round of the game, allowing players to share a link that goes right to their score in the leaderboard.
  • Make an account! Created a custom user panel that allows players to select an avatar, choose a city, and change their password. Developed a cookie system that allows players to set up an account later and claim their past high scores in the leaderboard.
  • Enjoy the animation! I added custom interactive Lottie animations as part of the game. The time of day changes in the background. The animated mascot Spot the Dog cheers you on during gameplay, and the animated avatars in the account configuration add a splash of personality to your character.
  • Turn on the sound! I selected and mixed sound effects and music for the game and even modified the pitch of the sound at the end to match the music.

What you can't see:

  • I built a solid back end to the game, so admins can easily manage it using WordPress. It's easy to add/remove items and manage users and scores.
This is a tiny version of the actual website. Feel free to scroll, click, and play around.

Okay, got it!

SGA Marketing

Entire site
built by Drew
WordPressCustom themeCustom pluginsGutenberg
Block Editor

This site for a marketing agency features an interesting assortment of unique design elements, shapes and ideas.

Check it out:

  • Custom animations and transitions abound on this site.
  • A custom interactive video slider on the homepage uses custom CSS transition animations.
  • Content on the site features a specially developed unique "flowing line" design which adjusts to the content's layout and guides readers through content.

What you can't see:

  • Full support for the Gutenberg block editor, including color palettes, block styles, and custom blocks.
  • Clean, uncluttered WordPress Admin experience. Minimal dependence on external plugins and libraries. Easy to understand, well documented code base.
This is a tiny version of the actual website. Feel free to scroll, click, and play around.

Okay, got it!

Acrely Farms

Entire site
built by Drew
WordPressCustom themeCustom pluginsWooCommerceGutenberg
Block Editor

An e-commerce site for a hemp (CBD) farm in Utah. Custom checkout process, product & product catalog display, built on the WooCommerce platform.

Check it out:

  • Customers can buy products or subscribe to them on a regular basis. I built the subscription service on top of WooCommerce Subscriptions' rock solid foundation.
  • In the account area, you can change or cancel your subscription, update your payment and address information, and more.
  • They offer excellent locally grown products. I definitely recommend visiting the site, purchasing something, and registering for an account so you can have the whole experience. Check out my work and get a little something for yourself or someone special!

What you can't see:

  • Clean, uncluttered WordPress Admin experience. Minimal dependence on external plugins and libraries. Easy to understand, well documented code base.