The Challenge
Designing an interface for artists carries a unique responsibility: the app's design (UI) must not compete with the user content. The challenge was to create an invisible and neutral "digital canvas." The complexity lay in balancing very diverse formats: immersive vertical videos (Reels), high-resolution static galleries, and tickets with QR codes. I needed to create a visual hierarchy that would allow the user to seamlessly shift their mindset—from viewer to buyer and from buyer to attendee—without losing aesthetic coherence.
The Build
To organize this large number of functionalities, I designed a context-based information architecture in Figma. Smart Feeds: I visually differentiated entertainment content (Reels/Stories) from commercial content. While the social feed prioritizes full-screen immersion, the Marketplace uses structured grids to facilitate price and detail comparison. Experience Wallet: I integrated the ticketing system (museum tickets) into a unified user profile, using quick-access QR codes and visual reminders. Purchase Micro-interactions: I designed a "2-click purchase" flow integrated directly into social posts, allowing users to acquire a work of art without leaving the discovery experience.
![](data:image/svg+xml,<svg display="block" role="presentation" viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg"><g d="M 4.268 2.119 L 4.268 0 L 16 0 L 16 2.119 Z M 16 11.637 L 13.87 11.637 L 13.87 0 L 16 0 Z M 1.509 16 L 0 14.504 L 13.563 1.058 L 15.073 2.553 Z" fill="transparent" height="16px" id="FS4wud4HL" width="15.999999631566766px"><path d="M 0 2.119 L 0 0 L 11.732 0 L 11.732 2.119 Z" fill="rgb(15, 14, 14)" height="2.1187359513420594px" id="P5kIJB7Ko" transform="translate(4.268 0)" width="11.73219480873486px"/><path d="M 2.13 11.637 L 0 11.637 L 0 0 L 2.13 0 Z" fill="rgb(15, 14, 14)" height="11.636652122173734px" id="xBplekXaY" transform="translate(13.87 0)" width="2.1296344887445002px"/><path d="M 1.509 14.942 L 0 13.447 L 13.563 0 L 15.073 1.496 Z" fill="rgb(15, 14, 14)" height="14.94221869628454px" id="DEz5S9WYM" transform="translate(0 1.058)" width="15.072818848944806px"/></g></svg>)