Як вибрати кольори на сайті, щоб збільшити продажі на 24% вище

Можливо, іноді неважливо, який колір ви вибрали. Але колір - або поєднання кольорів - може мати значний вплив на бізнес, коли ви створюєте новий продукт, коли ви вибираєте упаковка або коли прикрасити новий магазин. Кольори мають велике значення, якщо ви дизайнер, керівник, архітектор, шеф-кухар чи батько - і вам потрібно прикрасити кімнату вашого малюка, щоб він міг відпочити і добре вчитися.

Як ви вже здогадалися, колір дуже важливий при створенні веб-сайту - або коли ви хочете оновити старий. Сьогоднішня стаття розгляне основи психології кольорів, а потім детально розбереться з кожним кольором - у контексті веб-дизайну. Це кольори, що використовуються в основному зображенні на сайті, у заголовках, цінах, кольорі тла, верхній панелі, кнопках або спливаючих вікнах.

Як кольори впливають на нас

Кольори змінюють наш настрій і ставлення - і я не кажу це лише тому, що це добре звучить. Побачений людським оком, колір обробляється гіпоталамусом. Це, в свою чергу, надсилає сигнали до ендокринної системи і, врешті-решт, до щитовидної залози. Останній виділяє гормони, що викликають перепади настрою. Таким чином, це змінюється для вас емоції та поведінка.

Кольори мають такий вплив, що правильні можуть збільшити коефіцієнт конверсії вашого сайту до 24% (згідно з цим дослідженням).

Тому надзвичайно важливо правильно вибрати кольори на веб-сайті вашої компанії.

Психологія кольору

Згідно з недавнім дослідженням, відвідувач формує свою думку про ваш сайт, бренд та товар 90 секунд. Завдяки цій взаємодії колір має найбільший вплив - із 62-90% - на новоутворене ставлення.

І, як ви вже знаєте, перші враження тривають майже вічно. Тож давайте детально розберемо цей елемент дизайну, від якого залежить успіх вашого бізнесу в Інтернеті.

Як вибрати ідеальний колір - або правильний мікс

Колір для нового сайту, інтернет-магазину, логотипу чи упаковки вибирається з урахуванням цих 3 елементів:

• Цільова аудиторія
• Ціль, для якої він використовується
• Місце, де воно застосовується

Наприклад, на веб-сайті Noriel має сенс побачити грайливе поєднання кольорів. Люди продають іграшки, і тверезий колір - наприклад, чорний - був би недоречним.

На веб-сайті Днів моди цільовою аудиторією є жінки. Як і Норіель - якщо ви думаєте, що матері зазвичай купують іграшки, а діти не мають доступу до карток своїх батьків. Навіть якщо сегменти ринку, до яких звертаються два сайти, можуть навіть перетинатися з точки зору статі, віку, соціально-економічного статусу - підходи діаметрально протилежні.

До жінок підходять у двох різних способах життя - житті матері та жінки, яка цікавиться модою. Таким чином, два сайти викликають абсолютно різні емоції та почуття - завдяки дизайну, кольорам та підходам.

Нижче ви знайдете причину - цілком логічну - чому Fashion Days обрали чорний колонтитул і саме ті бірюзові відтінки на основних зображеннях. До цього часу я розповім вам кілька корисних прийомів у виборі кольорів - на сайті та не тільки.

Хитрощі для вибору кольорів

No1 Жінки не люблять сірий, оранжевий та коричневий. Вони люблять синій, фіолетовий і зелений

Соціологічні відмінності в колірних уподобаннях настільки актуальні, що на цю тему існує цілий розділ досліджень.

Я перевірив теорію

Що подивитися? Великі веб-сайти, пристосовані для жінок, використовують ці 3 кольори - як і "Дні моди" вище.

Сефора вибрала поєднання зеленого та синього з невеликими контрастами рожевого та оранжевого. На точці.

Furla просуває свій новий продукт на тлі природних відтінків зеленого. Ми всі любимо частинку природи.

І Зара знає, як використовувати блакитний колір на користь бренду.

