Semper Vivum

 
 

Approach


Development

In weighing Content Management Systems, I ultimately decided to go with Drupal for several reasons.

• The volume of art expected to be input knocked out Wordpress almost immediately. This is especially true considering the number of tags expected to categorize the art.

• It wasn't clear how many users would be contributing to the site, but the necessity to quickly restrict permissions was a factor.

• The client wanted to option to monetize easily.

Inspiration

Each project always starts with diving into the inspiration image lockers I keep. I save these images as I crawl throughout the web, picking as I go what catches my eye for no reason in particular. In this instance, this project, made in 2016, is inspired by images that I saved a while ago, some as far back as 2003.

Initial wireframes

When it was decided the site was being built in Drupal, I dove into the design process and began, but quickly changed to development mode and spent weeks learning Drupal. This began to create problems as soon design challenges began cropping up int he development process where poor fixes were being implemented which had no visual consistency.

Color

The client, an abstract artist, was color motivated, and initial attempts to restrain the pallet to 5 colors was unsuccessful. Ultimately, the look and feel of the site is composite of 8 color harmonies 5 custom colors.

Color harmonies were generated at coolors.co.

Administration

This is the first site I had to design were I not only needed to design the front-end, but the client portal as well. While the decision to use Drupal was the right one, Drupal's native admin interface is a nightmare for the tech-challenged, and posed a special challenge for the client who put off a website for 10 years because of this.

The administration theme boasted several things not present in the audience-facing theme such as:

• Extra large text sizes 

• Custom animations and interaction elements (more below) based off user interviews

• Abbreviated navigation only the client sees when she's logged in.

Interaction & Animation

Interaction was much more of a client-facing factor than a audience-facing feature due to the client's aversion to poorly designed interfaces. More than any other design I've ever made, each element that needed to be interacted with needed to be completely obvious, and perhaps more importantly, what was not being interacted with.

 

Desktop


 

Tablet


 

Device


 

Sample Photo Credit