Work/§01 / Index Web · 2014–2017

Early Web Projects

The sites I built before and alongside SCAD, from a browser start page to my studio's own website.

Early Web Projects

I’ve designed many websites for many different purposes over the years. Orderly Art and the SCAD Student Media sites have pages of their own; these are the rest of the ones that worked.

Make Meaningful Work and UXHK

I was a web designer for Make Meaningful Work and UXHK. Aside from the visual design, I did rapid prototyping and R&D for the core functionality of a built-in, community-based application feature, including a prototype Character Card for a member’s profile.

The Make Meaningful Work home page: the headline Environments to nurture human potential beside an illustration of two people fitting a puzzle piece, with Our vision and Recent Articles below

The goal was to replace the start page in my browser. From one box, you can search a wide variety of engines, including Wikipedia, Wolfram Alpha, Google, and Yahoo, and choose how each search opens: in a new tab, a new window, or a popup. You can also make buttons that link to your favorite sites. Every change is saved with the browser’s own localStorage API.

Multi Search: a search box with a Google engine menu and a Remember Selections box, buttons for changing and adding quick links, and a settings menu for opening results in a popup, a new tab, or the same window

Baxter Academy Projects

A searchable database for the Baxter Academy for Technology and Science final exhibition. Visitors could search more than 80 student projects by their tags and find which projects matched and where they were in the building.

Baxter Academy Flex Friday project search on a blue page, with tag buttons for animation, stop-motion animation, and humanitarian outreach, and matching projects below

One Twenty Two

The website for One Twenty Two, a band, was one of my first publicly available sites.

The One Twenty Two band site: the logo over a sepia photograph, an album banner reading Exile of the Hummingbird, store icons, and a row of album covers

Hullabaloo Entertainment Studios

The first iterations of my studio’s website were all built by hand. Pressed for time, we later moved it to a web building platform, though I still edited its HTML and CSS.

The first, hand-built site.
The later Hullabaloo Entertainment Studios site: the wordmark and menu above a hexagonal studio logo, with a Latest Projects section showing the Abysm trailer
The later design.

Good Dog and Media Feeds

For Good Dog, a dog training company, I rebuilt the website with a new, modern look and made sure it worked on phones. Media Feeds is a Java desktop application, but it generates HTML to render inside itself. It let you search Facebook pages without logging in, then add their feeds to view and manage in one place.

The Good Dog site: the logo of a dog in a halo, a navigation bar, and a page of boarding and training services
Good Dog.
Media Feeds showing a band's Facebook page feed, with back, add, remove, and close buttons along the top
Media Feeds.
Next project → Early Java Tools Small desktop programs I wrote for myself, from a vector calculator to a build zipper.