На веб-сайті МК переважає зовнішня картина, де переважають відтінки зеленого та синього, характерні для природних рамок.

Але не лише веб-сайти великих брендів знають, як використовувати кольори на свою користь. А створені нами сайти, націлені на жінок, багаті на відтінки фіолетового, зеленого або синього. Наприклад, для «Чарівного зілля» я вибрав комбінований колір із улюблених жінок - трохи фіолетовий з відтінками синього та зеленого. Ідеально:

Я також вибрав ті відтінки, які віддавали перевагу жінкам, коли створював веб-сайт Home Made Spa:

Багато людей думають, що рожевий - це колір, який зазвичай віддають перевагу жінкам. Ви помиляєтеся. Незважаючи на те, що рожевий колір вказує на жіночність у психології кольору, він не є найкращим кольором більшості жінок.

Орієнтуючись на жінок, спробуйте блакитний, рожевий або фіолетовий відтінки замість рожевого для вашого Інтернет-магазину, цільової сторінки або сайту презентації. Таким чином, ви можете навіть мати кращий коефіцієнт конверсії.

No2 Чоловіки віддають перевагу синьому, зеленому та чорному кольорам

Але вони не люблять фіолетовий, оранжевий і коричневий. Чорний, синій та зелений асоціюються у кількох кольорах з мужністю.

Бренди, які обслуговують виключно чоловіків, досить часто на їхніх веб-сайтах чорніють.

Синій успішно використовується на сайті Playstation. Очевидно, що цей колір дуже добре поєднується з товаром та елементами брендингу.

Значення кольорів

Синій

Якщо це не найчастіше використовуваний колір у веб-дизайні, він, безумовно, входить у топ 3. Корпорації люблять використовувати блакитний, щоб сказати вам, що "шшш, це нормально, довіряйте нам!".

Синій передає довіру, мир, порядок і вірність. Це дає вам відчуття спокою, і ви можете використовувати його на сайті або цільовій сторінці, щоб створити відчуття безпеки та довіри. Зрештою, найбільший сайт соціальних мереж у світі використовує цей колір.

Загалом банківські установи використовують синій колір як в Інтернеті, так і в режимі офлайн.

Так само і бренди чи установи, яким потрібна ваша довіра, щоб існувати.

PayPal, ймовірно, має кращі конверсії з переважно синім сайтом.

Світовому банку не потрібні хтозна, які конверсії в Інтернеті, але це установа, яка хоче передати довіру, безпеку та серйозність.

Коли я створював веб-сайт Ольги Гудин, я вибрав грайливе поєднання кольорів у заголовку - зрештою, це заклад для дітей. Але всі елементи на сайті інакше блакитні - лише для того, щоб передати ступінь серйозності та ефективності роботи школи.

Де НЕ використовувати синій

У будь-якому бізнесі, пов’язаному з їжа. Люди асоціюють синій з отрутою давно - і це якось застрягло у нас у віях. Виявилося, ми інстинктивно їмо менше блакитних тарілок - на випадок, якщо ви збираєтеся розпочати дієту.

Червоний не такий корисний, як синій, принаймні у веб-дизайні. Насправді мені було досить важко знайти сайт, який використовує червоний колір як головний колір у зображенні героя.

На відміну від холодного синього, червоний - це колір пристрасті, теплого кольору, який сприяє розвитку апетиту. Ось чому він підходить для торгових марок.

Чорний

Гаразд, технічно це не зовсім колір, але це, безумовно, безпечний варіант з точки зору дизайну. Чорний - чоловічий, але успішно використовується розкішними брендами - незалежно від того, націлені вони переважно на жінок чи чоловіків. Тейлор - перший приклад, який мені спав у голову - хоча я повинен визнати, що образ героя на каруелі також містить зображення, багаті на зелений, синій та рожевий - улюблені жінки.

Mercedes також використовує чорний на сайті. Чим темніше чорний тон, тим розкішніший продукт - або, принаймні, так сприймає наш мозок відповідно до психології кольорів. Чорний колір асоціюється з елегантністю, потужністю та вишуканістю - саме так ви хочете почуватися в розкішному (Інтернет) магазині.

