Role: Designer, art director, animator
Design ask: To design and create all visual assets for the refresh of the Nodle website and all it’s sub-brands and sectors
The project of redesigning the Nodle website was aimed at revitalizing the brand’s online presence and enhancing its functionality and user experience.
The result led to a website that is visually appealing, easy to navigate, and aligned with Nodle's spirit in the crypto space.
The redesign began with providing a structured yet flexible framework while remaining user-friendly and accessible. White boxes layered on color allowed the use of colors from Nodle's brand palette, adding vibrancy and style to the site without compromising on readability or functionality.
The typography set was chosen to add to the overall dynamic yet minimal aesthetic, letting the eye identify main points and flow through the page seamlessly.
Nodle's technology and concepts can be quite complex, often going beyond the understanding of the average user or even the tech-savvy individual. Our constant goal was to make this advanced information accessible and engaging for everyone. To achieve this, we prioritized a straightforward and intuitive structure for our pages, ensuring that users wouldn't get lost while navigating the site. For those interested in the more technical details, we made sure to include clear call-to-action elements, directing them precisely to the sections where they could find in-depth information.
This paired-back simplicity was reflected in various design elements, from the way lists and scrolling were handled to the layout of graphics and text. UI demostrations were direct and all other graphic elements are paired down to limited shapes and sizes. By simplifying these aspects, we created a website that is not only cohesive with the depth of information communicated but also easy to understand and navigate.
Overall, our approach ensured that we are catering to a broad audience without compromising on the richness of the content.
The following are the 4 styles of graphics used throughout the pages in the Nodle website:
01
Graphic elements that are distilled to it’s simplest form in order to convey a complex topic quickly in a glance
02
Step animations were created using only circles to maintain a cohesive and simple story
03
Utilizing circles-only in 3 different sizes in order to communicate a list of different terms within the same visual language
04
To add a different dimension to our set of graphics, we created smaller icons in 3D so there is diversity within a page of solid colors and flat graphics