Drip: Enhanced Information Architecture

Pattern and layout overhaul

Led UX explorations focused on simplifying and enhancing Drip’s navigation experience for a more intuitive user flow across our entire app.

Client

Drip

Services

Visual Design UI & UX Design Prototyping

Industries

Marketing Technology

Date

August 2025

Dashboard Sidebar Close Up
Dashboard Sidebar Close Up
Dashboard Sidebar Close Up

Overview


As part of an effort to modernize Drip’s app experience, I led UX explorations to overhaul its information architecture and layout patterns. The project focused on simplifying navigation, creating visual consistency, and improving overall usability across key customer touchpoints. By rethinking how users move through the app, we established a clearer, more intuitive structure that supports both new and advanced workflows.


Problem


As Drip’s product expanded, the app’s navigation and page header system had become increasingly fragmented. Icons lacked a cohesive visual language, layouts varied from page to page, and users often described the interface as “cluttered”or “hard to read.” These inconsistencies eroded confidence and made the product feel more complicated than it actually was.


The goal of this project was to rethink how users move through Drip—to create a structure that felt predictable, polished, and aligned with the rest of our design system.


Challenges


The existing navigation presented several key pain points:

  • Inconsistent icon styles that created visual noise and made scanning difficult.

  • Unclear hierarchy between top-level sections and nested items.

  • Irregular layouts in headers and sidebars, which led to user disorientation.

  • A general lack of scalability, making it difficult to introduce new features or reorganize existing ones.


These issues added friction to everyday tasks and contributed to a steady stream of support tickets from users unsure where to find specific functionality.

Approach


We started with a comprehensive audit of the app’s existing navigation and iconography. This surfaced dozens of mismatched icons—some multi-colored, others outlined, some rounded, others squared off. From there, we ran a series of design explorations to test different directions:

  • Hard-edged icons that felt technical and precise.

  • Rounded variants that offered warmth and better readability.

  • Single-tone treatments to unify the system visually.


Through internal reviews and lightweight usability feedback, the team aligned around a rounded, single-tone icon style—one that conveyed friendliness while maintaining crisp legibility at small sizes.


In parallel, I restructured the navigation itself. The new sidebar introduced cleaner spacing, simplified groupings, and collapsible menus for areas with deep content like Campaigns and Workflows. The page header was standardized to maintain consistent placement for key actions and settings, reducing visual clutter and helping users orient themselves faster.

© 2025 • PSALMS 118:24

© 2025 • PSALMS 118:24

© 2025 • PSALMS 118:24