Portfolio of David Brooks
One of my long-standing clients asked me to redesign his site, Gearheads. So, I crafted an overall layout and passed it along to my wife, and Adrian Rodriguez, who work on Northward Compass projects with me. After a round or two of revisions, we arrived at this design.
I was approached by Thunderbomb Surf Camp in Nicaragua to build a site. The first thing I knew about Nicaragua is how gorgeous it is, and I wanted to showcase that. Plus, when you’re looking for a place to surf, you want to make sure the waves are going to deliver. So I put all of that natural beauty into this design by including large-scale imagery.
I had the privilege of working with Christine Parker on the art for her first album, as well as her site.
When I started writing music and creating art again in 2013, I decided to change my alias to Light the Deep. When I did that, I had to change all my branding and redesign the site to match. This time around I went a bit glitchier with the design, focusing on a more digital aesthetic. At the time of this writing, there’s not much to the site as far as content, but in the next few months it should fill up as I work through the album and start playing shows.
The good thing about design is that it’s iterative. You can go back, rework things, and try different directions. That’s exactly what I did with this project. I had released a first version to show off my web app Thousand Wires, but I didn’t feel like it was sitting right. This is the realignment of the promotional site:
I was approached about this great concept for a web app called Fresh-4-u. It’s an app that not only helps you find better places to eat while you’re out, but also things like Farmer’s Markets in your local area. This is the result, a custom app platform and design.
Chris Arace designed this lovely website for his photography business and asked me to put it into action. Chris uses Flickr as his content management system, so this site regularly checks flickr for updates and adjusts the content to reflect his recent work. There are quite a few neat features about this site, including a map and a really customized lightbox.
I designed and developed this site for the Convocation of Anglicans in North America (CANA). We built it on the Textpattern CMS and it allows for media queries to make the site responsive on a diverse number of devices.
I needed a site to tell what Thousand Wires is, so I designed and built this. It runs on Textpattern and uses media queries and some of HTML5’s newer features to deliver a really versatile site.
I had the idea for this application somewhere around 2002, but I had no idea how to go about building it. Nearly 10 years later I had gone through three different technologies and the final one, HTML5 + Canvas worked. I designed and developed this application from the ground up using some really awesome technologies.
I designed this logo for my application, Thousand Wires. I wanted it to be simple and minimalist since there would be a lot going on around it at any given time.
We designed and developed this site (not the logo) for the Columbia Adoption Project, a group enabling families to adopt children in Missouri.
For this version of LuzCannon.com I returned to Textpattern, and then built a generative system in the background that changed color when you hovered anything with color. If you moved your mouse over an article that had a particular color assigned, or a photo, it would take the colors from that item and change the background randomly to match the colors. It was built using Artisan JS.
I decided to expand the site for my music to include a blog, so I built what would be my first responsive site. Using media queries and Textpattern I designed and built this site.
I was asked to design the logo for Cedar River Insurance Service in Okemos, Michigan. I decided to create this one in Illustrator, rather than my normal design tool of choice Fireworks.
In 2011 I designed and crafted this site for Milan Free Methodist Church, running on the Textpattern content management system.
My wife and I designed this logo for Milan Free Methodist Church in Milan Michigan. We built the logo around the concept of a leaf, which to us, stands for growth in a good environment.
My wife is a big fan of elephants, so I created a generative system based loosely on the idea of a herd of elephants walking through the savannah. Created in HTML using what would later become Artisan JS.
I built this in HTML, on what later became Artisan JS. To create these I built a system to spray thousands of circles onto the canvas in various patterns. By the time each was finished, there were often over a million circles present.
This poster was created for one of my all-time favorite musicians, BT. The concept was deceptively complex. I took the lyrics of his entire two disc album, "These Hopeful Machines", and converted them into binary. Before the ones and zeroes for each song I put the title of the song so that you could tell where you are, should you actually choose to follow along...
This project was a bit different for me. I wrote a PHP script that would synthesize the entire King James version of the Bible, word by word, and tally up the weight of each word. Then, I told it to display all of the words on the screen and give them a color of gray according to how many times the word is used throughout the text.
This was another experiment I did with bezier curves. Here, I picked a couple of end points and varied the control points while the system rendered. The final result was almost hair-like.
This is one of the first experiments I did with my generative art engine, which was later split to create Artisan JS. The idea here was to create various points on the canvas and move them around as the lines were rendering. These were some of the more interesting variations.
I created these in HTML, using thousands of list items, long before HTML5 brought us the canvas element. The interface let me change the size of the squares and the browser let me change how they all fit together. You could make an infinite number of patterns with all of the options at hand.
Designed and developed for a database consultancy, The Data You Need, the imagery was created from scratch in FireWorks, and matches the focus of their business. The site also runs on the Drupal content management system.
I designed this logo for an insurance company in Okemos, MI. The concept is based on the meridian lines of the globe, which is also where their name came from.
After creating a logo for The Data You Need, they asked me to design some business cards. I did the design work in Fireworks and handed the files over to Moo to print. Overall, the client was really happy with the result.
I built this site for my band using ArtisanJS to help me generate some of the elements and render some of the textures. I then took the layers and moved them into Fireworks for their final placement.
I designed this logo for the data consultancy “The Data You Need”. I created each item in the toolbox, and the toolbox itself, as a vector item in Fireworks. The idea was to show all of the things that The Data You Need is able to do for their clients.
My band needed a logo, so I hand-drew and then vectorized this Old-English-inspired piece.
I was creating a lot of art in Canvas and I found myself having to write a lot of code to do something that should have taken a line or two. So, with that in mind, I built Artisan JS to cut down on the excess code.
I had what I thought was a great concept for a logo for my client, Nerd Nation, and my wife made some suggestions that changed the direction entirely.
I built DavidNBrooks.com version 4 in 2010 as a landing page for my portfolio, and a gateway to my blog, LuzCannon.com. It was built in Drupal and featured a full-screen background image.
This was version 2 of DavidNBrooks.com, designed and developed in 2008. It was a lot of fun to build, and I used Textpattern to make every page different.
Recently I was asked to present a few designs for the redesign process of Asbury Theological Seminary’s public website. The number of designs were then narrowed down to the top two and presented to a larger audience. The larger audience then made comments about each, which stood as a barometer reading for which design should be chosen.
Awhile back I created a system that generates hundreds of circles at various sizes and transparencies and displays them in a small, cropped space. I built this in ActionScript 2, somewhere around 2008.
One of the professors at the Seminary approached me about working on a class exercise that would allow his students to visualize the events of the Christian Calendar by moving them around like a puzzle. I built this application in Flash CS3 using Actionscript 2 and some Photoshop and photography work.
When my old band, Lights of August, needed a website we came up with this aurora borealis inspired concept. Though from the images this site seems straight forward it’s deceptively so. The text at the top has actually been rendered using sIFR and placed over top of a Flash file that randomly generates a representation of the Aurora Borealis (Northern Lights). The Northern Lights were then coded in Actionscript 2.
I enjoy designing for print, but I don’t get to do nearly enough of it. So I decided to create an imaginary band and design their CD. This project, Moscow, is the result. Designed with an electronic rock genre in mind.
This is a website I designed for a project my wife and I worked on in February of 2007. The site is only intended to provide viewers the ability to download an article written about the subject as well as show the photography and video that we produced as a result of a trip to southern Chile.
In 2007 was asked to create a website for Julie May, a Kentucky based artist that focuses on glass and print work. To create this design I used elements from her printed work. This site was my first e-commerce effort and has an integrated checkout system.
In 2007 I was asked to redesign the site for LifeBridge Church in Lexington Kentucky. I wanted to show something lively and warm without going overboard. I always feel that photos of the people in the church are the way to convey what the church is all about, and so I also took the photos on the website as well. The only part of this design that was not my work is the logo.
This flier was put together in 2007 for the sermon series at LifeBridge Church. The series is called “Real Men, Real Women” and it focuses on the biblical understanding of what it means to be a real man or a real woman.
If you have ever stayed at Asbury Theological Seminary you might remember the Beeson Manor, the Seminary’s hotel. Recently they began upgrades and updates for the Manor and during that process they changed the name to “The Asbury Inn.” Today we launched the website that corresponds to that change.
It’s been a crazy month for me, with three, maybe four, websites scheduled to go live. This is the second of the three, Ministry Conference 2008, this year the focus is Healing of the Church, Healing in the Church. Yesterday at 4:00 sharp we launched the website.
I thoroughly enjoyed working with Mats Wall of CredoAkademin.nu It was one of those projects that was challenging yet appropriately so. (Not to mention that the site is almost entirely in Swedish.) My role was to add on to the chosen template’s XHTML and CSS, as well as design a few small pieces here and there, such as the shopping process graphic.
My role in this project was to take the design and the content and merge them into a functional website. I started by pulling the pieces out of a Photoshop document and cutting them into usable pieces of HTML to be incorporated into the CMS.
Not straying far from the original design, we did a subtle redesign for which I built a PHP based frame work that we later replaced with a Content Management System. I was also responsible for the Information Architecture and Content Management at this point as well. The design of this site is not my work, however. Not bad for 2006.
In 2006 I started my career, officially, as the Visual Media Developer at Asbury Theological Seminary, inheriting this lovely website that I help build as an assistant.
This was my first official website, was about the forth design concept I came up with. The design is pretty straight forward, except for the top picture… I had to do some tweaking to get it all right. The image centered in the middle of the design while the edges tiled the screen.