AI Robots
UI/UX
Development
Framer
Project overview
AI Robots was developed as a premium robotics commerce and product experience for a Greece-based company bringing Unitree humanoid and quadruped systems to industrial, education, and consumer markets. The site combines cinematic product storytelling, motion-led navigation, and technical product hierarchy to make advanced embodied AI feel approachable, credible, and ready for real-world deployment.
Date:
Location:
USA
Design process
6 hours
Discovery
Information Architecture
User Persona
Research
24 hours
Strategy
Competitor Analysis
Hypothesis Building
Interaction Flow
40 hours
Solution
Prototype Animations
Interactive Wireframes
Moodboard & Visual Direction
Initial concepts
The challenge
The key challenge was translating a complex robotics catalog into an experience that feels futuristic without becoming hard to navigate. Humanoid robots, quadrupeds, industrial inspection use cases, LiDAR, AI vision, and companion robotics all needed a clear structure while preserving momentum, product drama, and trust for technical buyers.
The impact
The result is a focused digital presence that positions AI Robots as a serious robotics partner in Greece. The experience gives visitors a fast path from high-impact product storytelling into specific robots, industries, demos, and sales actions, making the catalog easier to understand while keeping the brand's embodied-AI vision visually memorable.
![](data:image/svg+xml,<svg display="block" role="presentation" viewBox="0 0 48 48" xmlns="http://www.w3.org/2000/svg"><g d="M 0 23.972 L 12.5 23.972 L 12.5 36 Z M 12.5 12.586 L 0 12.586 L 0 24.615 L 25 24.615 L 12.5 12.587 Z M 0 0 L 12.5 12.029 L 25 12.029 L 25 0 Z" fill="transparent" height="36.00000170182653px" id="BdvNY9SKe" transform="translate(11.5 6)" width="25px"><path d="M 0 0 L 12.5 0 L 12.5 12.028 Z" fill="rgb(0, 85, 255)" height="12.027602943891956px" id="Ad83eI7hN" transform="translate(0 23.972)" width="12.5px"/><path d="M 12.5 0 L 0 0 L 0 12.029 L 25 12.029 L 12.5 0.002 Z" fill="rgb(0, 170, 255)" height="12.029407264765595px" id="G_s8yDN7A" transform="translate(0 12.586)" width="25px"/><path d="M 0 0 L 12.5 12.029 L 25 12.029 L 25 0 Z" fill="rgb(136, 221, 255)" height="12.029407264765627px" id="QfBuFj1WH" width="25px"/></g></svg>)
![](data:image/svg+xml,<svg display="block" role="presentation" viewBox="0 0 48 48" xmlns="http://www.w3.org/2000/svg"><g d="M 11.967 17.126 C 11.967 14.21 14.332 11.847 17.247 11.847 L 18.011 11.847 C 18.032 11.847 18.055 11.846 18.076 11.846 C 21.348 11.846 24 14.499 24 17.77 C 24 21.04 21.348 23.693 18.076 23.693 C 18.055 23.693 18.032 23.692 18.01 23.692 L 17.247 23.693 C 14.332 23.693 11.967 21.328 11.967 18.413 Z M 0 29.617 C 0 26.346 2.652 23.693 5.924 23.693 L 11.967 23.693 L 11.967 29.556 C 11.967 32.861 9.258 35.539 5.953 35.539 C 2.682 35.539 0 32.888 0 29.617 Z M 11.967 0.001 L 11.967 11.847 L 18.011 11.847 C 18.032 11.846 18.055 11.847 18.076 11.847 C 21.348 11.847 24 9.194 24 5.924 C 24 2.652 21.348 0 18.076 0 C 18.055 0 18.032 0.001 18.01 0.001 Z M 0 5.923 C 0 9.194 2.652 11.847 5.924 11.847 L 11.967 11.847 L 11.967 0.001 L 5.923 0.001 C 2.652 0.001 0 2.652 0 5.923 Z M 0 17.77 C 0 21.041 2.652 23.693 5.924 23.693 L 11.967 23.693 L 11.967 11.847 L 5.923 11.847 C 2.652 11.847 0 14.499 0 17.77 Z" fill="transparent" height="35.53942184261854px" id="Ag815G8Ki" transform="translate(12 6)" width="24.00000079568889px"><path d="M 0 5.28 C 0 2.364 2.365 0.001 5.28 0.001 L 6.044 0.001 C 6.065 0.001 6.087 0 6.109 0 C 9.38 0 12.033 2.653 12.033 5.924 C 12.033 9.194 9.38 11.847 6.109 11.847 C 6.087 11.847 6.065 11.846 6.043 11.846 L 5.28 11.847 C 2.365 11.847 0 9.482 0 6.567 Z" fill="rgb(0, 182, 255)" height="11.846705244107824px" id="G4HmDp7VL" transform="translate(11.967 11.846)" width="12.032601198520922px"/><path d="M 0 5.924 C 0 2.653 2.652 0 5.924 0 L 11.967 0.001 L 11.967 5.863 C 11.967 9.169 9.258 11.847 5.953 11.847 C 2.682 11.847 0 9.195 0 5.924 Z" fill="rgb(36, 203, 113)" height="11.846705244107795px" id="rDn_j3WER" transform="translate(0 23.693)" width="11.967398886152125px"/><path d="M 0 0.001 L 0 11.847 L 6.044 11.847 C 6.065 11.846 6.087 11.847 6.109 11.847 C 9.38 11.847 12.033 9.194 12.033 5.924 C 12.033 2.652 9.38 0 6.109 0 C 6.087 0 6.065 0.001 6.043 0.001 Z" fill="rgb(255, 114, 55)" height="11.847398885728774px" id="hxnTKSmJn" transform="translate(11.967 0)" width="12.032601198520922px"/><path d="M 0 5.922 C 0 9.194 2.652 11.846 5.924 11.846 L 11.967 11.846 L 11.967 0 L 5.923 0 C 2.652 0 0 2.652 0 5.922 Z" fill="rgb(255, 55, 55)" height="11.846011602486888px" id="PjUKE5VkY" transform="translate(0 0.001)" width="11.967398886152125px"/><path d="M 0 5.922 C 0 9.194 2.652 11.846 5.924 11.846 L 11.967 11.846 L 11.967 0 L 5.923 0 C 2.652 0 0 2.652 0 5.922 Z" fill="rgb(135, 79, 255)" height="11.846011602486897px" id="bYNZq2uZi" transform="translate(0 11.847)" width="11.967398886152125px"/></g></svg>)
