Engelgrafik

Jeffrey Engel's work and thoughts on graphic design, information design and user experience.

Portfolio: design, identity and photo solution for Arlette Laan

Tags: , , , ,

Arlettelaan.com homepageI took on a smaller budget project for a friend and fellow artist, Arlette Laan, who makes really fun dolls and takes wonderful photos. She was looking to update her older site but wanted to retain the orange and blue color combinations that appear to have a strong connection to her Dutch roots. I have found over the years that European color schemes often employ these traditional color combinations. What often happens is that these heavy competing colors will be toned down by the use of a lighter screened color like a light blue. I used this, and a very light Futura font to create her new “identity”, and the old color scheme now frames here entire site. I simplified her menu system on the home page to guide visitors towards her three main offerings. Other links like “about” and “contact” were subordinated on the home page. On the sub pages, all the links were put into a CSS-pure tab menu near the top, and simple links near the bottom of the page.

One of the other things Arlette was looking for was a way to simplify updating the photos on her site. She is always taking new photos, be it landscapes, flowers or even product photos of her dolls. For someone who doesn’t know much HTML or coding, this can be a very time consuming and daunting task. In fact, it can take a lot of time even if you do know HTML, as you always have to deal image sources, links, thumbnails, and what to do about the page which displays the full size photo (do you just open it in a generic browser window or….?).

The solution was to come up with a system that employed an easy to use administrative interface. I found a Flash/XML solution that allowed me to specify sets from Flickr as dynamic content. This made it as easy as uploading a photo into a predefined set at Flickr which already has a great administrative interface. Her photos would now appear immediately.

I feel good about this project as I didn’t allow the small budget to get in the way of good design and simple solutions.

Landscape Photography SubpageDolls subpage

Portfolio: Building “The Space”

Tags: , , , , , , ,

Late last year I was hired to come up with a design for a new startup recording studio and café called The Space. They were looking for a site that would have music, video, a snack menu, all while retaining some elegance and be easy to maintain. Now, everyone says they want something elegant, but most of the time people have different opinions and attitudes about what is considered “elegant”. I realized they were pretty serious about what they said since they pointed me to sites like Apple, Kohler and Level Tile and Flooring. This would be pretty easy, I figured.

I started off with something I thought evoked the same feel as their “Place at the Space Café”. It has a rustic modernity with wood beams, curved off-white walls, iron tables and chairs, big leather couches, and black modern branding. I took a cue from Level Tile and Flooring site and whipped up a “box” design since they had so many offerings. The idea is that the boxes would expand into their own pages as you clicked on them. We went through successive iterations, however they ultimately couldn’t get inspired by this design.

Idea for The SpaceIdea for The Space

Idea for The SpaceIdea for The Space

Idea for The SpaceIdea for The Space

Fellow artist and designer Donna Berger was brought in as well and she came up with a different sort of design and the customer agreed on it. It was now my task to build and implement the requirements. If you know anything about XHTML and CSS, you’ll probably agree that the design below requires some major tweaking and finagling especially if the budget and requirements do not call for any Flash development. I was determined to do it with good old elbow grease. Here is a screenshot of the Illustrator file I worked from:

The Space design

A recent decision was made to remove the picture of Jon, the customer, from the front page. Also, additional subpages were added.

FMP3 PlayerIn addition, to get a stream of music going on the site, I employed the use of FMP3, which is an MP3 player that uses the XSPF XML format. It allows the customer to create an XML file which calls MP3s up and plays them on the site. Pretty nifty. Requires a bit of tweaking, and it’s a bit bulky the first time you use it (because you have to set up XSPF, FMP3 and set up the XML file… wish there was a more elegant solution!). But the customer only needs to work on the XML file, which is easy training.

There have been quite a few more developments to the site. The customer is incredibly happy with the ease in which it is to maintain the site, and I am usually only called in to do major updates. Here’s a recent screenshot with changes the customer has made:

Recent screenshot of The Space

Portfolio: Chappie Technologies

Tags: , , , ,

There are a lot of boutique development services companies in the marketplace competing on budgets, timeframe and such however Chappie Technologies needed another way to differentiate themselves from the rest of the pack. It was through this need that I became tasked with helping them come up with a new look to their site, and developing some brand assets.

1a 1b

First came the general layout and look-and-feel of the site. What kind of mood were they trying to convey to their customers? Most of Chappie Technologies’ competitors’ sites look a bit jumbled and full of technical jargon that is disorganized and hard to understand. They wanted something that looked clean, progressive and forward-thinking but still rooted in the task-oriented world of programming and IT.

2aWe also worked on visuals and metaphors a bit further into a revision of our initial experimental designs. Visuals that were easy to understand were the first choice, however we didn’t want to just use the same tired stock photography so we made a conscious effort to use higher quality photographs and imagery.

chappie2
After several passes at a logo, we focused on a classic feel, almost nostalgic. This was a logo that had a modern edge to it, yet it also had an industrial 1950s feel to it, conveying a traditional American sense of quality and trust.

Final product

The end result was a design coded in CSS and XHTML, using DIVs instead of tables, however it appears at this moment the customer has reverted to HTML tables. http://www.chappietech.com

This is the design that was eventually chosen.

This is the design that was eventually chosen.

The chosen logo, with a bit of a different take on the sometimes overused globe, focusing more on the idea that Chappie Technologies offers solutions that help their customers navigate the market's waters.

The chosen logo, with a bit of a different take on the sometimes overused globe, focusing more on the idea that Chappie Technologies offers solutions that help their customers navigate the market's waters.

Portfolio: Jane Elizabeth Jewelry

Tags: , , , , , , ,

Back in 2003 I had been working on a project for Southern Cross Pin Company which involved photographing and setting up a surf jewelry website using osCommerce. It was a quick and dirty project but it helped me prepare myself for knowing the kinds of needs and requirements that an eCommerce site entails.

Shortly thereafter I started working on a project for Jane Elizabeth Jewelry (originally Jane Jewelry). Jane had several requirements. Jane Elizabeth was being worn by celebrities like Katie Couric and she was getting a lot of press in the Improper Bostonian as well as national mags like Lucky. However she had no commerce solution other than email, telephones and calculators.

Jane Elizabeth Jewelry design, iconography, catalog layout

Jane Elizabeth Jewelry design, iconography, catalog layout

We came up with the following solution:

  • Create a homepage which showed recent and fresh new designs, as well as the latest magazines and media that featured Jane Elizabeth jewelry.
  • Develop an eCommerce solution using the open source osCommerce product.
  • Create a wishlist which would allow people to save their favorite items with an email response from Jane Elizabeth.
  • Create a customer-initiated gift reminder which would allow Jane Elizabeth to send email reminders to people to buy product at certain times of the year.

Except where specifically noted, all contents © Engelgrafik