Pebb
Custom Illustrations for a Workplace Communication Web Platform
Pebb
Client Work
Communication
Pebb
Illustration
Project timeline
2024
What we do
Visual Design
Created custom illustrations for the pebb.io website header and multiple key sections to enhance visual storytelling and user engagement.
Service
Designing for MVP
To visually represent the platform’s features and values through friendly and intuitive illustrations that resonate with the target audience.
The Challange
Balancing a clean, professional look with engaging, dynamic visuals that support the UI content without overwhelming it.
The Solution
Developed a cohesive illustration style aligned with the brand identity, integrating characters and interface mockups that explain product features clearly.
Header Illustration
The main header combines a full UI preview of the product with numbered annotation markers. I designed this to simulate a real, clickable interface but added orange tags to guide the eye to major features. This helps new users quickly scan the product’s capabilities without needing interaction.
Section-Based Visuals
Each feature section (e.g., “Welcome New Talents”, “Engage Like Never Before”, “Celebrate Every Win”) includes a scene that combines a human-centered photo and layered UI components. I illustrated realistic mockups that highlight key functionality such as posting updates, finding coworkers, or sharing celebrations to match the copy's message.
Balance Between Realism and Illustration
Instead of using abstract vectors or full illustration style, I opted for a hybrid: realistic imagery (people at work) combined with stylized UI overlays. This approach keeps the brand relatable and rooted in real workplace behavior, while still guiding the viewer’s focus.
Visual Hierarchy & Accessibility
Bright tags (e.g., #Welcome, #Real-Time, #Celebrate) are placed strategically in each visual to create an immediate entry point for the eye. UI overlays use shadows and padding to ensure clarity across screen sizes, especially on white backgrounds.
Visuals for Platform subpage
Visuals for Header Homepage
Visuals for Section on Homepage
The Result
The visuals improved comprehension and retention of product benefits, leading to better user engagement and a stronger brand impression across the site.
