Covenant Virtual Website

Context

Covenant Virtual was in the early stages of going from concept to reality and I pitched the idea of a website. A website could be a place to point people to check out the business and good SEO would make the business more discoverable, both good for client acquisition.

Challenge

Since I would be the only developer working on the website, and building it wasn’t my only responsibility within Covenant Virtual, development needed to be simple and the life cycle streamlined. I had hand-written web apps before, but this one would require a faster development cadence and permit smooth turn-arounds.

Approach

I designed and implemented a component-oriented design language by breaking the website into reusable pieces with two kinds of reuse: structural and behavioral/stylistic. JavaScript is used to import reusable structural components, while a centralized CSS system is used to apply reusable behavior and style.

Result

Making changes to the design language of the website is fairly centralized, and adding components that adhere to it is as simple as adding a meta-field to the component. This allows for fast implementations and changes by curbing the need to remember or go searching for implementation details.