Lugo Channels, Groups & Bots Redesign

Stage 1 – Usability Audit & Research

• Objective:

  Understand how users navigate and interact with the existing Channels & Bots feature.

  
  

• Methods:

  Conducted heuristic evaluation, competitor benchmarking (popular messaging and community apps), and quick user interviews.

  
  

• Findings:

  • Users found the All / Bots / Channels / Groups tabs visually similar, making filtering less obvious.

  • Inconsistent iconography and typography hindered quick scanning of messages.

  • Lack of verification or trust markers caused hesitation when joining new channels or starting bot conversations.

Stage 2 – Design Strategy

• Defined a product strategy focused on clarity, discoverability, and trust.

• Prioritized:

  • Streamlined navigation with stronger visual hierarchy for the top tabs.

  • Verified badges for official bots/channels to build confidence.

  • Improved message preview and date readability for faster decision-making.

• Created a roadmap separating quick wins (icon consistency, accessible colors, improved microcopy) from long term enhancements (loyalty programs, multi-language support, in-app help).

Stage 3 – Prototype Development

• Wireframes:

  Mapped out new layouts with larger tap targets, clearer message previews, and a dedicated Discover Channels area to encourage exploration.

  
  

• High-Fidelity Prototypes:

  Built interactive screens in Figma, applying Lugo’s vibrant purple brand palette while improving contrast and readability.

  
  

• UI Design:

  • Updated typography and spacing for better scan-ability.

  • Introduced subtle dividers and badges for unread messages and verified channels.

  • Refined icon set to visually differentiate bots, channels, and groups.