WT logo



Website Development Projects: HTML, CSS, JavaScript/JQuery, Wordpress, PHP



The WiseTinker site is a work in progress and a way to share my growing array of digital and print media skills. After trying various content management systems and never getting them to do what I wanted, I decided to learn to code. The first class I took was at Skillcrush.com. My first site was a huge victory, but it wasn't mobile responsive. I decided to rewrite the entire site from scratch based on Coby Chapple's open-source "Gridism" system. It's like Bootstrap, but less convoluted and made sense to me.

My site uses a little JavaScript, a little PHP, but mostly good old-fashioned CSS. There are so many style options in CSS that for now I'm adopting a "less is more" site-building philosophy, always reminding myself that just because you can, doesn't mean you have to!" With so much to learn about websites and coding and programming languages, I know for the rest of my life, I will never be bored!



It's not enough to design a basic user guide layout. My team needed someone who could also write the instructions. The first step was learning the software application and the user process. Next was to research, design and deliver the most effective layout for comprehensive learning, both for in-classroom use and later as a take-away reference guide. Thinking like an end-user with easy-to-follow steps and screenshots helped ensure non-technical staff was comfortable using a new digital document archiving systems.

Focusing on content over design was a compromise to quickly get employees on-board and engaged in the learning process. The end result was a very simple five-step guide which walked users through the process.


Brick road history Getting an incident triage team up to speed in a snap was the focus of this project. This project required my first learning the functionality of a proprietary software, then writing procedural instructions on how to route emergency calls after a major incident via a 311 digital reporting network. Reconnaissance teams in the field use smart-phone GPS technology and cameras to snap images and categorize a specific incident. Triage staff at an Emergency Operations Center then routes the incident to the appropriate service center for remediation.

Teaching staff how to use the system was the goal of this project. I created a step-by-step print guide with easy-to-follow steps for rapid learning. The guide also served as a take-away reference guide to use during an actual incident triage.


311 Triage

Telling your story through a visual medium can be a great way to share background about a proposed project. When the back story is over a hundred years in the making, such a visual history perspective helps to create an emotional connection among stakeholders. The project required doing historical research, acquiring photos, and then creating a vintage presentation theme.

The resulting slideshow was presented to executive staff and government administrators as a means of sharing information during budget preparation. Turns out those vintage bricks seen in this slideshow were recycled for walkways in a local park.


Why use grayscale? When making brochures at the public's expense, a conservative approach is always best. High-end design and color printing is expensive and being wasteful with taxpayer dollars sends the wrong message. When a black and white fact sheet serves the purpose, it just makes good sense!

While doing this project I also wanted to create a template which anyone on staff could edit and update. Using Microsoft Office's Publisher software, I created a simple, uniform layout. The intent was to give each division control of their own copy edits and basic changes, while maintaining the brand and the established continuity program.