Work

Project: Corporate Site Build (2014)

Boingo Home Page 2014 Screen Shot 2014-06-06 at 5.19.03 PM Skills employed:

  • UX Design
  • JavaScript & jQuery inter­ac­tive ele­ments
  • Word­Press PHP theme & plu­gin devel­op­ment
  • CSS3 ani­ma­tions (tran­si­tions)
  • Respon­sive theme devel­op­ment

My role dur­ing the build for the new Boingo.com site was mul­ti­fac­eted: advi­sor, UX designer, and devel­oper. One of the largest projects com­pleted to date, this site required every­thing from the design stages all the way through train­ing writ­ers on how to use their new soft­ware. I’m most proud of the inter­ac­tive JavaScript  ele­ments sprin­kled through­out the site (which work on mul­ti­ple plat­forms) as well as the suc­cess­ful infor­ma­tion archi­tec­ture we were able to imple­ment.

Project: Business Site Redesign (2013)

Skills employed:

  • Adobe Pho­to­shop
  • Word­Press theme cus­tomiza­tion
  • CSS3
  • jQuery
    inter­ac­tiv­ity
  • Cus­tom PHP func­tion­al­ity

Devel­oped cus­tom Word­Press theme for brand licen­sor & con­sumer prod­ucts devel­oper A Crowded Coop. Sev­eral inter­ac­tive ele­ments, includ­ing main nav­i­ga­tion menu and full-screen image slideshows. Devel­oped cus­tom footer, fea­tured post func­tion­al­ity, and cus­tom tax­on­omy.

Project: Marketing Agency Site Redesign (2013)



Skills employed:

  • Adobe Pho­to­shop
  • Word­Press theme cus­tomiza­tion
  • Mobile-ready
    respon­sive theme
  • CSS3
  • JavaScript
    inter­ac­tiv­ity
  • Cus­tom PHP func­tion­al­ity

Devel­oped a cus­tom Word­Press theme with numer­ous inter­ac­tive ele­ments for Myr­iad Mar­ket­ing. This project included a mobile theme as well as numer­ous CSS3 fea­tures. Addi­tional cus­tomiza­tions included adding new wid­get areas, devel­op­ment of site-specific wid­gets, cus­tomiza­tion of page tem­plates, and cus­tom post types & tax­on­omy.

Project: WordPress Plugin Development & Support (2011)

Skills employed:

  • Project Man­age­ment
  • PHP Devel­op­ment
  • Ver­sion Con­trol (SVN)
  • Word­Press Plu­gin Devel­op­ment

As with most code, a sim­ple screen­shot doesn’t do this tool jus­tice. I wrote the ini­tial project brief way back in 2009 for what would ulti­mately become this project. Inter­nally, we call it podcast-admin. The tool was devel­oped to change adver­tis­ing seg­ments from a busi­ness’ pod­cast MP3s. In it’s cur­rent state, it allows a user to define “for­mats” for a pod­cast, and then to later change any seg­ments marked as ads to arbi­trary MP3 files. It’s been in use since 2009 but we re-wrote it from scratch in 2011 to be a Word­Press plu­gin.

This tool is still in use (2014).

Project: Rebranding and Theme Development (late 2010)

Skills employed:

  • Brand­ing
  • Graphic Design
  • Adobe Suite
    • Pho­to­shop
  • Word­Press theme cus­tomiza­tion
    • Cus­tom PHP
    • CSS cus­tomiza­tion

This is prob­a­bly my favorite project, because it afforded me more poten­tial for cre­ative expres­sion. I actu­ally led the brain­storm­ing ses­sion that ulti­mately devel­oped the brand for this site, “Go Leg­endary”. There are lots of sub­tle details to notice on this site, like the vol­canic rock tex­ture of the back­ground, or the map image that sits under the fea­tured image. The logo was designed by another designer, not myself.

Project: Micro-site Theme Development & eBook Publishing (2010)

Skills employed:

  • Project Man­age­ment
  • Word­Press theme cus­tomiza­tion
    • The­sis Theme
    • Cus­tom PHP func­tions
    • CSS cus­tomiza­tion
  • Adobe Suite
    • InDe­sign
    • Pho­to­shop

This project was a lit­tle dif­fer­ent, since I under­took more of the project man­age­ment as well as theme devel­op­ment. We hired out­side design­ers to com­plete the look for the ebook based on a design brief I wrote.  After we got the graph­ics deliv­ered, I was respon­si­ble for com­pil­ing and deliv­er­ing the fin­ished ebook as well as repur­pos­ing graph­ics from the book to cre­ate the web­site. For instance, the header image was orig­i­nally the book’s spine.

The cus­tomiza­tion was less aes­thetic and more sales-oriented on this project, but it is vis­i­ble in the color scheme of the web­site (as directed by our mar­ket­ing team) and the cus­tom wid­gets in the side­bar to the right.

 Project: Small-Business Homepage Redesign (early 2010)

Skills employed:

  • Adobe Suite
    • Illus­tra­tor
    • Pho­to­shop
  • Word­Press theme cus­tomiza­tion
    • Cus­tom PHP func­tions
    • CSS cus­tomiza­tion

The screen­shot to the right is actu­ally a mockup of the site before it went live. The most vis­i­ble cus­tomiza­tions on this page are the “orna­ments” (vec­tor ele­ments) added to the back­ground graph­ics, and the three sec­tions under­neath the large header image. My respon­si­bil­i­ties included find­ing rel­e­vant images on stock image sites and crop­ping them for the header image slideshow.

This design was used for about two years, until the team decided to move to some­thing with a dif­fer­ent focus.

Please note: the text on the right side of the image “approx­i­mate fold line” was not on the final site! This image was a marked-up screen­shot of how the new site was going to look one it was deployed.

Still Reading?

Why not send me a mes­sage about your project?