Need feedback on homepage. Client disagrees


The homepage I’m designing is broken down into a banner and three sections highlighting the benefits. My client insists on a white background for the three sections. I’m responsible for creating the vector arts among other things.

The color scheme (dark blue, bright pink, bright blue) from the banner looks jarring against a white background so a different color scheme was used for the sections below. Is there a good argument for why websites should use one color scheme?

My client’s argument against the dark background homepage sections is it will be inconsistent with the white background found all across the rest of the pages. Is this something you will be concerned about?

And most importantly, the artworks on the white background looks dull and uninteresting. Does anyone have suggestions to make it pop out more? Thanks.

1 Like

Yes and no.

Sometimes it helps to think in terms of something analogous that provides distance from the immediate problem while still being relevant to picking apart and analyzing the problem. So let’s say this is a printed booklet instead of a website.

A single, consistent color scheme used throughout a booklet can help visually unify the entire booklet into a single design instead of a series of independent and unrelated pages. This is good. However, there are several ways to do this, and it could but doesn’t necessarily require using exactly the same color scheme on every page.

For example, all righthand pages might have a conservative white background and understated layout. All the lefthand pages, however, might be built around very vivid colors — all of them different. In this example, the varying color scheme is unified by the consistent rhythm of all the righthand pages being white and all the lefthand pages being radically different but consistent with all the other lefthand pages in their use of wildly different colors. Here, it’s the consistent back-and-forth rhythm of color usage that unifies the booklet. Compromise this rhythm by mixing up the pages and the entire booklet would lose its consistency and devolve into an incoherent amalgamation of color randomness.

With this example in mind, a single color scheme on a website is one common way to help unify the look of a website, but it’s not the only way. The website’s design can also be unified by consistent use of other design techniques as well. My point is that there needs to be something that pulls everything together into a unified whole whether it’s consistent use of or consistently varied use of a background color or something else altogether.

In your specific situation, if the pages logically and consistently jump back and forth between two separate but visually related color schemes, it could work (as long as it serves a purpose and doesn’t risk being visually jarring or confusing to the viewer). Similarly, if the header element area on every page uses one color scheme, but everything else further down on the pages uses a related but analogous color scheme, that could work too.

Part of my answer would just be repeating what I’ve already written, but in addition, I’m reading between the lines and thinking that you might prefer the dark, moody background and that your client isn’t sold on it.

As I’ve already pointed out, as long as it’s done logically and consistency, there are ways to use both color schemes throughout the web site.

However, I’m sort of agreeing with what I’m assuming is one of your client’s unspoken concerns — the dark background isn’t really working because it’s just too dark and creates a mood that doesn’t fit the subject matter. Can you articulate a reason why a website about Pokemon collections should have the look of a darkened theater instead of something a bit more bright, airy and sunny? Is it possible that your preference for one over the other isn’t based so much on what’s appropriate for the website but is, instead, a reflection of your own personal tastes?

It looks conservative and informational rather than fun, exciting or game-like, but I don’t think the white background places limitations on making it “pop out more,” as you put it.

Instead, I think you might be relying on the dark background to provide the personality you want, and that you’re at a loss on how to create a similar personality on white background using techniques that work on a dark background.

I think the answer could possibly be to think through the problem from the viewpoint of designing a fun, cheery, playful, sunny website instead of thinking in terms of how to transfer what works in a dark layout and trying to make it work on a light one. Is it possible that you’ve locked yourself into one mindset? If so, maybe it would help to step back a ways and look through some brighter examples of websites, books, magazines, booklets, etc. Maybe reorienting your thinking in ways more conducive to light and airy rather than dark and moody could help.

1 Like

I wasn’t expecting a high effort and well explained response. The explanation on color schemes consistency was certainly new information to learn. Thank you!

Can you articulate a reason why a website about Pokemon collections should have the look of a darkened theater instead of something a bit more bright, airy and sunny?

While it’s true it serves my taste, there are 3 points for why I chose a dark background at the time.

  1. TcgCollector is a tool to create a card spreadsheet. The user profile is a male mid 20s working on his collection after work. The choice of color was to relate with the user’s environment.
  2. A dark background allowed one color scheme across the page.
  3. Choosing 4 contrasting and aesthetic colors was overwhelming.
    Screenshot_3

Maybe reorienting your thinking in ways more conducive to light and airy rather than dark and moody could help.

Maybe you would’ve like my first banner concept.

It was rejected because:

  1. The website is a card collecting tool for mature collectors. It must include artworks of cards to differentiate itself from games.
  2. The cheery attitude doesn’t fit with the atmosphere found across other collection websites.

I’m mentioning this because I think you have the wrong idea. I’m not conservative and informational. The dark choice of colors were chosen after the first idea was rejected in an effort to create an aesthetic homepage that includes pokemon cards.

Edit: The good news is as I was reanalyzing my choices, I realized I can just reduce the artwork detail therefore making it easier to find a pleasing color scheme.

It solves problem 2 which puts me one step in the right direction. Once again thank you! Challenging my choices helped me see my problem more clearly.

1 Like

Sometimes it helps me to think through visual problems when I have no stake in the game. It’s sort of a practice exercise for me.

I knew I was probably wrong in trying to read yours and your client’s minds, but I was hoping it would help you think through the problem enough to identify where I was wrong and why. I’m glad it helped.

I have no interest in Pokemon or collecting much of anything like that, so I’m not the target audience. I have no idea what other collection websites might look like. Not that they need to be, but I’m puzzled over why they can’t be bright and cheery. I guess I just don’t get the Pokemon thing. :wink:

1 Like

I agree with your customer. Visual consistency is important to let the user know she/he is still on the same website. Besides, the “& Moon” portion of the “Sun & Moon” logo gets completely lost on the blue background. Hence, the white background also works better to aid the legibility of their branding.