Back to blog

Mobile-Responsive Dashboard Now Live: Manage Your AI Assistant Anywhere

By Victor Pontes

At GetOnIt, we believe your AI assistant should be accessible wherever you work — whether you're at your desk, in a meeting, or on the go. That's why we're excited to announce our completely redesigned, mobile-responsive dashboard is now live for all users.

Why Mobile Matters

Most business owners and team leaders don't spend their entire day at a desk. You're:

  • Meeting with clients in coffee shops
  • Checking in on projects from job sites
  • Managing teams while commuting
  • Responding to urgent requests during off-hours

Your AI assistant should be just as accessible as your team's communication channels (WhatsApp, Telegram, Discord). With our new mobile-responsive dashboard, it is.

What's New

1. Adaptive Layouts

Our dashboard now automatically adjusts to your screen size:

  • Desktop (≥ 1024px): Full three-column layout with detailed analytics
  • Tablet (768px – 1023px): Optimized two-column layout
  • Mobile (< 768px): Single-column, touch-friendly interface

Dashboard responsive layouts

2. Touch-Friendly Controls

We've redesigned every interactive element for touch:

  • Larger buttons (minimum 44×44px for easy tapping)
  • Increased spacing between interactive elements
  • Swipe gestures for navigation where appropriate
  • Optimized form inputs for mobile keyboards

3. Performance Optimizations

Mobile users get the same fast experience:

  • Lazy loading for charts and analytics
  • Optimized images with WebP format
  • Reduced JavaScript bundle for mobile views
  • Cached data for offline capability

4. Key Metrics at a Glance

Even on small screens, you can quickly see:

  • Assistant status (online/offline)
  • Active conversations across channels
  • Memory usage and learning progress
  • Recent activity timeline

How We Built It

Technical Approach

We used a mobile-first design philosophy with:

// Example: Responsive component structure
export function DashboardCard({ title, children }: DashboardCardProps) {
  return (
    <div className="
      glass-strong rounded-2xl p-4 sm:p-6
      w-full max-w-full
      sm:max-w-[calc(50%-12px)]
      lg:max-w-[calc(33.333%-16px)]
    ">
      <h3 className="text-lg font-semibold mb-3">{title}</h3>
      {children}
    </div>
  );
}

Design System Updates

Our 3-color system (gray/indigo/green) now includes:

  • Mobile-specific color variants for better contrast
  • Typography scale that adjusts for screen size
  • Spacing tokens that scale proportionally

Testing Strategy

Every component was tested across:

  • Real devices (iPhone, Android, tablets)
  • Browser emulators with various screen sizes
  • Accessibility tools (screen readers, contrast checkers)
  • Performance profiling on 3G/4G connections

User Benefits

For Business Owners

  • Monitor operations from anywhere
  • Check assistant performance between meetings
  • Review conversations on the go
  • Make quick adjustments without needing a laptop

For Team Leaders

  • Manage team assistants during site visits
  • Track usage metrics in real-time
  • Configure channels from mobile
  • Review memory learning progress

For Power Users

  • Advanced settings accessible on mobile
  • API key management on the go
  • Integration status at a glance
  • Debug tools for troubleshooting

Real-World Use Cases

Construction Company Owner

"Before the mobile dashboard, I had to wait until I was back at the office to check if my assistant was handling vendor inquiries properly. Now I can check during site visits and make adjustments immediately."

Marketing Agency Director

"My team uses WhatsApp with clients, and I need to monitor conversations while I'm traveling. The mobile dashboard lets me see what's happening in real-time, no matter where I am."

Consultant

"Between client meetings, I can quickly review what my assistant has learned about each client's preferences. It helps me stay prepared for every conversation."

Try It Yourself

The mobile-responsive dashboard is available to all users immediately. No action required — just visit getonit.io on your mobile device and log in.

Tips for Mobile Use:

  1. Bookmark the dashboard on your home screen for quick access
  2. Enable notifications to stay updated on important events
  3. Use dark mode for better battery life and readability
  4. Pin frequently used sections for even faster access

What's Next

This is just the beginning of our mobile experience improvements. Coming soon:

  1. Mobile App (iOS & Android) with push notifications
  2. Offline Mode for reviewing conversations without connectivity
  3. Voice Commands for hands-free dashboard control
  4. Widgets for home screen quick actions

Feedback Welcome

We'd love to hear how the mobile dashboard works for you. Join our Discord community to share your experience, suggest improvements, or get help with any issues.

Ready to try GetOnIt with our new mobile dashboard? Start your free 30-day trial today — no credit card required. Your AI assistant will be ready in minutes, accessible from anywhere.

Back to all posts