UI Redesign Project
ColourHive
Overview
ColourHive streamlines the color selection process for designers, offering features like automatic color extraction, variant generation, and accessibility testing. It enhances design workflows for cohesive and accessible designs.
Role: UI Designer
Timeline: July 2024
Team: Solo Project
Current Version Issues
Strengths
too many ads
hard to navigate, a lot of hidden features many users were unaware of
Weaknesses
easily copy colour codes
has all colour code types available
Versions
Color Picking Websites: Image Color Picker, Material Design Color Tool
WCAG Contrast Checkers: WebAIM Contrast Checker
Ideation
Brainstorming Session:
Automated color extraction from images.
Generation of color variants and harmonious color schemes.
Built-in WCAG contrast ratio testing.
Colour blindness simulation and adjustments.
Interactive color wheel and harmony tools.
Palette storage, sharing, and community features.
Integration with popular design tools and a browser extension for colour picking.
Competitive Analysis:
Color Picking Websites: Image Color Picker, Material Design Color Tool
WCAG Contrast Checkers: WebAIM Contrast Checker
Figma Extensions
Initial Prototypes
Final Version
Before
After
Before
After
Key Takeaways
💻 Simplicity: Not only design wise, logically simplifying everything makes it easier on the user
📐 The Importance of White Space: It could make or break a design
👩🏽💻 Simple all in one tools: Are hard to design, but highly effective when done rigth