Web-Design Portfolio

Despite having no formal training whatsoever, I have created a variety of websites—which are featured here. Despite being self-taught—I'm no hillbilly. My websites all utilize the most-current best-practices and up-to-date security standards.

The content of the websites in this portfolio represent my history and have no bearing on my current and/or future religious/political leanings and/or beliefs.

Note: All websites presented here contain their original code from their time of creation (dating back to 2000 or earlier), which may be broken (i.e., may not function correctly) in modern internet browsers. Each archived website may have minor changes to its code to enable it to work on modern browsers.

0001:// Maximum Impact v1.0

circa 2000; age 14

My first website ever was designed at the spring-green age of only 14 years old—at a time when the internet was still young. This website was designed for my Maryland-based church high-school youth group.

Although designed for a 4:3 computer monitor with 1024×768 resolution (and is thus potentially broken on modern displays), this website featured shockingly modern design sentiments, alongside early-2000s web tropes, such as animated GIFs. It was my first foray into HTML, and featured then-popular design-elements, such as a <table>-based layout. Church leaders were embarrassed that my youth-group website was better than the primary website for the church, at the time.

Later versions of this website heavily featured Adobe Flash (which is deprecated and can no longer be displayed).

0002:// Banjo-Kazooie Land

circa 2001; age 15

Banjo-Kazooie (BK) Land was a fansite dedicated to the BK series of video games—my favorite video game series as a child. Its design was heavily inspired by my prior Maximum Impact websites. It features a <table>-based layout that improves upon my prior work—with a striking design for its time.

This site was designed for a 4:3 computer monitor with 1024×768 resolution (and thus may break on modern displays).

0003:// Dog Pound v4.0

circa 2003; age 17

The Dog Pound website was designed for my Indiana-based church high-school youth group. Although versions 1-3 of this website heavily featured Adobe Flash (and thus are unavailable due to Flash being deprecated), version 4.0 was a fully-HTML/JavaScript design.

0004:// Thy Word Network

circa 2005; age 19

Throughout college, I worked as a professional web/graphic designer for Thy Word Network, a Christian radio station covering southern Indiana, southern Illinois, and northern Kentucky.

This absolutely gorgeous website represented the peak of "Web 2.0" design—featuring, among other things, shiny buttons and banners, and vintage wallpaper textures. This website was my first foray into backend design with PHP and SQL databases.

Given this website's reliance on backend (SQL) content, the demo site is quite sparse on content.

0005:// ΑΤΩ Purdue Chapter

circa 2006; age 20

This website was designed for my college fraternity, ΑΤΩ@Purdue (ΓΟ chapter). It featured a modern design that holds up nearly 20 years later. It was also the first website where I implemented advanced JavaScript techniques.

Although the carousel originally smoothly faded between images, this functionality is broken in modern JavaScript.

0006:// Clear River Church

circa 2008; age 22

One of the designs I'm proudest of—this website was created for my college church, Clear River Church in Lafayette, Indiana.

Although the carousel originally smoothly faded between images, this functionality is broken in modern JavaScript.

0007:// Personality Assessor v1.0

circa 2011; age 25

First developed in 2011, Personality Assessor is a thriving, ongoing data-collection website. People from around the world can and do provide data by completing free personality assessments that provide instant feedback. Personality Assessor v1.0 was replaced by v2.0 in 2016.

0008:// NWHudson v1.0

circa 2015; age 29

My original/first personal website served as the prototype for all future versions (including the one you're currently viewing).

Version 1.0 of NWHudson.com emphasized then-current design trends, including an all-icon menu to the right. Although the page was designed for lower-resolution, 4:3 monitors, it holds up on modern 16:9 high-resolution monitors. Its rough and pixelated graphics are precursors to the much-more refined and smoother, vector-based versions you see today.

One particularly unique feature of this website is that it loaded content for all pages simultaneously. Clicking on any link led to JavaScript functions resizing the content area and fading in the appropriate content.

0009:// Personality Assessor v2.0

circa 2016; age 30

Personality Assessor underwent a major redesign in 2016, resulting in a product that excels on widescreen monitors and high resolution screens. Version 2.0 also features state-of-the-art security techniques to keep participants' data safe.

0010:// NWHudson v2.0

circa 2019; age 33

This is the site you're currently viewing! This site features modern elements, including a magazine-like design, smooth animations, and HD imagery.

This was my first website to fully abandon <table>-based layouts and instead rely on more-modern flex and grid layouts. It was also my first fully-responsive website (i.e., safely viewable on all devices, irrespective of resolution). Subsequently, all of my currently-live websites have been revised to be fully responsive, as well.

0011:// leftBrain Performance v1.0

circa 2020; age 34

The leftBrain v1.0 website was heavily inspired by NWHudson.com v2.0. It featured modern design elements, smooth JavaScript animations, and a magazine-like design.