Portfolio of David Brooks

Light the Deep

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.

Read More

Thousand Wires PR Site - Version 2

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:

Read More

Fresh-4-u

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.

Read More

TheReason.us

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.

Read More

Convocation of Anglicans in North America

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.

Read More

Thousand Wires - Promotional Site

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.

Read More

Thousand Wires

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.

Read More

Thousand Wires - Logo

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.

Read More

Columbia Adoption Project

We designed and developed this site (not the logo) for the Columbia Adoption Project, a group enabling families to adopt children in Missouri.

Read More

LuzCannn.com Version 7

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.

Read More

Fair Flame - Version 2

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.

Read More

Cedar River Insurance Logo

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.

Read More

Milan Free Methodist Church - Site

In 2011 I designed and crafted this site for Milan Free Methodist Church, running on the Textpattern content management system.

Read More

Milan Free Methodist Logo

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.

Read More

Elephants

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.

Read More

Canvas Particles

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.

Read More

Minimalist System

I limited myself to only a few colors and a few shapes and created a system that would give me interesting combinations of those shapes. This set was created using Artisan JS, my JavaScript art framework.

Read More

BT Poster

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...

Read More

Text Mapping the KJV

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.

Read More

Beziers 2

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.

Read More

Beziers 1

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.

Read More

HTMLed

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.

Read More

The Data You Need - Site

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.

Read More

Meridian Insurance Services - Logo

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.

Read More

The Data You Need - Business Cards

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.

Read More

Fair Flame - Site

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.

Read More

The Data You Need - Logo

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.

Read More

Fair Flame - Logo

My band needed a logo, so I hand-drew and then vectorized this Old-English-inspired piece.

Read More

My Art Engine, Artisan JS

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.

Read More

Nerd Nation Logo

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.

Read More

David N Brooks - Version 4

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.

Read More

David N Brooks Version 2

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.

Read More

Asbury Seminary Redesign: My Edition

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.

Read More

Heritage Video Portraits

This is the second project I have worked on with Jeff Rogers. This time I was given a design and asked to create a website to showcase his new work in videography. The site was created in XHTML and CSS, the video is presented with JavaScript and Flash, an optional Quicktime video is available for download as well.

Read More

Circles

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.

Read More

The Christian Calendar Puzzle

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.

Read More

Lights of August Website: The Website

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.

Read More

Moscow - No Retreat

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.

Read More

Life Among the Mapuche

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.

Read More

Julie May Designs

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.

Read More

LifeBridge Church

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.

Read More

Real Men, Real Women

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.

Read More

The Asbury Inn

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.

Read More

Ministry Conference 2008: Orlando

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.

Read More

CredoAkademin

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.

Read More

Beeson International Center Website

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.

Read More

Asbury Theological Seminary v1

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.

Read More

Asbury Theological Seminary

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.

Read More

Luz Cannon - The Official Site (Original Design)

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.

Read More

About David

David Brooks

David Brooks is a designer, developer, and photographer, living in Indianapolis, Indiana. During the day he runs Northward Compass, at night he amuses his daughter by writing electronic music.

Read More About David