So I have made a website (https://colors.fizzzi.repl.co/), people say it’s one of the best color service on repl.it and my goal is to make it really good in the grand scales of the internet. It has liking features, trending colors page, all forms of implementing colors (including copy pastable html, css, and js code for the web), image to color, shades - saturations - hues- and granite versions of colors that all form to flow a seamless connected group.
I need help with two things, 1. How to advertise it 2. Any feedback, comments, and things I can add.
Btw I won’t b super active here but I am alway on discord add me if you wanna talk | i_am_a_leg
Overall, your site is impressive. I find this image a little creepy though.
for advertising, you could consider publishing it or showcasing it on Replit Ask under the Showcase category, or even sending the link to your friends.
as for the feedback, I would recommend the following:
- I really liked your simplified and aligned UI and your consistent site-wide theme.
- The little color indicator next to the bottom textbox is a very nice touch that you added there, which adds more focus to the color while not being too big or blatantly obvious.
- The base colors weren’t just primary colors and colors that you see everywhere, which gives the user a more organic perspective of the concept of color.
- Consider styling the buttons, because the default HTML styling for the button element is literally trash.
- Add CSS animations to clickable items
- Put a border around the color swatches on the homepage, it adds more contrast and defines what is foreground and what is background, while making hard-to-see colors more visible and apparent that they exist.
- Make the buttons in the corner bigger and have a “visual hitbox” (a larger area, for example a grey rectangle, to click on rather than just the text). After all, you do want the user to click them, don’t you?
Post-submission color viewing page
- The variations of in color suggested to the user really urges him/her to go past the basic colors and look into some more advanced options, like that one shade of green you were looking for your entire childhood.
- The button styling is nice, and the like display stands out a lot, which would add another new element to consider when choosing your favorite color, possibly sparking discussion and potentially a debate.
- Adding more options to implement the selected color in the user’s website allows for a “one-click” connection from your site to their whatever-they-are-using.
- Align the buttons and make the clickable items bigger. Remove the
| character, as the separation is already defined by the distinction between the text-area and the button-area.
- Instead of using text like
hsv(240,100,100), Give your color its own space and apply a label on the side, like a grid of key-value pairs in rows.
- Make the Share button more intuitive, and ensure that you make a clear connection between the Share button and the like count.
Trending colors page
- The trending colors page allows your user to get a new perspective of what other people think, which fits with your site theme of being able to vote for colors that you like.
- Your website is simple and not cluttered with stuff. That makes for a more pleasing user experience.
- Explain what the numbers on the colors mean. Likes, bananas, page visits, ad revenue?
- Find a way to group similar colors together, otherwise you will get a page full of 1-voted and 2-voted colors with no generalization. A possible solution would be to put the trending colors on the main page, suggesting the user to vote on an existing color instead of filling up the trending colors page.
- Make the arrow match the direction of “page movement” as you have defined on the main page, where the trending colors page is to the left of the main page which is to the left of the color from image page.
Color from image page
- Good button size and alignment
- A big square representing the color draws attention to itself, hinting to the user that the square is supposed to be the focus point.
- The image is goofy
- Having a big button that stands out would invite the user to upload their own image and interact with your website more.
- Style the text view to be more fitting to your theme.
- Don’t use the placeholder image as the loaded image by default, instead present an “empty space” which calls action to the user that they have to click on a button (most likely to be “Upload”) to use the service. You could use the scary image as a optional placeholder image that could be used on request, but I would recommend using a more non-PG13 image.
tysm the feedback is rlly good. I will be updating this frequently for at least the entire summer so if you are interested in testing in the future could I have your discord?
I dont usually use discord, but ill send it to you in a dm
@Fizzzi maybe you could make the color boxes rounded squares. I feel like right now they are sharp edges, if you make them rounded it could relax the feel.