Creating Identity
This design was created with the goal of easing the complicated process of creating a customized computer.
It reaches it by offering easy access to key features: community-driven creations,
specialist guides for advanced and occasional users, and the creative path.
Made With
Photoshop • Illustrator • Adobe XD
Communicating With Design
Building blocks/cubes follow along the users' path, guiding them to points of interest.
Visual direction is communicated in 3 forms, leading queues, cube direction, and single-out element.
Once the user is on a certain path, the visual intensity of the background subsides.
Iconography was created in 2 fidelities.
Higher fidelity was used in a smaller overview where fewer elements are present.
And the lower-fidelity icons were used in a larger overview to avoid heavy visual clutter
and ease fast scanning of the page.
Low Fidelity
High Fidelity
Brand Color Palette
It was natural to use shades of blue throughout the design to match the product's feel and cubic design.
The Palette also helps to transfer the feeling of professionalism and security to the users.
Due to complex graphical elements that guide/support the user focus there is no secondary color but neutral greys.