|
| About the Site |
|
| This is a small business site designed by HushWebs and hosted by
HushServer. |
|
| The colour scheme was chosen after reviewing a number of Engineering websites and
determining that blue was often favoured. The metaphor being used is that of a blueprint
and the graphics on this site attempt to reflect that. The gold color in the logo is the
inverse of the blue background: |
|
|
|
|
| The blueprint metaphor and the notion of a control loop was the starting
point for the graphic design. HushWebs websites are not intended to display many graphics.
They slow down the loading of pages and are often an annoyance to visitors. However, some
graphics are used where appropriate and they are designed to be pleasing, but low-key. The
graphic below was created as a starting point for the logo design and to test if the
effect of the colour scheme and metaphor were pleasing to the eye. |
|
|
|
|
| About the logo |
|
| The logo started with a series of semi-realistic control diagrams similar
to the above. The diagram shows a fairly typical abstract industrial control scenario. A
supply tower of some sort supplies material through a control valve to a processing tank.
The tank then sends processed material through a measuring device. The valve and measuring
device are linked to distributed PLCs and back to a data server. The data server is in
turn connected to other servers and workstations which give feedback and over-all control
to human operators. DER Engineering covers the entire cycle. We proceeded stepwise to
visually abstract the notion of a control. In the figure below, there is a controlled
device such as a valve, a measuring device and a control device. The goal was to come up
with one simple graphic that captures the essence of the control loop without having too
much visual clutter. |
|
|
|
| The figure below shows the final result of a series of iterations to
abstract and collapse the notion of a control loop. The control and measurement squares
and the valve are collapsed into one and the three arrows become two. What binds them
together? DER! |
|
|
|
| Finally, some window dressing in the form of creating the inverse of the
above for the main control, gradients, etc. The finished logo is shown below. |
|
|
|
|
| |
