58 подписчиков

Color Hunt - сервис по подбору палитры в помощь художнику

6 минут

156 прочтений

6 мая 2020

С удовольствием использую сервисы по подбору палитр при создании своих иллюстраций. Один из них - Color Hunt. По лайкам пользователей со всего света можно оценить, какие цветовые комбинации удачные и актуальные на сегодняшний день, а какие - нет.

О том, как родилась идея данного сервиса и о его эволюции - интервью с создателем Галом Широм (Gal Shir)

Как второстепенный проект, который я запустил два года назад, выстрелил и стал ресурсом, который привлекает 200 тысяч пользователей в месяц?

В этой статье я расскажу историю Color Hunt - коллекции цветовых палитр. Я начал этот проект с желания поделиться своей страстью к цвету и его удачным сочетаниям. Я предполагал, что подобный ресурс заинтересует дизайнеров, художников, иллюстраторов и всех, кому требуется свежая цветовая комбинация для их творческого проекта.

Идея

Все началось с повторяющейся ситуации, когда кто-нибудь попросил меня помочь с выбором цветов для их работы. Мои друзья, среди которых разработчики сайтов, дизайнеры и иллюстраторы, время от времени присылали мне сообщения следующего содержания: “Привет, можешь помочь мне выбрать 5 цветов для круговой диаграммы, которую я делаю?"или “Можешь посоветовать 3 цвета, которые удачно сочетаются с фиолетовым?”

После такого количества отвлекающих запросов меня посетила идея создать простую веб-страницу, которая бы содержала несколько базовых цветовых комбинаций. Я подумал, что, сделав это, я смогу просто отправлять ссылку своим друзьям, и они самостоятельно будут подбирать подходящую цветовую палитру из тех, которые я создал ранее. И с этого все началось.

Видение

Я не отношусь ни к профессиональным веб-разработчикам, ни опытным маркетологам, но я знаю, как сочетать цвета. Я начал с создания простой HTML-страницы, на которой представил некоторые из ранее созданных палитр, и подключил ее к базе данных, где я сохраняю все свои цветовые сочетания. Чтобы упростить процесс добавления палитр в базу данных, я разработал простой "Создатель палитр" (Palette Creator).

Я установил базовые правила:

лимит по количеству цветов в каждой палитре - не более четырех
отображение цветов в каждой палитре в определенной иерархии. Соотношение, которое придает каждому цвету различную важность.

Подготовив эту примитивную веб-страницу, я решил превратить свою личную коллекцию цветовых решений в общедоступный ресурс для пользователей со всего света.

Затем возникли еще две идеи:

кнопка лайк (like button), которая позволяет пользователям сохранять свои любимые палитры
меню сортировки (sorting menu), которое позволяет пользователям сортировать палитры в зависимости от их популярности, даты или просто случайного выбора.

Мне хотелось создать ресурс, который бы выглядел живым, динамичным и интерактивным.

Вызовы

Масштабирование коллекции

Я планировал развить Color Hunt до масштабов, включающих тысячи палитр, но одному мне это было не под силу. Мое время ограничено, так как я работаю штатным дизайнером, и даже при наличии свободного времени я не смог бы придумать такого разнообразия цветовых комбинаций. Поэтому я решил сделать "Создатель палитр" (Palette Creator) публичным. Теперь любой желающий может внести свой вклад в коллекцию и представить свою собственную цветовую комбинацию в Color Hunt.

Сохранение качества

Порой палитры созданные пользователями имеют достаточное низкое качество. Идея Color Hunt предполагала создание коллекции, собранной вручную, с одной стороны, но с другой стороны - открытой для совместного творчества. Поэтому я ввел Систему рецензирования (Review System). Теперь все новые палитры отправляются на панель управления, и я выбираю лучшие из них перед тем, как опубликовать странице Color Hunt.

Управление

Поскольку я хотел, чтобы Color Hunt курировал не только я, но и сами пользователи, я добавил кнопку лайк (like) для каждой палитры, чтобы у пользователей была возможность управлять своими коллекциями.

Но для того, чтобы запустить систему лайков, мне нужно было заставить своих пользователей зарегистрироваться на сайте или войти через учетную запись Facebook. А я не хотел этого делать, прекрасно понимая, что люди ненавидят регистрацию и следовательно вовлеченность будет гораздо ниже, если лайкать смогут лишь зарегистрированные пользователи.

Поэтому я построил систему лайков, которая хранит все понравившиеся палитры пользователя локально в его браузере, и соответственно отпадает необходимость иметь учетную запись на Color Hunt. Моя база данных также сопоставляет каждый лайк с IP-адресом пользователя, чтобы он не мог лайкнуть определенную палитру больше одного раза.

Уникальность

Есть десятки отличных сайтов по подбору цветовых решений. Поэтому сложно привлечь всю эту огромную аудиторию пользователей на свою сторону. Но я могу оптимизировать детали, которые сделают Color Hunt отличным от других.

Результат

Когда все было готово и протестировано, я опубликовал Color Hunt в качестве нового продукта на сервисе Product Hunt и получил подавляющее количество голосов, отзывов и трафика.

Я завороженно наблюдал, как накачивается счетчик палитр, и моя панель управления заполняется новыми цветовыми комбинациями, созданными пользователями.

Color Hunt засветился на различных веб-сайтах, блогах, в социальных сетях и журналах, связанных с дизайном.

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

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

Сегодня Color Hunt - это популярный ресурс, который ежедневно обслуживает около 20 000 пользователей из сферы дизайна и творчества.

Несколько месяцев назад я запустил список рассылки - более 3 000 подписчиков, которые еженедельно получают популярную палитру на свой почтовый ящик.

Мне нравится поддерживать и курировать сайт, каждый день выбирать победителя в номинации Лучшая палитра. Я даже начал получать небольшой пассивный доход благодаря Color Hunt, который позволяет мне раз в неделю выпить коктейль и перекусить в модном ресторане!

Что дальше?

Я получаю много идей и запросов от пользователей Color Hunt со всего мира. Еще много чего можно улучшить, в том числе:

Добавление опции для поиска определенных цветовых палитр на основе запрашиваемого пользователем цвета
Разработка системы списков, позволяющей классифицировать понравившиеся палитры и создавать различные личные коллекции
Открытие коллекции с помощью API, чтобы предоставить доступ к палитрам в различных приложениях и веб-сайтах
Разработка Sketch плагина, позволяющего дизайнерам интегрировать и быстро использовать палитру Color Hunt в приложении Sketch

На самом деле, идей гораздо больше! И я всегда с удовольствием выслушиваю новые. Так что если вы являетесь пользователем Color Hunt или только сейчас услышали нем, пожалуйста, дайте мне знать, если у вас есть какие-либо идеи или предложения!