New Website - Follow Up Items

robertdown wrote on Friday, September 23, 2016:

There is still the issue of finalizing our logo. The current color scheme was used just so we had something to ship with the new site, but I think the green/blue/purple colors pose several problems.

First, the green and purple colors give the logo a look commonly found in the 1990s. These colors are not commonly used in today’s logos (as that was 20 years ago). The give the appearance of a mis-dated logo.

Second, while initially I liked the idea of 3 colors on the circle I’ve come to find it very difficult to find a triad of colors that work well together and in the context of our logo.

Third, I think these particular colors are too dark for our application. I think they bring down the overall feel of the logo, something we should be lightening up.

I have found a niche hobby over the last several years in design, logos, and typography. I am by no means a professional graphic artist but I do like to think I keep an eye on how logos and styles designed and where design trends are moving.

I have attached a new color scheme (same logo). Let me provide some rationales for why I made the choices I did.

First, the color blue is a fairly neutral color used in a lot of technology-based companies. Facebook, Twitter, LinkedIn, Dell, IBM – and those are just the ones I can think of off the top of my head. Blue is a safe color and often creates a sense of trust and stability (There’s a reason why banks often have blue logos, think Chase, Citibank, SunTrust, Bank of America). The particular shade of blue I use is a bit on the lighter side, with the hopes of maintaining the trust and reliability while also allow users to feel a bit more “open.”

Second, the color red. Color psychology purists will say that red evokes anger, passion, lust, but when coupled with the blue I think they work nicely together. Consider how many flags in the world utilize the blue and red color combination (I’m not even going to attempt to list them)

I think the red color is easily assimilated into the health arena and humanitarian aid (Think the Red Cross). I can’t quite pinpoint why I associate red with healthcare but I definitely do.

Third, the “open” text is now a dark shade of grey. I chose this as it provides a nice, neutral color to offset the 2 colors we are already using.

Overall I feel this logo is simpler and I think that is important. OpenEMR has been in the process of simplifying a lot of its user interface (with much success in my opinion), we’ve launched a new, modern and simple website, and even behind the scenes we have moved to a more streamlined (and simple) method of tracking issues (through GitHub). Simplicity is “in” right now, but more importantly it allows us to focus on the content and maintain the user’s attention.

The point I am trying to make here is that these colors weren’t just thrown onto the logo because I like them. They were meticulously chosen with very specific meaning behind each decision. Below is a link to a PDF displaying the color scheme I am proposing. I’ve also shown an inverted logo as it is important to have the ability to define our logo on a dark background, granted the logo is even simpler on a dark background. I have also shown a “block” logo, a second type of mark that we will utilize where we need a square logo.

I want to emphasize a couple of things. The logo itself is already set, we are not looking for feedback on that. The question at hand is specifically regarding the colors.

We will be finalizing the logo early next week, so if you have an opinion, please share over the weekend.

See this PDF: https://www.dropbox.com/s/o34kteld1ubvn3l/Logo%20Blue-Red.pdf?dl=0

bradymiller wrote on Friday, September 23, 2016:

Hi,

To provide more visual context, here are some snapshots of submitted website changes that are under review which incorporate Robert’s logo:

-brady

matthewvita wrote on Saturday, September 24, 2016:

The colors look rather harsh to me (please take this feedback with a grain of salt because I can’t explain why).

I’m interested in what other folks think.

-m

robertdown wrote on Sunday, September 25, 2016:

Live demo of the homepage can be found at: http://robertdown.github.io/website-openemr/index.html

It’s really only the frontpage, just using github pages as a place for people to see the changes

bradymiller wrote on Sunday, September 25, 2016:

Site looks nice. Would be nice if folks could get these logo options displayed side by side. In my non-designer eye’s Robert’s does seem more modern.The logo examples on the pdf also seem fuzzy.
-brady

robertdown wrote on Tuesday, September 27, 2016:

Comparison attached.

As for the “fuzzienss” of the logo, yes it is. We are waiting on the actual vector file from the designer at which point we can export any sized image with full quality. Final version will be crisp, regardless of the color.

blankev wrote on Tuesday, September 27, 2016:

In the Comparison,pdf I would vote for A. Although I would go for very dark blue and not for black. Dark blue to show the night, light blue the day. Representing the 24 hour medical profession and the world wide coverage of OpenEMR. The red line and M for the Cardiologist, M for the surgeon, and a good representation of the profession.

bradymiller wrote on Tuesday, September 27, 2016:

Thanks for the comparison. For logo A, why are the bordering of the lettering (open and the M) and the swirl more rough appearing than logo B?

-brady

robertdown wrote on Tuesday, September 27, 2016:

Thanks for the feedback, Pieter!

robertdown wrote on Tuesday, September 27, 2016:

Because I didn’t have the original logo and was using a PNG file, the editing process was a bit rough. Everything will be identical, smooth, non-blurry and awesome for the final version.

This is color scheme differences only

bradymiller wrote on Monday, October 31, 2016:

Hi,

The OpenEMR website at http://www.open-emr.org has just been updated with Robert’s changes and logo. It looks really nice!
(you may need to refresh the page in your browser to see the changes)

My suggestions for improvement are the following:

  1. Flip the main image horizontally (ie. mirror image) so moblie users see a computer on the image and not a old phone/paper/pen :slight_smile:
  2. Add the main image(with that nice slogan/logo) back to the wiki(and 404 page) in the header.html. It’s really nice and prevents the wiki from looking like a obvious wiki (especially the download, features, etc. pages).

Please post any other suggestions for improvement here.

And thank you Robert!

thanks,
-brady
OpenEMR

cmswest wrote on Tuesday, March 14, 2017:

the website looks very nice, thank you Robert.

my suggestions for improvements stem mainly from desire to put OpenEMR v5.0 and it’s 2014 ONC certification front and center, could even reference the press release

could also move the “what is OpenEMR” section up the page along with the 3 graphics ordered 2014 ONC first, then OSI and finally non profit backed

this would move the image of the provider and the look of the application to the bottom of the page

thank you

robertdown wrote on Wednesday, March 15, 2017:

Hi Stephen,

I agree we need to better showcase the ONC cert - plan on making it more prominent once we finish the launch of the new forum (Should be very soon

Hi,
Also should link to the new forum and the chat from the main website (I realize this is obvious, but just wanted to post something on the new forum :slight_smile: )
-brady
OpenEMR

1 Like

sounds great Robert and Brady, thank you for the wonderful improvements!

Our new forum has a nifty @username to tag people, so you could have written …great @robert.down and @brady.miller, thank…

Just type @ and the persons name and you’ll get an overlay :slight_smile:

cool, what’s the software that’s powering our new forum @robert.down?

oh it’s, discourse, i found the tips in the new to our forum message

thank you again @robert.down

new website looks fantanstic, wow @robert.down!

whoops, please see this OpenEMR's website got a facelift this weekend!