Crolog — AI-Powered Platform Design

Crolog is an AI-powered platform that brings intelligent conversation, code execution, web search, image generation, and file conversion to users across web, iOS, and Android. As Lead Product Designer, I drove the complete product design — from initial concept to a cohesive, accessible experience serving a global audience in 7 languages, including full RTL support for Arabic.

My Role

Leading Product Design Across Three Platforms

As Lead Product Designer at Crolog, I drive product design across web, iOS, and Android for an AI-powered platform serving a global, multilingual audience. My responsibilities include building and maintaining cohesive design systems with RTL and localization support for diverse user bases, leading UX/UI strategy and accessible design initiatives across all product touchpoints. The design challenges included creating a unified experience that feels native on each platform, supporting 7 languages (English, Arabic, French, Spanish, German, Chinese, and Japanese), and ensuring full accessibility with dark mode as the primary interface.

Crolog Logo — Origami Bird Design by Aya

Crolog Design System & Branding

I designed the complete Crolog brand identity from the ground up — including the geometric logo mark, the origami bird icon, and the full visual language. The design system supports a dark-mode-first aesthetic, multilingual typography, and RTL layout mirroring, with a comprehensive component library, color palette, iconography, and responsive grid system that ensures consistency across web, iOS, and Android platforms.

Crolog Logo — Geometric Mark Design
Crolog Bird Logo — Origami Crow
Crolog — Web Chat Interface
Crolog — iOS Login Screen

Web Platform Design

The Crolog web platform features a modern, dark-mode interface inspired by professional AI tools. The design focuses on a clean chat experience with support for rich content — code blocks with syntax highlighting, interactive artifacts, image galleries, and file attachments. The responsive layout adapts seamlessly from desktop to tablet, maintaining usability and visual harmony across screen sizes.

Crolog Web Platform — AI Chat Interface

iOS & Android App Design

The Crolog mobile apps for iOS and Android were designed with a native feel on each platform while maintaining brand consistency. Key design decisions included optimizing touch targets for mobile interaction, implementing swipe gestures for conversation navigation, supporting in-app purchases (Apple IAP and Google Play billing), and ensuring RTL layout mirroring works flawlessly on both platforms. The mobile experience brings the full power of the AI platform to users on the go.

Crolog iOS — Home Screen
Crolog iOS — Chat Conversation
Crolog iOS — Sidebar Navigation

RTL Support & Multilingual Localization

One of the most challenging and rewarding aspects of the Crolog project was designing for a truly global audience. The platform supports 7 languages — English, Arabic, French, Spanish, German, Chinese, and Japanese — with full RTL layout mirroring for Arabic. Every component, screen, and interaction was designed to work seamlessly in both LTR and RTL modes, ensuring an inclusive and accessible experience for all users regardless of their language or reading direction.

Crolog iOS — Login with Language Selector
Crolog iOS — Settings & Memory

Key Features Designed

  • AI chat interface with live thinking indicators and streaming responses
  • Interactive artifacts — runnable code, rich previews, and visual outputs
  • Image search, image generation, and image editing tools
  • File conversion and URL fetching capabilities
  • Code execution with syntax-highlighted output
  • Dark mode as the primary design language
  • Responsive design system spanning web, iOS, and Android
  • Accessible design with full RTL and localization support
  • Unified billing experience across Stripe (web), Apple IAP (iOS), and Google Play (Android)
Crolog Web Platform — All Pages Overview

Want to dive deeper into my work?