{"id":14225,"date":"2018-01-30T12:00:13","date_gmt":"2018-01-30T12:00:13","guid":{"rendered":"https:\/\/marvel7077.wpengine.com\/?p=14225"},"modified":"2018-01-30T12:00:13","modified_gmt":"2018-01-30T12:00:13","slug":"color-hunt-behind-scenes","status":"publish","type":"post","link":"https:\/\/marvelapp.com\/blog\/color-hunt-behind-scenes\/","title":{"rendered":"Color Hunt: Behind The Scenes"},"content":{"rendered":"

In this article I\u2019m going to tell the story of Color Hunt<\/a>, a curated collection of color palettes. I started Color Hunt with the goal of sharing my passion for colors, and provide a go-to resource for designers, artists, developers, illustrators, and basically anyone who needs a fresh color combination for their design project.<\/p>\n

The Idea<\/h2>\n

It all started from a repeating situation of me being asked by someone to help with choosing colors for their work. Friends of mine which are content creators or work in the creative field, were sending me messages once in a while that go like \u201cHey Gal, can you help me choose 5 colors for a pie-chart I\u2019m making?\u201d<\/em> or a request like \u201cCan you advise 3 colors that work with purple?\u201d<\/em><\/p>\n

After too many distracting and context-switching requests, I came up with the idea of setting up a simple web page, that features several basic color combinations I made<\/strong>. I thought that by doing that, I can easily send a link to my friends and direct them instantly to pick a color palette I made before. So I started coding it.<\/p>\n

\"\"<\/a><\/p>\n

The Vision<\/h2>\n

I\u2019m not a professional web developer nor an experienced marketeer, but I know how to combine colors. I started by making a simple HTML page that lists some color palettes I created, and connected it to a database where I store all the palettes. To let myself quickly add more palettes to the database, I developed a simple Palette Creator<\/a>.<\/p>\n

I set some rules such as limiting the amount of colors in each palette to four, and displaying the colors in each palette with a specific hierarchy I came up with. A ratio that gives each color a different importance by displaying it in a different size.<\/p>\n

\"\"<\/a><\/p>\n

<\/p>\n

After getting this simple web page ready, I decided to transform this personal collection into a public resource for the world. Then came the two following ideas: A) the like button<\/strong> that lets users save their favorite palettes, and B) the sorting menu<\/strong> that lets users change the order of the listed palettes based on their popularity, their age, or just random.<\/p>\n

I wanted to make a resource that feels alive, dynamic, and interactive. By showing the colors HEX codes on a mouse over I created a way to access the codes quickly without needing to click and navigate to a different page, and also, kept the layout clean and appealing.<\/p>\n

\"\"<\/a><\/p>\n

<\/p>\n

The Challenges<\/h2>\n

1. Scaling The Collection<\/h2>\n

I wanted to grow Color Hunt to have thousands of palettes, but I couldn\u2019t create so many by myself. My time is limited since I\u2019m a full-time designer in a startup, and even on the creative aspect, I can\u2019t come up with so many different color combinations. So I decided to make the Palette Creator public<\/strong>. Anyone who wants can contribute to the collection and submit their own color palette to Color Hunt.<\/p>\n

2. Keeping The\u00a0Quality<\/h2>\n

More palettes created by users = lower quality and less-curated collection. Color Hunt\u2019s idea was to be a hand-picked<\/strong> collection on one hand, but also to be open and collaborative<\/strong> on the other hand. So I built the Review System. Instead of immediately showing every new palette on the homepage, all new palettes are sent to a managing dashboard I built. In that way I can review each and every creation before it goes public and choose the very best of these to show on Color Hunt\u2019s homepage.<\/p>\n

3. Driving Engagement<\/h2>\n

Since I wanted Color Hunt to be curated not only by me, either by the users themselves, I added the like button for each palette so the users could curate the collection themselves by clicking the button on the palettes they find beautiful.<\/p>\n

