DESCRIPTION
Quarx is a digital tool for graphic designers and students, featuring only the best design projects as references and offering a complete description with key details like the designer, client, typography, colors, and more. Scrolling through the app isn’t just inspiring; it’s a way to learn. Quarx isn’t a social network. There are no likes, comments, followers, or distractions, just pure design inspiration.

The app includes smart filters for typography, color, style, and category, making it easy to find exactly what you’re looking for. Its interface also changes depending on how you use it: when no filters are applied, it stays black; when filters are on, it turns white, offering a subtle visual cue.

BRIEFING
To design a digital interface on a topic of your choice, and develop it through all key phases: user personas, user flow, wireframes, UX, UI, component library, visual identity and interactive prototyping.

PROPOSAL
A graphic design reference app that showcases detailed information for each project. Its advanced filtering system makes it the perfect tool for both graphic designers and students. With a strong and modern design system, it offers a streamlined and inspiring user experience.

CONTRIBUTION
A digital tool that turns scrolling into inspiration and learning, making it easy to find references through dynamic filtering.

PRODUCTION
Its navigation, UX, and a native design system were defined through prior research, with a focus on usability and accessibility. This is followed by the design of the UI, interactive prototyping, and the development of a cohesive visual identity.

VISUAL IDENTITY
The name Quarx comes from quarks, the smallest particles in the universe. Just as quarks combine to form everything around us, design projects come to life through the connection and combination of ideas and references. That’s the essence of Quarx.

VIDEO 01
This first video showcases a full navigation walkthrough in a smooth and engaging way. It features the entire interactive prototype, giving a realistic view of how the app works.

VIDEO 02
Meanwhile, the second video focuses on Quarx’s visual identity, offering a detailed look at all its elements: the logo, app icon, uses of the symbol, color palette, typefaces, typographic hierarchies, and some of the app screens.