Жовтий

Жовтий - це перший колір, який помічає людське око, будучи найбільш помітним. Ось чому його використовують у дорожніх знаках, для розмітки або попереджень.

Жовтий колір асоціюється із сонцем - отже, з літом - з радістю, надією та гостинністю.

Мабуть, найвідоміший жовтий логотип:

Тому я б не рекомендував використовувати жовтий колір у зображенні героя на сайті - якщо ви не робите це в дуже малих дозах, наприклад, на кнопках із закликом до дії. Не переконуйте людей купувати після стомлюючого досвіду, який викликає почуття тривоги.

Зелений

Зелений - хроматичний символ природи. Це один з улюблених кольорів усіх, як жінок, так і чоловіків. Це колір, який найлегше обробляється очима і використовується в магазинах для створення стану релаксації.

Використовуйте зелений для свого бізнесу, якщо він пов’язаний із:

• Природа
• Товари для зовнішнього використання
• Органічні/біо
• Навколишнє середовище
• Здоров'я

Я вибрав зелений, коли створив веб-сайт Nomasvello - цей колір найкраще відповідає ідентичності бренду та повідомленню, яке він надсилає (про вічну молодість, красу).

Ефект ізоляції

Ефект ізоляції визначається психологією кольору і виникає, коли елемент, який привертає увагу - наприклад, наступний необхідний крок до перетворення - є єдиним у певному кольорі. зелений він ідеально підходить у таких випадках, оскільки він працює найкраще, хоча техніка стосується будь-якого кольору.

Прокрутіть трохи вище, щоб побачити, як Facebook використовує ефект ізоляції зелених кнопок - єдине місце на сайті, де застосовується цей колір.

Помаранчевий

Цей колір використовують бренди, які мають креативну та веселу сторону. Апельсин теплий, міцний і привертає увагу. Він також використовується для вселення впевненості в собі та конкурентоспроможності.

Mastercard має помаранчевий колір у логотипі та використовує його на веб-сайті або інших елементах брендингу, включаючи кнопки заклику до дії.

Amazon також має оранжеві елементи брендингу, які вона успішно використовує на сайті - див. Оранжеві піктограми, рядок пошуку або кількість товарів у кошику. Однак апельсин використовується як акцент і не є домінуючим кольором.

Ми також використовуємо помаранчевий як для візуальної ідентичності, так і для кольорів на сайті.

Коли я будував trainersport.ro, я знав, що помаранчевий ідеально підходить для активних брендів, які пов’язані зі спортом та ефективністю. Тому я вибрав помаранчеві елементи як у заголовку, так і на сторінках товару.

Не забуваємо про біле. Врешті-решт, Google є одним із найбільш використовуваних сайтів у світі і використовує тонну білого.

Мені подобається сайт, який використовує багато білого. Це дає вам відчуття простору, дихання, свободи та чистоти.

Висновок

Кожен колір має сильні та слабкі сторони при використанні на веб-сайті. Червоний колір символізує пристрасть, любов і апетит, але також може означати небезпеку або гнів. Синій - це логічно, спокійно і впевнено, але він також може означати смуток (відчуття синього?) І, нарешті, холодний колір.

Не існує ідеального кольору, як не існує ідеального сайту. Просто ідеальний сайт для вас. Тому я раджу врахувати наступні аспекти при виборі кольорів для вашого майбутнього сайту:

• Виберіть колір, який відповідає вашому бренду та товару
• використання контраст на вашу користь - особливо для заклику до дії
• Виберіть колір, який подобається цільовій аудиторії
• Тест! Зрештою, відвідувачі дають вердикт. Найкращий колір - той, який змушує людей натискати кнопку і купувати

Заходьте в Інтернет!

Вам потрібен партнер для нової присутності в Інтернеті? Давайте поговоримо про ваші бізнес-потреби. Розкажіть нам більше про свій майбутній проект на [email protected] або зателефонуйте нам за номером 0733.177.355.

Ви також можете дізнатись більше про створення нового Інтернет-магазину тут.

---