Driftly
Their visual identity was fragmented across channels, with no consistent system to support growth. The tone felt overly technical, lacking warmth and distinction.
Brand Identity
Jakarta, Indonesia
Overview
Driftly is a productivity platform designed to help digital teams simplify task flows. When they approached us, the brand felt generic — lacking direction, tone, and recall. We redefined their identity with a humanized, confident system that speaks clearly, yet never loudly.
Challenge
Driftly’s identity was scattered and lacked cohesion—visually inconsistent, internally unclear, and externally forgettable. It relied on technical language without a distinct tone or presence. The challenge was to craft a brand system that not only unified design but also conveyed clarity, warmth, and long-term scalability.
Outcome
Driftly’s refreshed identity led to significant outcomes across both brand and product experience. With a cohesive visual system in place, the brand saw a measurable lift in retention as users connected more easily with its distinct and humanized presence. The design language was integrated directly into the product interface, improving visual consistency and user experience.
Design System Implementation
We built a scalable design system from scratch—modular components, type hierarchy, and color tokens—ensuring consistency across product, marketing, and internal assets. This helped reduce handoff errors and sped up their development workflow by over 30%.
Tone & Visual Direction
The brand voice was redefined with a balance of warmth and clarity, supported by a visual direction that leaned on calm neutrals, generous whitespace, and clean typography—elevating Driftly from functional to memorable.
![](data:image/svg+xml,<svg display="block" role="presentation" viewBox="0 0 40 40" xmlns="http://www.w3.org/2000/svg"><path d="M 0 32 L 32 0 M 32 0 L 8 0 M 32 0 L 32 24" fill="transparent" height="32px" id="UQfFcYMar" stroke-dasharray="" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" stroke="rgb(19, 19, 19)" transform="translate(4 4)" width="32px"/></svg>)