But I knew that in order to run a likes system, I have to force my users to signup for the website, or connect using Facebook or Twitter, and I didn\u2019t want to do that. I know that people hate signups and that I might get way less likes if only signed-up users could click the button. Since the community wasn\u2019t big at the beginning, I couldn\u2019t compromise on such low amounts of like.<\/p>\n

Enter Local Storage<\/strong>. So I built a likes system that stores all the user\u2019s liked palettes in his browser\u2019s Local Storage without needing to have a user account<\/strong> on Color Hunt. My database also records each like with the user\u2019s IP address so he can\u2019t like a certain palette more than once.<\/p>\n

4. Being\u00a0Unique<\/h2>\n

There are tens of great color palettes websites online. I can\u2019t win the competition and get all this huge audience to my side, but what I can do is to optimize the things that make Color Hunt different. Things such as the simplicity and the clean interface, the easy palette saving and quick accessing, the daily updating, and the hand-picked curation.<\/p>\n

\"\"<\/a><\/p>\n

<\/p>\n

The Result<\/h2>\n

When everything was live, ready and tested, I published Color Hunt as a new product on Product Hunt<\/a> and got an overwhelming amount of up-votes, exposure, feedback, and traffic. I started to see the palettes like-counters pumping, and my managing dashboard filling up with new palettes created by users.<\/p>\n

\"\"<\/a>

The Managing Dashboard of Color Hunt (Simulation)<\/p><\/div>\n

Color Hunt got featured in many different websites, blogs, social networks and magazines related to design. After the first week I started to have so many new palette creations on a daily basis so I didn\u2019t need to create any by myself anymore. Since then, all new palettes are created by the users themselves.<\/p>\n

After the first month, I found myself wasting a lot of time curating and reviewing new palettes every day. So many palettes, that I even decided to hide the \u201cCreate\u201d button<\/strong> under a dropdown menu to reduce the amount of submissions I need to review.<\/p>\n

\"\"<\/a><\/p>\n

Today, Color Hunt is a popular resource that serves around 20,000 daily users from the design and the creative fields. Several months ago I launched the mailing list that currently has more than 3,000 subscribers that get a popular palette once a week directly to their inbox.<\/p>\n

Choosing the best palette every day has become a daily routine for me, I enjoy maintaining and curating the website, and I even started to earn a small passive income from Color Hunt that lets me have a cocktail and eat some good food in a fancy restaurant once a week.<\/p>\n

Whats Next?<\/h2>\n

I\u2019ve been receiving lots of ideas and feature requests by users of Color Hunt from all over the world. There are still many things that can be done to make Color Hunt better. Many things, including:<\/p>\n

    \n
  1. Adding a search <\/strong>option for users to find specific color palettes based on a certain color<\/li>\n
  2. Developing a lists<\/strong> system for users to categorize their liked palettes and make different personal collections<\/li>\n
  3. Open the collection with an API <\/strong>to give access to the palettes in different apps and websites<\/li>\n
  4. Developing a Sketch plugin <\/strong>to let designers integrate and quickly use Color Hunt\u2019s palette within the Sketch app<\/li>\n<\/ol>\n

    There are many more, and I always love to hear new suggestions. So if you\u2019re a Color Hunt user, or either heard about it for the first time just now, please let me know if you have any idea or suggestion!<\/p>\n

    This article was originally published on Gal's Medium page<\/a>.\u00a0<\/em><\/p>\n","protected":false},"excerpt":{"rendered":"

    In this article I\u2019m going to tell the story of Color Hunt, a curated collection of color palettes. I started Color Hunt with the goal of sharing my passion for colors, and provide a go-to resource for designers, artists, developers, illustrators, and basically anyone who needs a fresh color combination for their design project. The Idea It all started from… Read More ￫<\/a><\/p>\n","protected":false},"author":138,"featured_media":14241,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[11],"tags":[],"class_list":["post-14225","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-viewpoint"],"acf":[],"yoast_head":"\n\n\n\n\n\n\n\n\n\n\n\n\t\n\t\n\n\n\n\n\t\n