DeeDz
DeeDz is a corporate SaaS platform designed to drive employee engagement. The system enables a "Peer-to-Peer Recognition" economy, where employees reward each other with virtual coins for great work and collaboration. These coins can later be redeemed for real-world gifts and benefits.
The Mission
I redesigned an old and messy system to make it modern and easy to use. My focus was on creating a clean social feed that makes saying "thank you" a natural and fun part of the company culture.
Tap to play
Pain Points
Introduced Outdated Interface
Small fonts, unclear components, and inconsistent branding created a cluttered look.
Weak Information Hierarchy
No visual distinction between feed sections or post types, leading to user confusion.
Cognitive Overload
The "Write Post" area was too large and always visible, making the feed feel heavy and disorganized.
Lack of Consistency Unpredictable button styles made it difficult for users to know what was clickable.
The Solution
Clean Social Feed
Introduced a structured, modern feed layout that separates content naturally and reduces visual noise.
Engagement-First UI
Focused on clear call-to-actions for recognizing colleagues and redeeming rewards
Brand Customization
Built a modular system that allows companies to personalize their workspace while maintaining a consistent professional look.
Scalable UX
Simplified the user journey for both the employee and the manager, ensuring the platform is easy to navigate as the organization grows.
Style Guide
Color
A palette of pastel purples and blues on light gray, designed to evoke a social media feed. These subtle tones balance vibrant user content and imagery, maintaining a clean, modern, and content-focused interface.
#000000
#444170
#F0F5FF
#848298
#9E6FC5
#F26466
#F5F6FA
#68AD5C
#F7FFF5
Typography
Clean fonts and balanced weight hierarchy for clear visual structure. High black-on-white contrast ensures maximum readability and an accessible user experience.​
​
Aa
Light weight Ideal for body text and long paragraphs; provides a modern, easy-to-read, and airy feel
Aa
Regular Weight: Perfect for small highlights and details that need a bit of attention.​
Aa
SemiBold Weight Used for main titles and important actions to create a clear visual hierarchy.
Logo
The DeeDz logo, the internal employee currency, was redesigned for seamless alignment with the platform's typography. By using a clean, rounded, and geometric font, the new logo establishes a consistent visual identity and a modern, integrated feel across the entire system.
Post Creation & Interaction
​
Visual Distinction
Created a clear separation between official company announcements and peer-to-peer employee posts.
​
The "Postcard" Layout
Developed a unique UI structure for GIFs, images, and tags, ensuring every post looks like a clean, readable postcard.
Enhanced Readability
Used large typography and generous spacing to ensure content is accessible and engaging.
Developer-Friendly Design
Built with a structured logic that maintains visual integrity across all types of shared content.
Tap to play
Post Varieties
I used color-coding to create a clear distinction between company and employee posts. This hierarchy, combined with custom avatars, ensures the feed remains organized, readable, and easy to scan.
Tap to play
Mobile Experience
I designed a fully responsive mobile version that brings a clean, modern experience to any screen. By optimizing card layouts and touch targets for mobile interactions, I ensured a consistent visual hierarchy and a seamless transition between devices.
