Divriots — Website

Redesign the divriots.com marketing site to establish a coherent visual identity, clarify the distinction between plugins, tools, and APIs, and give each product category its own graphic logic — while maintaining the technical credibility that enterprise clients expect. The site also needed to be fully responsive and publishable directly through their own figma.to.website infrastructure, making the design a proof-of-concept for their own product.

The central insight was that Divriots's three product lines serve fundamentally different mental models — plugins live inside Figma's UI, tools are standalone utilities, APIs are developer primitives — and the visual language had to reflect that. Plugins were represented with rounded-square containers echoing Figma's native icon grid, tools with circular icons signaling simplicity and directness, and APIs with a darker, code-first aesthetic. Rather than inventing a new brand from scratch, the approach borrowed Divriots's existing technical credibility and reframed it through a more intentional, editorial visual system.

The deliverable was a complete Figma file covering the full marketing site: an animated hero, dedicated sections for each product line with custom illustration systems, and individual tool pages with animated sections. The icon logic — rounded squares for plugins, circles for tools — was applied consistently across every section, making the taxonomy immediately readable without labels. The file was published directly via figma.to.website, turning the handoff into a live demonstration of the tool's capabilities. All pages were designed responsive.

No KPI data is available at this stage. The redesign delivered a site that is objectively clearer, more visually coherent, and backed by a design logic Divriots can scale as they expand their product catalog. The visual taxonomy established for plugins, tools, and APIs gives the team a reusable system for future product launches.