Category: Web Design

HTML5, Responsive Design, CSS, Frameworks and all matters related to building a website.

Logo First, Then Website


Order of Operations

Just as we are accustomed to doing math problems in a certain order known as order of operations – left to right, exponents, multiplication & division, addition & subtraction – with branding and website design, it’s helpful to get the branding order done right too.


Generally, this means that a logo comes first.

The logo sets the tone for the website including its color palette.

Hopefully the logo will be part of an official branding manual. Of course, this depends much on one’s marketing budget. Sometimes the logo is designed at the same time as a website and there is no branding manual (it happens). The branding manual though is a culmination of research and decisions that spell out the signed-off official way to represent a brand. A logo and other brand messaging details will be part of that package. This generally includes the official color palette.


Next, the website can be designed and built.

Designers will have a head start with fewer creative questions when a branding manual is available. After all, the official colors decision will have already been made and signed off on. The availability of the official logo will also streamline a website’s design process.

Although streamlined budgets might exclude some of the normal corporate processes for building a website, best practices and order of branding operations can insure that your brand message is delivered correctly.

Personally, I’m always happy to be a part of each step with suggestions if necessary. A jack-of-all-trades product manager has dealt with all of these phases in fact.

So, if you’re in the process of building a website for the first time and could use a sherpa to help guide you through the steps, feel free to contact me. I’ll bring the tea (logo not required).

The Bootstrap Way

I Love Bootstrap 3

Sometimes I read posts from haters of Bootstrap – a CSS website framework – and feel like I must not be one of the cool kids because I’m such a raving fan of it.

Do those knocking down Bootstrap know something that I haven’t experienced?

Bootstrap has a sizeable community of supporters though, and if something is proven to work well and save time, count me in. Let me focus on design and content while Bootstrap takes care of the rest – like insuring my work will be responsive across different screen sizes.

And to address it’s common complaints:

  • No, not all Bootstrap sites have to look alike.
  • Adding or modifying a few classes of CSS if necessary still saves more effort while removing any worry over its effect on the webpage overall in my experience. The Bootstrap site allows designers to make quite a few modifications to the styles anyways before downloading it.

Move to Bootsrap 3

If you have a site built on top of Bootstrap 2, it’s time to bite the bullet and migrate to Bootstrap 3 – it’s so much better at providing responsive features to tackle smaller screens. With Bootstrap 3, gone are the days of just stacked content on mobile devices. It is truly a mobile first philosophy and we can now layout columns where we want them – from phones to tablet views.

It will take time and careful consideration when migrating to BS3 because there have been many changes to the original class names found in BS2. The changes though are easy to learn for devs, and for the most part, make sense. The effort and cost is worth it too. It will save time as you continue to add new content to your site.

If you are contemplating a new website, why not start with BS as a foundation because there are plenty of developers familiar with it and able to offer support. This framework can even be used on CMS sites such as WordPress.

From personal experience, BS3 is a solid choice for a site.