EnChroma develops leading patented lens technology to improve the lives of people with color blindness. The company developed a one-of-a-kind technology that enables people with color vision deficiency to see colors they only previously imagined.
I was asked to remake an e-commerce site. I challenged myself by choosing to present an EnChroma product, which is something between a necessity, a life-enhancing product, and a fashion product.
EnChroma’s goal is to sell glasses. But unlike any fashion brand, they have a completely unique product and have no competition! I planned to put this advantage upfront.
Create a site where color-blind people finally feel that design is intended for them, that they are comfortable and a product is tailored to their needs.
Design for the color blind
The target audience for this site is very clear – people who suffer from color blindness. Therefore, there is a need for design that is accessible to them and there are many restrictions to consider.
Let it be clear
It is important that at first glance it is clear that the product is for the color blind and not just fashionable glasses – so there is no chance that someone who does not need the product accidentally purchases it.
The product helps the customer see colors – so the initial instinct is for the design to have a colorful palette. How can this be conveyed without missing our target audience? As we know, they cannot see a colorful palette yet.
The original site was loaded with content – about the technology, how it works, about the research, the awards won, etc. I had to make decisions about what to leave and what was just not interesting enough for the potential buyer.
Research and analysis
At first, I designed without researching the target audience – I did not know any color blind people. I submitted the design once, twice, three times, and received the same comment over and over again – your design looks pretty but sends too much of a “fashion” feel and does not “look and feel” like a product for the color blind. You can see some of the original designs here.
So one day I published a story on Instagram in which I wrote: ‘Are you color blind? Talk to me.’ And I was surprised by the number of color blind people I know without realizing!
I sat down to talk to a few of them and I knew I needed to start from the very beginning:
״How does a color-blind person see the world?״
Sophie simplified the matter for me. “People think that color-blind people see the world black and white, the truth is that there are several types of color-blindness. Most of us see certain colors well.” Indeed, Google backed up her statement.
Bingo. I knew I had to take that fact and do something with it.
Let there be one site on the internet where color blind people feel understood.
The Original EnChroma
Of course, I spent a lot of time on the original site I remade. Here are some things they did that in my humble opinion are less effective:
- Focus a lot on discounts. You have a unique product that is unparalleled in the world! Focus on this advantage and not on having a 70% discount at Christmas.
- Colorful, colorful, and… colorful. As mentioned – your target audience cannot see all the colors that fill the site.
- Lots of little pictures. Color blindness often comes along with other visual impairment, it is best not to overload the client and certainly with not small pictures.
The understanding that my target audience is unique has led me to the following conclusions:
After the research I realized that color blind people miss a lot and have a hard time browsing websites. I learned that every color blind person sees certain colors in a poor way and other colors in an accurate way:
* people with Deuteranopia = see yellow better.
* people with Tritanopia = see red better.
* people with Monochromacy = well, they see everything in black and white.
I knew I will make a site that adapts itself to you according to the type of color blindness you have.
And so, I turned the disadvantage into an advantage!
The user interface
To buy such a product you need a lot of confidence, and confidence comes from information. Therefore it is necessary to have:
- Explanation of the product in simple words and with scientific backing, details of what the product includes, when, and how. Simply create certainty around the purchase.
- Pictures that illustrate the product from all directions, and preferably also with a person for an indication of the look.
- A way to create communication with a human representative available at all times using the chat, which always appears by sticky scrolling.
The number of mobile users worldwide is growing, and it’s growing fast. Last year 48% of the entire global web traffic was originated from mobile devices, and today we are already talking about 51%!
This phenomenon is making “responsive web design” become much more than just a “nice to have” feature. It is now a crucial necessity.
Major internet search engines now favor websites that are designed for mobile. This includes Google, Yahoo, and Bing. Why do they favor websites with a responsive design? Because they put user experience first. The number of mobile users is growing exponentially, and there is no indication that this trend is going anywhere anytime soon.
Thank you for taking the time to go through my project.
Made with ❤ by Nave More