UI/UX Design for "LignumBlocks Color Maker" Interface in Squareline.io

Status: Closed
Prize: $50
Entries Received: 18
Winner: moamenkhamess

Winner

Contest Brief

Contest Title: UI/UX Design for "LignumBlocks Color Maker" Interface in Squareline

Project Overview:
We're seeking a skilled UI/UX designer to create an attractive and user-friendly interface for the "LignumBlocks Color Maker" using Squareline. This interface will have four pages and simple navigation.

Hardware: ELECROW ESP32 Touchscreen Monitor 7 Inch TFT LCD Touch Screen 800x480 SPI HMI Display ESP32-S3-WROOM.

Pages and Design Requirements:

Home Page:

Orange background.
Centered "LignumBlocks Color Maker" title.
Large centered "Start" button.
Top-right configuration button.

Orders Page:

Gray background.
A list of 30 orders on the left with scrolling.
Each order is represented as a button with the order number.
The order date is displayed to the right.
Bottom "Back" button.
Top-right configuration button.

Order Details Page:

Gray background.
A list of 30 colors on the left with scrolling.
Each color is represented as a button with color and "Mix It" text.
Check the box next to each color.
Bottom "Back" button.
Top-right configuration button.

Mixing Page:

Gray background.
Five color squares (Cyan, Magenta, Yellow, Black, and White) display the mixing percentages.
"Start/Stop" button on the right.
A central square changes color as mixing occurs, connected by animated bars.
"Next" button to move to the next color.

Color Scheme and Resolution:

Screen resolution: 800x480.
Orange background on the Home Page.
Gray background on Orders, Order Details, and Mixing Pages.
White title and black text on buttons.
Color squares: Cyan, Magenta, Yellow, Black, White.

Additional Information:

Touchscreen-optimized and responsive.
Clear navigation between pages.
Emphasize visual appeal and user-friendliness.

Deliverables:

High-quality Squareline UI/UX design.
Documentation explaining design and interactions.

Submission Requirements:

Design for the Home Page.
Include a brief description of design choices and additional ideas.

*****Machine Functionality:
The "LignumBlocks Color Maker" efficiently applies custom color blends to wooden blocks using Cyan, Magenta, Yellow, Black, and White. Users specify orders, and the machine accurately blends and applies colors.