ReloPortal Redesign
Phase 1: Scope and Research
ReloPortal Redesign
Phase 1: Scope and Research
ReloPortal Redesign
Phase 1: Scope and Research
DataCompass Dashboard Flow and Alerts Panel
Final responsive UI layouts for desktop and tablet
The layouts prioritize clarity and hierarchy, helping users quickly interpret complex dashboard data.
Tablet layouts were adapted for touch interactions while maintaining visual consistency and readability across devices.
Company: F****| Role: UX Design Manager | Industry: Fintech (B2B/B2C) | Tools: Figma, Miro | Platforms: Web, POS
Project Overview
A redesign of the DataCompass interface to improve clarity, hierarchy, and usability while maintaining alignment with the product’s design system. The goal was to deliver a clean, intuitive, and scalable UI that works seamlessly across desktop, tablet, and POS devices.A redesign of the DataCompass interface to improve clarity, hierarchy, and usability while maintaining alignment with the product’s design system. The goal was to deliver a clean, intuitive,
and scalable UI that works seamlessly across desktop, tablet, and POS devices.
Interactive prototype demonstrating alert bar pop-in and micro-interactions
Shows dynamic alerts that guide users’ attention without overwhelming the dashboard. Animations, timing, and touch interactions were optimized for desktop, tablet, and POS. Micro-interactions reinforce hierarchy and provide immediate feedback to users.
Supporting Screens
Layouts of supporting screens within the experience
Screens demonstrate consistent UI patterns, visual hierarchy, and readability across workflows.
Tablet and POS adaptations ensure usability and clarity on smaller screens
Sample Dashboard Graph Cards
Here is a redesign of the DataCompass interface to improve clarity, hierarchy, and usability
while aligning with the product's design system.
Graph card components for quick and clear data interpretation
Graph cards highlight key metrics at a glance. Responsive layouts maintain clarity and accessibility on tablet and POS devices,
helping users interpret data efficiently.
Design System Snapshot
Developed scalable UI patterns and a consistent component library to ensure maintainability and alignment with product branding.
Standardized UI components for consistency and scalability
A component library ensures visual cohesion and easy maintenance. Components were designed with responsiveness,
accessibility, and touch-friendly interactions in mind.
Closing/Summary
The redesign strengthens usability while elevating the visual brand. Across all screens, responsive and adaptive design ensures a consistent, intuitive experience on desktop, tablet, and POS. Dark mode considerations maintain readability, touch-friendly interactions, and clear visual hierarchy, providing a seamless and professional UI experience.