Transparent
Sometimes a website's background forms such a great basis that a separate background for the banner is unnecessary. With this being the interim banner until the entire web design was finalized, I initially concluded this to be true in my case but later realized that the background removed definition and clarity from the logo's wordmarks.
I proceeded to add a background to the banner to inject some personality by inserting the wiring diagram from the website's very first banner on top of a gradient. As well as this, I added a drop shadow to the logo to give it some depth.
Here is a more experimental version of the banner above, deleting a circular area around the logo (now placed to the left) to create a transparent zone. This is essentially a meeting of the two different banner approaches that has more substance than the bare logo whilst still resting the logo on the main background for simplicity.
A totally new design with an arch-like gradient sweep, which is fitting as the banner is like a gate to the rest of the website. It incorporates a part of colour scheme found within the logo for a harmonious and calming disposition, especially against the rest of the website. The logo's drop shadow has been removed here as it is redundant against this gradient.
A further evolution of the above with an asymmetric sweep to stylize the idea and make it my own. The dividing line now being thicker and brighter, this design clearly features shadows, mid-tones, and highlights just as the main background does.
Overall, I believe that the fifth banner design is the best choice as the final banner due to it being intently developed and highly compatible to the rest of the website. Bar the typeface, it is also completely made by myself, which reflects well on my reputation as a designer (the wiring diagram, for instance, was not self-made).
No comments:
Post a Comment